.ops2-shell{display:flex;flex-direction:column;height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#0f172a;overflow:hidden}.ops2-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;z-index:20}.ops2-brand{display:flex;align-items:center;gap:10px}.ops2-brand-text{display:flex;flex-direction:column;gap:0;line-height:1}.ops2-brand-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em}.ops2-brand-role{font-size:10px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ops2-topbar-right{display:flex;align-items:center;gap:12px}.ops2-user-chip{display:flex;align-items:center;gap:8px}.ops2-user-avatar{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.ops2-user-name{font-size:13px;color:#cbd5e1}.ops2-logout-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.ops2-logout-btn:hover{color:#f8fafc;border-color:#64748b}.ops2-layout{display:flex;flex:1;overflow:hidden}.ops2-sidebar{width:200px;flex-shrink:0;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:12px 10px;gap:2px;overflow-y:auto}.ops2-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border:none;background:transparent;border-radius:7px;color:#475569;font-size:13.5px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .1s,color .1s}.ops2-nav-item:hover{background:#f1f5f9;color:#0f172a}.ops2-nav-active{background:#eff6ff;color:#2563eb!important}.ops2-nav-active svg{stroke:#2563eb}.ops2-sidebar-spacer{flex:1}.ops2-sidebar-version{font-size:10px;color:#cbd5e1;text-align:center;padding:4px 0}.ops2-main{flex:1;overflow-y:auto;padding:0}.ops2-page-header{padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;background:#fff}.ops2-page-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 2px}.ops2-page-sub{font-size:13px;color:#64748b;margin:0}.ops2-tab-content{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.ops2-toolbar{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.ops2-search-wrap{position:relative;flex:0 0 280px}.ops2-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.ops2-search{width:100%;padding:8px 12px 8px 34px;border:1px solid #e2e8f0;border-radius:7px;font-size:13px;background:#fff;color:#0f172a;box-sizing:border-box}.ops2-search:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ops2-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.ops2-filter-pill{padding:5px 12px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .1s}.ops2-filter-pill:hover{border-color:#94a3b8;color:#0f172a}.pill-active{background:#0f172a;color:#fff;border-color:#0f172a}.ops2-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}.ops2-table{width:100%;border-collapse:collapse;font-size:13px}.ops2-table th{padding:10px 14px;background:#f8fafc;text-align:left;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ops2-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ops2-table tbody tr:hover td{background:#f8fafc}.ops2-row-clickable{cursor:pointer}.ops2-table-compact th,.ops2-table-compact td{padding:9px 12px}.text-right{text-align:right}.text-muted{color:#94a3b8}.text-warn{color:#d97706;font-weight:600}.ops2-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.badge-new{background:#eff6ff;color:#1d4ed8}.badge-approved{background:#ecfdf5;color:#047857}.badge-production{background:#fef3c7;color:#92400e}.badge-ready{background:#f0fdf4;color:#15803d}.badge-dispatched{background:#dbeafe;color:#1d4ed8}.badge-delivered{background:#d1fae5;color:#065f46}.badge-completed{background:#e0e7ff;color:#3730a3}.badge-invoiced{background:#f3e8ff;color:#6b21a8}.badge-cancelled{background:#f1f5f9;color:#475569}.badge-exception{background:#fef2f2;color:#b91c1c}.badge-muted{background:#f1f5f9;color:#94a3b8;font-size:11px;padding:2px 7px;border-radius:10px;display:inline-block}.badge-default{background:#f1f5f9;color:#475569}.ops2-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:#94a3b8}.ops2-empty svg{color:#e2e8f0}.ops2-empty strong{font-size:15px;color:#475569}.ops2-empty span{font-size:13px}.ops2-empty-compact{padding:14px 0;font-size:13px;color:#94a3b8}.ops2-empty-ok{display:flex;align-items:center;gap:6px;color:#10b981;font-weight:500}.ops2-loading{padding:40px 24px;text-align:center;color:#64748b;font-size:13px}.ops2-loading-full{display:flex;align-items:center;justify-content:center;min-height:200px}.ops2-error-full{padding:24px;display:flex;flex-direction:column;gap:12px}.ops2-error-box{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px}.ops2-toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:9999}.ops2-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:toast-in .2s ease;max-width:360px}.ops2-toast-success{background:#0f172a;color:#fff}.ops2-toast-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ops2-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0f172a;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.ops2-btn-primary:hover:not(:disabled){background:#1e293b}.ops2-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ops2-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.ops2-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ops2-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ops2-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:#374151;border:1px solid #e5e7eb;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.ops2-btn-ghost:hover{background:#f3f4f6}.ops2-btn-xs{padding:4px 10px;background:#0f172a;color:#fff;border:none;border-radius:5px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s}.ops2-btn-xs:hover:not(:disabled){background:#1e293b}.ops2-btn-xs:disabled{opacity:.45;cursor:not-allowed}.ops2-btn-xs-secondary{background:transparent;color:#374151;border:1px solid #d1d5db}.ops2-btn-xs-secondary:hover{background:#f9fafb}.ops2-open-btn{font-size:12px;background:transparent;color:#3b82f6;border:1px solid #bfdbfe;border-radius:5px;padding:3px 8px;cursor:pointer;font-weight:600;transition:background .1s}.ops2-open-btn:hover{background:#eff6ff}.ops2-overview{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.ops2-next-action{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#0f172a;border-radius:10px;cursor:pointer;transition:background .15s}.ops2-next-action:hover{background:#1e293b}.ops2-next-action-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.ops2-next-action-body{display:flex;align-items:center;gap:12px}.ops2-next-action-value{font-size:28px;font-weight:800;color:#fff;line-height:1}.ops2-next-action-desc{font-size:14px;color:#94a3b8}.ops2-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.ops2-kpi-card{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:box-shadow .15s,transform .1s;text-align:left}.ops2-kpi-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.kpi-urgent{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf24}.ops2-kpi-icon{font-size:20px;line-height:1}.ops2-kpi-value{font-size:30px;font-weight:800;line-height:1;color:#0f172a}.ops2-kpi-label{font-size:13px;font-weight:600;color:#374151}.ops2-kpi-desc{font-size:11px;color:#94a3b8;line-height:1.3}.kpi-blue .ops2-kpi-value{color:#1d4ed8}.kpi-teal .ops2-kpi-value{color:#0d9488}.kpi-indigo .ops2-kpi-value{color:#4338ca}.kpi-amber .ops2-kpi-value{color:#d97706}.kpi-purple .ops2-kpi-value{color:#7c3aed}.kpi-orange .ops2-kpi-value{color:#ea580c}.kpi-red .ops2-kpi-value{color:#dc2626}.kpi-rose .ops2-kpi-value{color:#e11d48}.kpi-green .ops2-kpi-value{color:#16a34a}.ops2-prod-section{display:flex;flex-direction:column;gap:10px}.ops2-prod-section-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.ops2-prod-section-title{font-size:14px;font-weight:700;color:#0f172a;margin:0}.ops2-prod-section-count{font-size:12px;font-weight:700;background:#0f172a;color:#fff;padding:1px 7px;border-radius:10px}.ops2-prod-section-desc{font-size:12px;color:#94a3b8;flex:1}.ops2-prod-list{display:flex;flex-direction:column;gap:6px}.ops2-prod-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:border-color .1s,box-shadow .1s}.ops2-prod-row:hover{border-color:#94a3b8;box-shadow:0 2px 6px #0000000f}.ops2-prod-row-main{display:flex;flex-direction:column;gap:2px;flex:1}.ops2-prod-school{font-size:12px;color:#64748b}.ops2-prod-row-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#64748b}.ops2-review-section{display:flex;flex-direction:column;gap:12px}.ops2-review-section-header{display:flex;align-items:center;gap:10px}.ops2-review-title{font-size:15px;font-weight:700;color:#0f172a;margin:0}.ops2-review-count{font-size:12px;font-weight:700;background:#dc2626;color:#fff;padding:1px 7px;border-radius:10px}.ops2-action-cell{display:flex;align-items:center;gap:6px}.ops2-detail{padding:20px 24px;display:flex;flex-direction:column;gap:18px;max-width:1100px}.ops2-breadcrumb{display:flex;align-items:center;gap:6px}.ops2-breadcrumb-back{display:flex;align-items:center;gap:5px;background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 0}.ops2-breadcrumb-back:hover{text-decoration:underline}.ops2-breadcrumb-sep{color:#94a3b8}.ops2-breadcrumb-current{font-size:13px;color:#64748b}.ops2-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.ops2-detail-identity{flex:1}.ops2-detail-order-num{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}.ops2-detail-school{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.ops2-school-code{font-size:11px;font-weight:600;background:#f1f5f9;color:#475569;padding:1px 7px;border-radius:4px}.ops2-detail-meta-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#64748b;flex-wrap:wrap}.ops2-detail-meta-sep{color:#d1d5db}.ops2-detail-status-block{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ops2-detail-amount{font-size:20px;font-weight:700;color:#0f172a}.ops2-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px}.ops2-timeline{display:flex;align-items:flex-start;overflow-x:auto;padding:4px 0}.ops2-tl-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:80px}.ops2-tl-dot{width:24px;height:24px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1;position:relative}.tl-done .ops2-tl-dot{background:#0f172a;border-color:#0f172a;color:#fff}.tl-current .ops2-tl-dot{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.ops2-tl-label{margin-top:6px;font-size:10px;font-weight:600;color:#94a3b8;text-align:center;text-transform:uppercase;letter-spacing:.03em}.tl-done .ops2-tl-label{color:#374151}.tl-current .ops2-tl-label{color:#2563eb}.ops2-tl-line{position:absolute;top:11px;left:50%;width:100%;height:2px;background:#e2e8f0}.tl-line-done{background:#0f172a}.ops2-detail-cols{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}@media(max-width:900px){.ops2-detail-cols{grid-template-columns:1fr}}.ops2-detail-main{display:flex;flex-direction:column;gap:16px}.ops2-detail-sidebar{display:flex;flex-direction:column;gap:14px}.ops2-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ops2-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #f1f5f9}.ops2-card-title{font-size:14px;font-weight:700;color:#0f172a;margin:0}.ops2-card-count{font-size:12px;color:#64748b}.ops2-card-body{padding:16px 18px}.ops2-card-actions-row{display:flex;flex-wrap:wrap;gap:8px}.ops2-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ops2-status-done{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#16a34a}.ops2-done-date{font-size:12px;color:#64748b;font-weight:400}.ops2-note-box{padding:10px 14px;background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:4px;font-size:13px;color:#475569;margin-bottom:12px}.ops2-note-ops{border-left-color:#3b82f6;background:#eff6ff}.ops2-info-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px}.ops2-info-grid>:nth-child(odd){color:#64748b;font-size:12px;white-space:nowrap}.ops2-info-grid>:nth-child(2n){color:#0f172a}.ops2-contact-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151;padding:4px 0}.ops2-contact-item svg{flex-shrink:0;margin-top:2px;color:#64748b}.ops2-consignment-row{display:flex;flex-direction:column;gap:5px;padding:10px 0;border-bottom:1px solid #f1f5f9}.ops2-consignment-row:last-child{border-bottom:none}.ops2-consign-main{display:flex;align-items:center;gap:8px}.ops2-consign-detail{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;flex-wrap:wrap}.ops2-tracking{font-family:Courier New,monospace;font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#374151}.ops2-damage-row{padding:10px 0;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:5px}.ops2-damage-row:last-child{border-bottom:none}.ops2-damage-main{display:flex;align-items:center;gap:8px}.ops2-damage-desc{font-size:12px;color:#64748b;margin:0}.ops2-damage-decided{font-size:12px;color:#374151}.ops2-damage-actions{display:flex;gap:6px}.ops2-reprint-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.ops2-reprint-row:last-child{border-bottom:none}.ops2-reprint-main{display:flex;align-items:center;gap:10px;font-size:12px}.ops2-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ops2-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.ops2-modal-wide{max-width:740px}.ops2-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ops2-modal-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 2px}.ops2-modal-sub{font-size:12px;color:#64748b;margin:0}.ops2-modal-close{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:0 4px;line-height:1}.ops2-modal-close:hover{color:#0f172a}.ops2-modal-school{font-size:13px;font-weight:600;color:#374151;padding:10px 20px 0;flex-shrink:0}.ops2-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px 20px;border-top:1px solid #f1f5f9;background:#fff;flex-shrink:0;margin-top:auto}.ops2-school-summary{display:flex;gap:16px;padding:14px 20px;background:#f8fafc;flex-wrap:wrap}.ops2-ss-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:80px}.ops2-ss-val{font-size:24px;font-weight:800;color:#0f172a;line-height:1}.ops2-ss-lbl{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ops2-ss-warn .ops2-ss-val{color:#d97706}.ops2-validation-ok,.ops2-validation-warn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;flex-shrink:0}.ops2-validation-ok{background:#ecfdf5;color:#065f46}.ops2-validation-warn{background:#fffbeb;color:#92400e}.ops2-form{padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.ops2-field{display:flex;flex-direction:column;gap:5px}.ops2-field label{font-size:12px;font-weight:600;color:#374151}.ops2-field input,.ops2-field select,.ops2-field textarea{padding:8px 11px;border:1px solid #e2e8f0;border-radius:7px;font-size:13px;color:#0f172a;background:#fff}.ops2-field input:focus,.ops2-field select:focus,.ops2-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ops2-field-row{display:flex;gap:12px}.ops2-field-row .ops2-field{flex:1}.ops2-info-box{padding:12px 20px;background:#f8fafc;border-left:3px solid #e2e8f0;margin:8px 20px 0;border-radius:4px;font-size:13px}.ops2-info-desc{font-size:12px;color:#64748b;margin:4px 0 0}.ops2-order-num{font-family:Courier New,monospace;font-size:13px}.ops2-section-header{margin-bottom:1rem}.ops2-section-title{font-size:1rem;font-weight:700;margin:0 0 .25rem}.ops2-section-sub{font-size:.8125rem;color:var(--ops2-muted, #6b7280);margin:0}.ops2-field-row{display:flex;align-items:center;gap:.75rem}.ops2-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.ops2-field{display:flex;flex-direction:column;gap:.35rem}.ops2-label{font-size:.8125rem;font-weight:600;color:var(--ops2-text, #111827)}.ops2-select{height:38px;padding:0 .75rem;border:1px solid var(--ops2-border, #e5e7eb);border-radius:8px;font-size:.875rem;background:var(--ops2-surface, #fff);color:var(--ops2-text, #111827);min-width:260px}.ops2-input{padding:.5rem .75rem;border:1px solid var(--ops2-border, #e5e7eb);border-radius:8px;font-size:.875rem;background:var(--ops2-surface, #fff);color:var(--ops2-text, #111827);width:100%;box-sizing:border-box}.ops2-input:focus,.ops2-select:focus{outline:none;border-color:var(--ops2-accent, #6366f1);box-shadow:0 0 0 3px var(--ops2-accent, #6366f1) 1a}textarea.ops2-input{resize:vertical}.ops2-card-selector{border:1px solid var(--ops2-border, #e5e7eb);border-radius:10px;overflow:hidden;margin-bottom:1rem}.ops2-card-selector-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:var(--ops2-row-alt, #f9fafb);border-bottom:1px solid var(--ops2-border, #e5e7eb)}.ops2-card-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.ops2-card-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--ops2-border, #e5e7eb);border-radius:6px;cursor:pointer;font-size:.8125rem;background:var(--ops2-surface, #fff);transition:all .15s;-webkit-user-select:none;user-select:none}.ops2-card-chip:hover{border-color:var(--ops2-accent, #6366f1);background:var(--ops2-accent, #6366f1)0a}.ops2-card-chip--selected{border-color:var(--ops2-accent, #6366f1);background:var(--ops2-accent, #6366f1)14;color:var(--ops2-accent, #6366f1);font-weight:600}.ops2-card-chip input[type=checkbox]{width:14px;height:14px;accent-color:var(--ops2-accent, #6366f1)}.ops2-card-chip-num{font-family:ui-monospace,monospace;letter-spacing:.02em}.ops2-dispatch-form{border:1px solid var(--ops2-border, #e5e7eb);border-radius:10px;padding:1rem;background:var(--ops2-row-alt, #f9fafb)}.ops2-empty--inline{padding:.75rem 0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ops2-muted, #6b7280)}.cm-root{padding:0 0 48px;max-width:960px}.cm-toast{position:fixed;top:20px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 4px 16px #00000026;animation:cm-slide-in .2s ease}@keyframes cm-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.cm-toast-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.cm-toast-err{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.cm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.cm-title{font-size:1.4rem;font-weight:700;color:var(--slate-900, #0f172a);margin-bottom:4px}.cm-sub{font-size:.85rem;color:var(--slate-500, #64748b)}.cm-add-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:9px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .15s;flex-shrink:0}.cm-add-btn:hover{opacity:.9;transform:translateY(-1px)}.cm-form-card{background:#fff;border:1px solid #e0e7ff;border-radius:14px;padding:22px 24px 18px;margin-bottom:24px;box-shadow:0 2px 12px #667eea1a}.cm-form-title{font-size:1rem;font-weight:700;color:var(--slate-800, #1e293b);margin-bottom:18px}.cm-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.cm-field{display:flex;flex-direction:column;gap:5px}.cm-field-full{grid-column:1 / -1}.cm-field label{font-size:.78rem;font-weight:600;color:var(--slate-600, #475569);text-transform:uppercase;letter-spacing:.04em}.cm-input{padding:9px 12px;border:1.5px solid var(--slate-200, #e2e8f0);border-radius:8px;font-size:.875rem;color:var(--slate-800, #1e293b);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.cm-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.cm-form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--slate-100, #f1f5f9)}.cm-btn{padding:8px 18px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s,background .15s;border:none}.cm-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cm-btn-primary:hover:not(:disabled){opacity:.9}.cm-btn-ghost{background:var(--slate-100, #f1f5f9);color:var(--slate-600, #475569);border:1px solid var(--slate-200, #e2e8f0)}.cm-btn-ghost:hover{background:var(--slate-200, #e2e8f0)}.cm-btn-edit{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:5px 12px;font-size:.8rem}.cm-btn-edit:hover{background:#dbeafe}.cm-btn-deact{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;padding:5px 12px;font-size:.8rem}.cm-btn-deact:hover:not(:disabled){background:#ffedd5}.cm-btn-act{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;padding:5px 12px;font-size:.8rem}.cm-btn-act:hover:not(:disabled){background:#dcfce7}.cm-loading,.cm-empty{padding:48px 20px;text-align:center;color:var(--slate-400, #94a3b8);font-size:.9rem}.cm-section{margin-bottom:28px}.cm-section-hd{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500, #64748b);margin-bottom:10px;padding-left:2px}.cm-section-hd-dim{color:var(--slate-400, #94a3b8)}.cm-table{background:#fff;border:1px solid var(--slate-100, #f1f5f9);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.cm-table-dim{opacity:.75}.cm-thead{display:grid;grid-template-columns:120px 1fr 1fr 110px 180px;gap:0;background:var(--slate-50, #f8fafc);border-bottom:1px solid var(--slate-100, #f1f5f9);padding:0 16px}.cm-thead>span{padding:10px 8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500, #64748b)}.cm-trow{display:grid;grid-template-columns:120px 1fr 1fr 110px 180px;gap:0;align-items:center;padding:0 16px;border-bottom:1px solid var(--slate-50, #f8fafc);transition:background .12s}.cm-trow:last-child{border-bottom:none}.cm-trow:hover{background:var(--slate-50, #f8fafc)}.cm-trow-inactive{opacity:.7}.cm-trow>span{padding:12px 8px;font-size:.875rem}.cm-mono{font-family:SFMono-Regular,Consolas,monospace}.cm-sku{font-size:.8rem!important;color:var(--slate-600, #475569)}.cm-name{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--slate-800, #1e293b)}.cm-desc{color:var(--slate-500, #64748b);font-size:.82rem!important}.cm-price{font-weight:600;color:#5b21b6}.cm-dim{color:var(--slate-400, #94a3b8)}.cm-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cm-product-thumb{width:44px;height:30px;object-fit:cover;border-radius:5px;border:1px solid var(--slate-200, #e2e8f0);flex-shrink:0}.sap-product-img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:8px;border:1px solid var(--slate-100, #f1f5f9)}@media(max-width:768px){.cm-thead,.cm-trow{grid-template-columns:90px 1fr 100px 150px}.cm-thead>span:nth-child(3),.cm-trow>span:nth-child(3){display:none}.cm-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.cm-thead,.cm-trow{grid-template-columns:1fr 1fr 140px}.cm-thead>span:nth-child(1),.cm-trow>span:nth-child(1),.cm-thead>span:nth-child(3),.cm-trow>span:nth-child(3){display:none}.cm-form-grid{grid-template-columns:1fr}}.ctp2-shell *,.ctp2-shell *:before,.ctp2-shell *:after{box-sizing:border-box}.ctp2-shell{display:flex;min-height:100vh;background:#f8fafc;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;color:#0f172a;position:relative}.ctp2-sidebar{width:220px;min-width:220px;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;z-index:60}.ctp2-sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.ctp2-sidebar-brand span{font-size:1.1rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.ctp2-sidebar-class{padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.ctp2-sidebar-class-name{font-size:.9rem;font-weight:600;color:#f1f5f9;margin:0 0 2px}.ctp2-sidebar-class-year{font-size:.72rem;color:#64748b;margin:0}.ctp2-sidebar-nav{list-style:none;margin:8px 0 0;padding:0 8px;flex:1}.ctp2-sidebar-nav li{margin-bottom:2px}.ctp2-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;text-align:left}.ctp2-nav-item svg{width:16px;height:16px;flex-shrink:0}.ctp2-nav-item:hover{background:#ffffff0f;color:#f1f5f9}.ctp2-nav-item.active{background:#1e40af;color:#fff}.ctp2-nav-badge{margin-left:auto;background:#dc2626;color:#fff;border-radius:20px;padding:1px 7px;font-size:.68rem;font-weight:700;min-width:20px;text-align:center}.ctp2-sidebar-footer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.07)}.ctp2-sidebar-teacher{font-size:.8rem;font-weight:600;color:#cbd5e1;margin:0 0 2px}.ctp2-sidebar-school{font-size:.72rem;color:#475569;margin:0}.ctp2-signout-btn{display:flex;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;width:100%;transition:background .15s,color .15s}.ctp2-signout-btn:hover{background:#ffffff12;color:#f8fafc}.ctp2-main{flex:1;min-width:0;padding:32px 36px;overflow-y:auto}.ctp2-toast{position:fixed;top:20px;right:24px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:500;max-width:400px;box-shadow:0 4px 20px #0000001f;animation:ctp2-slide-in .2s ease}@keyframes ctp2-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.ctp2-toast svg{width:18px;height:18px;flex-shrink:0}.ctp2-toast button{margin-left:auto;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.6;font-size:.9rem;line-height:1;padding:0 2px}.ctp2-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.ctp2-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.ctp2-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.ctp2-badge--green{background:#dcfce7;color:#15803d}.ctp2-badge--blue{background:#dbeafe;color:#1d4ed8}.ctp2-badge--red{background:#fee2e2;color:#b91c1c}.ctp2-badge--amber{background:#fef9c3;color:#92400e}.ctp2-badge--gray{background:#f1f5f9;color:#475569}.ctp2-badge--purple{background:#ede9fe;color:#6d28d9}.ctp2-prog-track{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ctp2-prog-fill{height:100%;border-radius:999px;transition:width .4s ease}.ctp2-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s,box-shadow .15s;white-space:nowrap;text-decoration:none}.ctp2-btn svg{width:15px;height:15px;flex-shrink:0}.ctp2-btn--primary{background:#2563eb;color:#fff}.ctp2-btn--primary:hover{background:#1d4ed8}.ctp2-btn--dark{background:#0f172a;color:#fff}.ctp2-btn--dark:hover{background:#1e293b}.ctp2-btn--white{background:#fff;color:#0f172a}.ctp2-btn--white:hover{background:#f8fafc}.ctp2-btn--secondary{background:#fff;color:#334155;border:1px solid #e2e8f0}.ctp2-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.ctp2-btn--ghost{background:transparent;color:#64748b}.ctp2-btn--ghost:hover{background:#f1f5f9}.ctp2-btn--success{background:#dcfce7;color:#15803d}.ctp2-btn--success:hover{background:#bbf7d0}.ctp2-btn--danger{background:#fee2e2;color:#b91c1c}.ctp2-btn--danger:hover{background:#fca5a5}.ctp2-btn--danger-ghost{background:transparent;color:#b91c1c;border:1px solid #fca5a5}.ctp2-btn--danger-ghost:hover{background:#fef2f2}.ctp2-btn--warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.ctp2-btn--warning:hover{background:#fde68a;border-color:#f59e0b}.ctp2-btn--sm{padding:5px 12px;font-size:.8rem}.ctp2-btn:disabled,.ctp2-btn--loading,.ctp2-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ctp2-icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:background .15s}.ctp2-icon-btn:hover{background:#f1f5f9;color:#0f172a}.ctp2-icon-btn svg{width:16px;height:16px}.ctp2-form{display:flex;flex-direction:column;gap:14px}.ctp2-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ctp2-form-group{display:flex;flex-direction:column;gap:4px}.ctp2-form-label{font-size:.78rem;font-weight:600;color:#475569}.ctp2-form-hint{font-weight:400;color:#94a3b8}.ctp2-required{color:#dc2626}.ctp2-input{height:36px;padding:0 10px;border:1px solid #e2e8f0;border-radius:7px;font-size:.875rem;color:#0f172a;background:#fff;transition:border-color .15s,box-shadow .15s;width:100%}.ctp2-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ctp2-textarea{padding:8px 10px;border:1px solid #e2e8f0;border-radius:7px;font-size:.875rem;color:#0f172a;background:#fff;resize:vertical;width:100%;font-family:inherit;transition:border-color .15s}.ctp2-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ctp2-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:ctp2-shimmer 1.5s infinite;border-radius:6px}@keyframes ctp2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ctp2-skeleton--text{height:14px}.ctp2-skeleton--badge{height:22px;width:70px;border-radius:20px}.ctp2-skeleton--btn{height:28px;width:60px;border-radius:6px}.ctp2-skeleton--card{height:180px;border-radius:12px}.ctp2-skeleton--photo{height:180px;width:140px;border-radius:8px}.ctp2-skeleton-row td{padding:12px 14px}.ctp2-overview{display:flex;flex-direction:column;gap:20px;max-width:860px}.ctp2-class-card{background:#0f172a;border-radius:14px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.ctp2-class-badge{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3px 12px;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:#93c5fd;margin-bottom:10px}.ctp2-class-name{font-size:1.5rem;font-weight:700;margin:0 0 4px;line-height:1.2}.ctp2-class-meta{font-size:.85rem;color:#94a3b8;margin:0}.ctp2-class-card-right{display:flex;gap:24px;flex-shrink:0}.ctp2-class-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.ctp2-class-stat-val{font-size:2rem;font-weight:700;line-height:1}.ctp2-class-stat-lbl{font-size:.72rem;color:#64748b;margin-top:3px}.ctp2-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 24px}.ctp2-progress-title{font-size:.85rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin:0 0 18px}.ctp2-progress-item{margin-bottom:16px}.ctp2-progress-item:last-child{margin-bottom:0}.ctp2-progress-label-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:7px}.ctp2-progress-label-row span{color:#334155}.ctp2-progress-frac{color:#64748b;font-size:.8rem}.ctp2-progress-frac strong{color:#0f172a;font-weight:700}.ctp2-action-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.ctp2-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s}.ctp2-action-card:hover{border-color:#cbd5e1}.ctp2-action-card--primary{background:#1e40af;border-color:transparent;color:#fff}.ctp2-action-card--ready{border-color:#10b981;background:#f0fdf4}.ctp2-action-card-body{display:flex;gap:12px;align-items:flex-start}.ctp2-action-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px;opacity:.7}.ctp2-action-card--primary .ctp2-action-icon{opacity:.9}.ctp2-action-card h3{font-size:.9rem;font-weight:700;margin:0 0 3px}.ctp2-action-card p{font-size:.8rem;color:#64748b;margin:0;line-height:1.5}.ctp2-action-card--primary p{color:#93c5fd}.ctp2-action-card--primary h3{color:#fff}.ctp2-students-view{display:flex;flex-direction:column;gap:16px}.ctp2-view-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.ctp2-view-count{font-size:.9rem;font-weight:500;color:#94a3b8}.ctp2-students-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.ctp2-students-toolbar-right{display:flex;align-items:center;gap:10px}.ctp2-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:0 10px;height:36px;transition:border-color .15s,box-shadow .15s}.ctp2-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.ctp2-search-box svg{width:15px;height:15px;flex-shrink:0}.ctp2-search-box input{border:none;outline:none;font-size:.875rem;color:#0f172a;background:transparent;width:220px}.ctp2-search-box input::placeholder{color:#94a3b8}.ctp2-search-box button{background:transparent;border:none;cursor:pointer;color:#94a3b8;font-size:.8rem;padding:0;line-height:1}.ctp2-filter-tabs{display:flex;gap:4px;border-bottom:1px solid #e2e8f0;padding-bottom:0}.ctp2-filter-tab{padding:8px 14px;font-size:.8rem;font-weight:500;border:none;background:transparent;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap}.ctp2-filter-tab:hover{color:#0f172a}.ctp2-filter-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.ctp2-error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:.875rem;color:#991b1b}.ctp2-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ctp2-table{width:100%;border-collapse:collapse;font-size:.875rem}.ctp2-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.ctp2-table th{padding:10px 14px;text-align:left;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ctp2-table-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.ctp2-table-row:last-child{border-bottom:none}.ctp2-table-row:hover{background:#f8fafc}.ctp2-table-row:focus{outline:2px solid #2563eb;outline-offset:-2px}.ctp2-table-row--action{border-left:3px solid #f59e0b}.ctp2-table td{padding:10px 14px;vertical-align:middle}.ctp2-td-num{color:#94a3b8;font-size:.78rem;width:40px}.ctp2-td-adm{color:#475569;font-size:.8rem;font-family:Consolas,monospace}.ctp2-td-name{max-width:240px}.ctp2-td-action{text-align:right;width:80px}.ctp2-row-avatar{display:flex;align-items:center;gap:8px}.ctp2-roll-chip{font-size:.7rem;font-weight:600;color:#475569;background:#f1f5f9;border-radius:4px;padding:1px 5px;flex-shrink:0}.ctp2-student-name{font-weight:500;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctp2-needs-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0}.ctp2-row-open-btn{font-size:.78rem;font-weight:600;color:#2563eb;background:transparent;border:none;cursor:pointer;padding:4px 6px;border-radius:5px;transition:background .1s}.ctp2-row-open-btn:hover{background:#eff6ff}.ctp2-empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 24px;color:#64748b;text-align:center;gap:6px}.ctp2-empty-state svg{width:40px;height:40px;margin-bottom:8px}.ctp2-empty-state strong{font-size:.95rem;color:#0f172a}.ctp2-empty-state span{font-size:.82rem}.ctp2-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.ctp2-page-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;font-size:.8rem;font-weight:500;color:#334155;cursor:pointer;transition:background .12s}.ctp2-page-btn:hover:not(:disabled){background:#f8fafc}.ctp2-page-btn:disabled{opacity:.4;cursor:not-allowed}.ctp2-page-nums{display:flex;gap:4px}.ctp2-page-num{width:32px;height:32px;border-radius:7px;border:1px solid transparent;background:transparent;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:background .1s}.ctp2-page-num:hover{background:#f1f5f9}.ctp2-page-num.active{background:#2563eb;color:#fff;border-color:transparent}.ctp2-page-info{font-size:.78rem;color:#94a3b8;white-space:nowrap}.ctp2-drawer-backdrop{position:fixed;inset:0;background:#0f172a4d;z-index:40}.ctp2-drawer{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:100vw;background:#fff;border-left:1px solid #e2e8f0;z-index:50;display:flex;flex-direction:column;overflow:hidden;animation:ctp2-drawer-in .2s ease}@keyframes ctp2-drawer-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.ctp2-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ctp2-drawer-title{display:flex;align-items:center;gap:12px}.ctp2-drawer-avatar{width:44px;height:44px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#475569;overflow:hidden;flex-shrink:0;position:relative}.ctp2-drawer-avatar img{width:100%;height:100%;object-fit:cover}.ctp2-drawer-avatar-spin{position:absolute;inset:0;background:#fff9}.ctp2-drawer-name{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 2px}.ctp2-drawer-meta{font-size:.78rem;color:#64748b;margin:0}.ctp2-drawer-status-row{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ctp2-drawer-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 18px;background:#fff7ed;border-bottom:1px solid #fed7aa;font-size:.82rem;flex-shrink:0}.ctp2-drawer-alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#c2410c}.ctp2-drawer-alert strong{display:block;color:#9a3412;font-weight:700;margin-bottom:2px}.ctp2-drawer-alert p{margin:0;color:#c2410c}.ctp2-drawer-body{flex:1;overflow-y:auto;padding:0}.ctp2-drawer-section{padding:18px 18px 12px;border-bottom:1px solid #f1f5f9}.ctp2-drawer-section:last-child{border-bottom:none}.ctp2-drawer-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:0 0 14px}.ctp2-photo-area{display:flex;gap:16px;align-items:flex-start}.ctp2-photo-frame{width:120px;height:150px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ctp2-photo-frame img{width:100%;height:100%;object-fit:cover}.ctp2-photo-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;text-align:center;padding:8px}.ctp2-photo-empty svg{width:28px;height:28px}.ctp2-photo-empty span{font-size:.72rem}.ctp2-photo-actions{display:flex;flex-direction:column;gap:8px;flex:1}.ctp2-retake-prompt{margin-top:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.ctp2-retake-actions{display:flex;gap:6px}.ctp2-drawer-footer{padding:14px 18px;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0;background:#fff}.ctp2-modal-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.ctp2-modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0003;animation:ctp2-modal-in .2s ease}@keyframes ctp2-modal-in{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.ctp2-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e2e8f0}.ctp2-modal-header h2{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.ctp2-modal-form{padding:18px 20px;overflow-y:auto}.ctp2-modal-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:7px;padding:9px 14px;font-size:.82rem;color:#991b1b;margin:8px 20px 0}.ctp2-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:16px;margin-top:4px;border-top:1px solid #f1f5f9}.ctp2-submission-view{max-width:620px}.ctp2-back-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:#64748b;font-size:.82rem;font-weight:500;padding:0 0 20px;transition:color .12s}.ctp2-back-btn:hover{color:#0f172a}.ctp2-back-btn svg{width:14px;height:14px}.ctp2-checklist{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.ctp2-checklist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid}.ctp2-checklist-item--ok{background:#f0fdf4;border-color:#bbf7d0}.ctp2-checklist-item--pending{background:#fffbeb;border-color:#fde68a}.ctp2-checklist-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ctp2-checklist-item--ok .ctp2-checklist-icon{background:#dcfce7;color:#15803d}.ctp2-checklist-item--pending .ctp2-checklist-icon{background:#fef9c3;color:#92400e}.ctp2-checklist-icon svg{width:14px;height:14px}.ctp2-checklist-label{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 3px}.ctp2-checklist-detail{font-size:.8rem;color:#64748b;margin:0}.ctp2-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.ctp2-summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.ctp2-summary-val{display:block;font-size:1.6rem;font-weight:700;color:#0f172a;line-height:1;margin-bottom:4px}.ctp2-summary-lbl{font-size:.72rem;color:#64748b}.ctp2-submission-block{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:14px 16px;font-size:.875rem;color:#9a3412;margin-bottom:20px}.ctp2-submission-block svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.ctp2-submission-block p{margin:0}.ctp2-submission-actions{display:flex;gap:10px;margin-bottom:14px}.ctp2-submission-note{font-size:.8rem;color:#64748b;line-height:1.6;margin:0}.ctp2-recall-note{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 14px;margin-top:4px;font-size:.82rem;color:#92400e;line-height:1.5}.ctp2-recall-note svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.ctp2-recall-note p{margin:0}@media(max-width:1100px){.ctp2-drawer{width:400px}}@media(max-width:900px){.ctp2-action-grid,.ctp2-summary-grid{grid-template-columns:1fr 1fr}.ctp2-class-card{flex-direction:column;gap:16px}}@media(max-width:768px){.ctp2-shell{flex-direction:column}.ctp2-sidebar{width:100%;height:auto;min-width:0;position:static;flex-direction:row;flex-wrap:wrap;padding:8px 12px;gap:8px}.ctp2-sidebar-brand{padding:4px 0;border:none}.ctp2-sidebar-class,.ctp2-sidebar-footer{display:none}.ctp2-sidebar-nav{display:flex;flex-direction:row;flex:1;margin:0;padding:0;gap:4px}.ctp2-sidebar-nav li{flex:1}.ctp2-nav-item{justify-content:center;padding:6px 8px;font-size:.75rem}.ctp2-main{padding:20px 16px}.ctp2-drawer{width:100%;top:auto;height:80vh;border-radius:16px 16px 0 0;border-left:none;border-top:1px solid #e2e8f0}.ctp2-action-grid,.ctp2-form-row{grid-template-columns:1fr}.ctp2-students-toolbar{flex-direction:column;align-items:flex-start}.ctp2-table th:nth-child(3),.ctp2-table td:nth-child(3){display:none}}@media(max-width:480px){.ctp2-search-box input{width:140px}.ctp2-table th:nth-child(4),.ctp2-table td:nth-child(4){display:none}.ctp2-summary-grid{grid-template-columns:1fr 1fr}}.ctp2-camera-modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center}.ctp2-camera-modal{background:#fff;border-radius:16px;overflow:hidden;width:min(640px,95vw);box-shadow:0 24px 64px #0006;display:flex;flex-direction:column}.ctp2-camera-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:.95rem;color:#0f172a}.ctp2-camera-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#64748b;line-height:1;padding:4px 8px;border-radius:6px}.ctp2-camera-close:hover{background:#f1f5f9;color:#0f172a}.ctp2-camera-video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0f172a;display:block}.ctp2-camera-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e2e8f0}.ctp2-camera-viewport{width:100%;aspect-ratio:4/3;background:#0f172a;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.ctp2-camera-preview-img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}.ctp2-camera-footer .ctp2-btn--primary{background:#2563eb!important;color:#fff!important}.ctp2-camera-footer .ctp2-btn--primary:hover{background:#1d4ed8!important}.ctp2-camera-footer .ctp2-btn--secondary{background:#fff!important;color:#334155!important;border:1px solid #e2e8f0!important}.ctp2-camera-footer .ctp2-btn--secondary:hover{background:#f8fafc!important}.sap-shell{display:flex;min-height:100vh;background:#f8fafc;color:#0f172a;font-family:Segoe UI,system-ui,sans-serif}.sap-sidebar{width:200px;flex-shrink:0;background:#0f172a;display:flex;flex-direction:column;padding:16px 10px 20px;position:sticky;top:0;height:100vh;overflow-y:auto}.sap-sidebar-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.sap-sidebar-title{font-size:.9rem;font-weight:700;color:#e2e8f0;letter-spacing:.03em}.sap-nav-group-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#475569;padding:0 8px 6px}.sap-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}.sap-nav-item:hover{background:#ffffff0f;color:#e2e8f0}.sap-nav-item--active{background:#6366f12e;color:#a5b4fc}.sap-nav-item--active .sap-nav-icon svg{stroke:#818cf8}.sap-nav-icon{width:18px;height:18px;flex-shrink:0}.sap-nav-icon svg{width:18px;height:18px}.sap-nav-label{flex:1}.sap-nav-badge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.sap-sidebar-spacer{flex:1}.sap-nav-item--logout{color:#64748b;margin-top:4px}.sap-nav-item--logout:hover{background:#ef44441a;color:#fca5a5}.sap-nav-item--skeleton{height:34px;border-radius:7px;background:#ffffff0d;margin-bottom:4px;animation:sap-pulse 1.4s ease-in-out infinite}@keyframes sap-pulse{0%,to{opacity:.4}50%{opacity:.8}}.sap-main{flex:1;min-width:0;overflow-y:auto;max-width:900px;padding:28px 32px 60px}.sap-skeleton{border-radius:8px;background:#e2e8f0;animation:sap-pulse 1.4s ease-in-out infinite}.sap-skeleton-h2{height:28px;width:220px;margin-bottom:10px}.sap-skeleton-p{height:16px;width:160px;margin-bottom:24px}.sap-skeleton-card{height:100px;margin-bottom:12px}.sap-error-state{text-align:center;padding:60px 20px}.sap-error-icon{font-size:2rem;margin-bottom:12px}.sap-error-state h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.sap-error-state p{color:#64748b;font-size:.88rem;margin-bottom:20px}.sap-toast{position:fixed;top:16px;right:16px;z-index:9000;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:9px;font-size:.85rem;font-weight:500;box-shadow:0 4px 16px #0000001f;max-width:380px}.sap-toast-success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.sap-toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.sap-toast-close{background:none;border:none;cursor:pointer;color:inherit;font-size:1rem;line-height:1;padding:0 0 0 6px}.sap-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.71rem;font-weight:600;white-space:nowrap}.sap-badge-gray{background:#f1f5f9;color:#475569}.sap-badge-amber{background:#fef9c3;color:#92400e}.sap-badge-green{background:#dcfce7;color:#15803d}.sap-badge-blue{background:#dbeafe;color:#1d4ed8}.sap-badge-purple{background:#ede9fe;color:#6d28d9}.sap-badge-red{background:#fee2e2;color:#b91c1c}.sap-badge-teal{background:#ccfbf1;color:#0f766e}.sap-badge-orange{background:#fff7ed;color:#c2410c}.sap-badge-indigo{background:#eef2ff;color:#4338ca}.sap-view{max-width:840px}.sap-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.sap-view-title{font-size:1.3rem;font-weight:700;margin:0 0 3px;color:#0f172a}.sap-view-sub{font-size:.82rem;color:#64748b;margin:0}.sap-primary-btn{background:#2563eb;color:#fff;border:none;border-radius:7px;padding:9px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}.sap-primary-btn:hover:not(:disabled){background:#1d4ed8}.sap-primary-btn:disabled{opacity:.5;cursor:not-allowed}.sap-ghost-btn{background:#fff;color:#374151;border:1px solid #e2e8f0;border-radius:7px;padding:8px 16px;font-size:.84rem;font-weight:500;cursor:pointer;transition:border-color .12s,background .12s;white-space:nowrap}.sap-ghost-btn:hover{border-color:#94a3b8;background:#f8fafc}.sap-ghost-btn--sm{padding:6px 12px;font-size:.78rem}.sap-link-btn{background:none;border:none;color:#2563eb;font-size:.82rem;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.sap-link-btn:hover{color:#1d4ed8}.sap-filter-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.sap-filter-tab{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s}.sap-filter-tab:hover{border-color:#94a3b8}.sap-filter-tab--active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.sap-filter-count{font-size:.72rem;background:#f1f5f9;color:#64748b;border-radius:10px;padding:1px 6px}.sap-filter-tab--active .sap-filter-count{background:#dbeafe;color:#1d4ed8}.sap-search-wrap{position:relative;margin-bottom:14px}.sap-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#94a3b8}.sap-search{width:100%;padding:9px 12px 9px 34px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;color:#0f172a;outline:none;transition:border-color .12s;box-sizing:border-box}.sap-search:focus{border-color:#93c5fd}.sap-search::placeholder{color:#94a3b8}.sap-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}.sap-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff}.sap-table th{background:#f8fafc;color:#475569;font-weight:600;padding:10px 13px;text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.sap-table td{padding:11px 13px;border-top:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.sap-table tr:hover td{background:#f8fafc}.sap-td-name{font-weight:600}.sap-td-dim{color:#94a3b8;font-size:.82rem}.sap-inv-num{font-family:JetBrains Mono,monospace;font-size:.82rem}.sap-teacher-chip{display:inline-block;background:#f1f5f9;color:#334155;border-radius:5px;padding:2px 8px;font-size:.78rem;font-weight:500}.sap-assign-link{background:none;border:1px dashed #cbd5e1;border-radius:5px;color:#64748b;font-size:.78rem;padding:2px 8px;cursor:pointer;transition:border-color .1s,color .1s}.sap-assign-link:hover{border-color:#2563eb;color:#2563eb}.sap-photos-ok{color:#15803d;font-weight:600}.sap-photos-pending{color:#92400e}.sap-empty{text-align:center;padding:48px 20px;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.sap-empty-icon{font-size:2rem;margin-bottom:12px}.sap-empty p{color:#64748b;font-size:.88rem}.sap-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:8000;padding:16px}.sap-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.sap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid #f1f5f9}.sap-modal-header h3{font-size:.95rem;font-weight:700;margin:0}.sap-modal-close{background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.sap-modal-body{padding:18px 20px}.sap-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:16px}.sap-field{margin-bottom:14px}.sap-field label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:5px}.sap-field input,.sap-field select,.sap-field textarea{width:100%;padding:8px 11px;border:1px solid #e2e8f0;border-radius:7px;font-size:.85rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;transition:border-color .12s}.sap-field input:focus,.sap-field select:focus,.sap-field textarea:focus{border-color:#93c5fd}.sap-field textarea{resize:vertical;font-family:inherit}.sap-req{color:#ef4444}.sap-optional{color:#94a3b8;font-weight:400;font-size:.75rem}.sap-overview{max-width:680px}.sap-ov-header{margin-bottom:20px}.sap-ov-greeting{font-size:.82rem;color:#64748b;margin:0 0 3px}.sap-ov-school{font-size:1.45rem;font-weight:700;margin:0;color:#0f172a}.sap-ov-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:12px;padding:20px 22px;margin-bottom:18px;cursor:pointer;transition:box-shadow .15s}.sap-ov-primary:hover{box-shadow:0 6px 24px #2563eb4d}.sap-ov-primary-hint{font-size:.76rem;color:#ffffffb3;display:block;margin-bottom:5px}.sap-ov-primary-label{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.sap-ov-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.sap-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:14px 12px;text-align:center}.sap-stat-card--action .sap-stat-num{color:#dc2626}.sap-stat-num{display:block;font-size:1.4rem;font-weight:700;color:#0f172a}.sap-stat-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.sap-ov-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;margin-bottom:12px}.sap-ov-section-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:12px}.sap-ov-pct{color:#64748b;font-weight:400}.sap-progress-track{background:#f1f5f9;border-radius:4px;height:6px;overflow:hidden}.sap-progress-fill{background:#2563eb;height:100%;border-radius:4px;transition:width .4s ease}.sap-attention-list{display:flex;flex-direction:column;gap:8px}.sap-attention-row{display:flex;align-items:center;gap:10px;font-size:.84rem}.sap-attention-name{font-weight:600;flex:1}.sap-attention-detail{color:#64748b;font-size:.78rem}.sap-mt8{margin-top:8px}.sap-ov-invoice{border-left:3px solid #f59e0b}.sap-invoice-row{display:flex;justify-content:space-between;align-items:center}.sap-invoice-num{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}.sap-invoice-date{font-size:.75rem;color:#94a3b8}.sap-invoice-amount{font-size:1rem;font-weight:700;color:#0f172a}.sap-readiness-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;margin-bottom:20px;border:1px solid}.sap-readiness-card--ready{background:#ecfdf5;border-color:#bbf7d0}.sap-readiness-card--wait{background:#fffbeb;border-color:#fcd34d}.sap-readiness-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.sap-readiness-card--ready .sap-readiness-indicator{background:#16a34a;color:#fff}.sap-readiness-card--wait .sap-readiness-indicator{background:#f59e0b;color:#fff}.sap-readiness-content{flex:1}.sap-readiness-title{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:3px}.sap-readiness-stats{font-size:.78rem;color:#64748b;display:flex;gap:6px;flex-wrap:wrap}.sap-warn{color:#b45309}.sap-order-history{margin-bottom:20px}.sap-section-heading{font-size:.88rem;font-weight:700;color:#374151;margin:0 0 10px}.sap-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.sap-product-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s}.sap-product-card:hover{border-color:#93c5fd;box-shadow:0 2px 12px #2563eb14}.sap-product-card--selected{border-color:#2563eb;box-shadow:0 2px 16px #2563eb26}.sap-product-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s}.sap-product-card--selected .sap-product-check{opacity:1}.sap-product-name{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 5px}.sap-product-desc{font-size:.78rem;color:#64748b;margin:0 0 10px}.sap-product-price{font-size:.95rem;font-weight:700;color:#2563eb}.sap-product-est{font-size:.75rem;color:#64748b;margin-top:4px}.sap-order-review{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.sap-review-table{display:flex;flex-direction:column;gap:0;margin-bottom:14px}.sap-review-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:.86rem;color:#374151}.sap-review-row:last-child{border-bottom:none}.sap-review-total{font-size:1rem;font-weight:700;color:#0f172a;padding-top:12px;margin-top:4px;border-top:2px solid #e2e8f0;border-bottom:none}.sap-review-notes{font-size:.82rem;color:#64748b;margin-bottom:12px}.sap-review-notice{font-size:.78rem;color:#94a3b8;margin-bottom:16px}.sap-order-footer{display:flex;justify-content:flex-end;gap:10px}.sap-order-confirm{text-align:center;padding:40px 20px;background:#fff;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}.sap-order-confirm-icon{font-size:2rem;color:#16a34a;margin-bottom:10px}.sap-order-confirm h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.sap-order-confirm p{color:#64748b;font-size:.88rem;margin-bottom:14px}.sap-order-confirm-meta{display:flex;gap:16px;justify-content:center;font-size:.82rem;color:#374151;margin-bottom:20px;flex-wrap:wrap}.sap-billing-outstanding{background:linear-gradient(135deg,#0f2044,#1e3a5f);border-radius:10px;padding:20px 22px;margin-bottom:18px;color:#fff}.sap-billing-ov-label{font-size:.72rem;color:#fff9;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sap-billing-ov-amount{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px}.sap-billing-ov-hint{font-size:.78rem;color:#fff9}.sap-billing-paid-note{font-size:.78rem;color:#94a3b8;text-align:right;margin-top:10px}.sap-inv-dl-btn{padding:4px 10px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s}.sap-inv-dl-btn:hover:not(:disabled){background:#dbeafe}.sap-inv-dl-btn:disabled{opacity:.5;cursor:not-allowed}.sap-mt16{margin-top:16px}@media(max-width:768px){.sap-sidebar{width:72px;padding:12px 4px}.sap-sidebar-brand{justify-content:center;padding:4px 0 12px}.sap-sidebar-title,.sap-nav-group-label{display:none}.sap-nav-item{flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;gap:3px}.sap-nav-icon{width:20px;height:20px}.sap-nav-label{font-size:9px;line-height:1;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.sap-main{padding:16px}.sap-ov-stats{grid-template-columns:repeat(2,1fr)}.sap-product-grid{grid-template-columns:1fr 1fr}}.sap-modal--wide{max-width:540px}.sap-modal-section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#475569;margin-bottom:10px}.sap-modal-section-label .sap-optional{font-weight:400;text-transform:none;letter-spacing:0}.sap-modal-divider{border:none;border-top:1px solid #f1f5f9;margin:16px 0 14px}.sap-field-row{display:flex;gap:10px}.sap-field-row .sap-field{flex:1}.sap-field--sm{max-width:100px;flex:0 0 100px!important}.sap-field-hint{display:block;font-size:.72rem;color:#94a3b8;margin-top:3px}.sap-cred-intro{font-size:.85rem;color:#374151;margin-bottom:14px;line-height:1.6}.sap-cred-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:14px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.sap-cred-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sap-cred-label{font-size:.76rem;font-weight:600;color:#64748b;flex-shrink:0}.sap-cred-val{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#0f172a;word-break:break-all;text-align:right}.sap-cred-pw{background:#fef9c3;color:#92400e;padding:2px 8px;border-radius:5px;font-weight:700;letter-spacing:.05em}.sap-cred-note{font-size:.76rem;color:#94a3b8;margin-bottom:4px}.sap-dashboard{padding:32px 36px;max-width:1100px;margin:0 auto}.sap-db-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.sap-db-greeting{font-size:.85rem;color:#64748b;margin:0 0 4px;font-weight:500}.sap-db-school{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 4px;letter-spacing:-.02em}.sap-db-year{font-size:.85rem;color:#94a3b8;margin:0}.sap-db-readiness-pill{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:20px;font-size:.82rem;font-weight:600;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;white-space:nowrap}.sap-db-readiness-pill[data-ready=true]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.sap-db-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sap-db-pill-dot--green{background:#22c55e}.sap-db-pill-dot--amber{background:#f59e0b}.sap-db-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.sap-db-metric{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px}.sap-db-metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sap-db-metric-icon svg{width:18px;height:18px}.sap-db-metric-icon--blue{background:#eff6ff;color:#3b82f6}.sap-db-metric-icon--green{background:#f0fdf4;color:#22c55e}.sap-db-metric-icon--amber{background:#fffbeb;color:#f59e0b}.sap-db-metric-icon--slate{background:#f8fafc;color:#64748b}.sap-db-metric-body{display:flex;flex-direction:column}.sap-db-metric-num{font-size:1.6rem;font-weight:700;color:#0f172a;line-height:1}.sap-db-metric-label{font-size:.78rem;color:#64748b;margin-top:4px;font-weight:500}.sap-db-body{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.sap-db-col-main,.sap-db-col-side{display:flex;flex-direction:column;gap:20px}.sap-db-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px}.sap-db-card--quiet{background:#f8fafc}.sap-db-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sap-db-card-title{font-size:.92rem;font-weight:700;color:#0f172a;margin:0}.sap-db-progress-block{margin-bottom:18px}.sap-db-prog-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sap-db-prog-label{font-size:.83rem;color:#475569;font-weight:500}.sap-db-prog-frac{font-size:.83rem;color:#0f172a;font-weight:700}.sap-progress-fill--teal{background:linear-gradient(90deg,#0d9488,#14b8a6)}.sap-db-state-row{display:flex;gap:10px;margin-top:4px}.sap-db-state-chip{flex:1;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.sap-db-state-chip--green{background:#f0fdf4}.sap-db-state-chip--amber{background:#fffbeb}.sap-db-state-chip--gray{background:#f8fafc}.sap-db-state-num{font-size:1.3rem;font-weight:700;color:#0f172a}.sap-db-state-lbl{font-size:.72rem;color:#64748b;font-weight:500;white-space:nowrap}.sap-db-att-class{font-size:.88rem;font-weight:600;color:#0f172a;min-width:80px}.sap-db-action-card{border-radius:14px;padding:22px 24px;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.sap-db-action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.sap-db-action-card--primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.sap-db-action-card--order{background:linear-gradient(135deg,#065f46,#10b981);color:#fff}.sap-db-action-card--track{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff}.sap-db-action-label{font-size:.72rem;font-weight:600;opacity:.75;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.sap-db-action-title{font-size:1.15rem;font-weight:700;margin-bottom:6px}.sap-db-action-sub{font-size:.83rem;opacity:.85;margin-bottom:16px}.sap-db-action-arrow{font-size:1.4rem;opacity:.7}.sap-db-order-status{margin-bottom:16px}.sap-db-order-name{font-size:.92rem;font-weight:600;color:#0f172a;margin-bottom:6px}.sap-db-order-meta{display:flex;gap:12px;font-size:.78rem;color:#64748b;margin-bottom:10px}.sap-db-stepper{display:flex;align-items:flex-start;gap:0;margin-top:16px}.sap-db-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.sap-db-step:not(:last-child):after{content:"";position:absolute;top:9px;left:50%;width:100%;height:2px;background:#e2e8f0;z-index:0}.sap-db-step--done:not(:last-child):after{background:#3b82f6}.sap-db-step-dot{width:18px;height:18px;border-radius:50%;background:#e2e8f0;border:2px solid #e2e8f0;z-index:1;margin-bottom:6px;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#fff;font-weight:700;line-height:1}.sap-db-step--done .sap-db-step-dot{background:#3b82f6;border-color:#3b82f6}.sap-db-step--active .sap-db-step-dot{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;color:#3b82f6}.sap-db-step-label{font-size:.6rem;color:#94a3b8;text-align:center;font-weight:500;line-height:1.2}.sap-db-step--done .sap-db-step-label,.sap-db-step--active .sap-db-step-label{color:#3b82f6;font-weight:600}.sap-db-summary-list{display:flex;flex-direction:column;gap:12px}.sap-db-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.sap-db-summary-row span{color:#64748b}.sap-db-summary-row strong{color:#0f172a;font-weight:700}@media(max-width:900px){.sap-db-body{grid-template-columns:1fr}.sap-db-col-side{flex-direction:row;flex-wrap:wrap}.sap-db-col-side>*{flex:1 1 280px}}@media(max-width:768px){.sap-dashboard{padding:16px}.sap-db-header{flex-direction:column;gap:12px}.sap-db-metrics{grid-template-columns:repeat(2,1fr)}.sap-db-school{font-size:1.3rem}}.sap-sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px 10px;border-top:1px solid rgba(255,255,255,.08);margin-bottom:4px}.sap-sidebar-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center}.sap-sidebar-profile-info{overflow:hidden}.sap-sidebar-profile-name{font-size:.82rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sap-sidebar-profile-role{font-size:.72rem;color:#64748b;margin-top:1px}.sap-teacher-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.sap-teacher-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .15s}.sap-teacher-row:hover{border-color:#cbd5e1}.sap-teacher-row--inactive{opacity:.6}.sap-teacher-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.sap-teacher-info{flex:1;min-width:0}.sap-teacher-name{font-size:.92rem;font-weight:600;color:#0f172a}.sap-teacher-meta{font-size:.78rem;color:#64748b;margin-top:2px}.sap-teacher-classes{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.sap-class-chip{padding:2px 8px;border-radius:5px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:600}.sap-teacher-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.sap-teacher-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.sap-ghost-btn--enable{color:#16a34a;border-color:#bbf7d0}.sap-ghost-btn--enable:hover{background:#f0fdf4}.sap-ghost-btn--warn{color:#92400e;border-color:#fcd34d}.sap-ghost-btn--warn:hover{background:#fffbeb}.sap-checkbox-grid{display:flex;flex-direction:column;gap:8px}.sap-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#334155;cursor:pointer}.sap-checkbox-label input{accent-color:#2563eb;width:15px;height:15px}.sap-modal-hint{font-size:.82rem;color:#64748b;margin:0 0 16px;line-height:1.5}.sap-modal--creds{max-width:440px;text-align:center;padding:32px 28px}.sap-creds-icon{width:52px;height:52px;border-radius:50%;background:#f0fdf4;color:#16a34a;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.sap-creds-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 10px}.sap-creds-hint{font-size:.83rem;color:#64748b;margin:0 0 14px;line-height:1.5}.sap-creds-email-note{font-size:.82rem;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 12px;margin-bottom:16px;text-align:left}.sap-creds-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;text-align:left}.sap-creds-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #e2e8f0}.sap-creds-row:last-child{border-bottom:none}.sap-creds-label{font-size:.75rem;color:#64748b;font-weight:600;width:110px;flex-shrink:0}.sap-creds-val{flex:1;font-size:.85rem;color:#0f172a;font-family:JetBrains Mono,monospace;word-break:break-all}.sap-creds-password{background:#fef9c3;border-radius:4px;padding:2px 6px;font-weight:700;letter-spacing:.03em}.sap-copy-btn{flex-shrink:0;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;background:#fff;border:1px solid #e2e8f0;color:#334155;transition:background .1s}.sap-copy-btn:hover{background:#f1f5f9}.sap-oh-current{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.sap-oh-current-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sap-oh-current-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.875rem}.sap-oh-order-num{font-weight:700;color:#0f172a;font-size:.9rem;letter-spacing:.01em}.sap-oh-product{color:#374151;font-size:.875rem}.sap-oh-sep{color:#cbd5e1}.sap-oh-dim{color:#94a3b8;font-size:.8125rem}.sap-oh-stepper{display:flex;align-items:flex-start;gap:0;margin:4px 0 12px;overflow-x:auto;padding-bottom:4px}.sap-oh-stepper--compact{margin:12px 0 8px}.sap-oh-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px;position:relative}.sap-oh-step:before{content:"";position:absolute;top:10px;left:calc(-50% + 10px);right:calc(50% + 10px);height:2px;background:#e2e8f0}.sap-oh-step:first-child:before{display:none}.sap-oh-step--done:before,.sap-oh-step--active:before{background:#4f46e5}.sap-oh-step-dot{width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;z-index:1;position:relative;transition:all .2s}.sap-oh-step--done .sap-oh-step-dot{background:#4f46e5;border-color:#4f46e5}.sap-oh-step--active .sap-oh-step-dot{background:#fff;border-color:#4f46e5;border-width:3px;box-shadow:0 0 0 3px #4f46e526}.sap-oh-step--cancelled .sap-oh-step-dot{background:#f1f5f9;border-color:#cbd5e1}.sap-oh-step-label{font-size:.6875rem;color:#94a3b8;margin-top:5px;text-align:center;line-height:1.2;white-space:nowrap}.sap-oh-step--done .sap-oh-step-label,.sap-oh-step--active .sap-oh-step-label{color:#4f46e5;font-weight:600}.sap-oh-timestamps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.75rem;color:#94a3b8;margin-top:4px}.sap-oh-history{margin-bottom:20px}.sap-oh-history-list{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sap-oh-history-row{border-bottom:1px solid #f1f5f9}.sap-oh-history-row:last-child{border-bottom:none}.sap-oh-history-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#fff;transition:background .12s;gap:8px}.sap-oh-history-summary:hover{background:#f8fafc}.sap-oh-history-left{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.8125rem;min-width:0}.sap-oh-history-right{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:.75rem}.sap-oh-expand-icon{font-size:.625rem;color:#94a3b8;margin-left:2px}.sap-oh-history-detail{padding:0 16px 14px;background:#f8fafc;border-top:1px solid #f1f5f9}.sap-filter-pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sap-filter-pill{padding:5px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.sap-filter-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.sap-filter-pill--active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.sap-cancelled-note{color:#dc2626;font-size:.82rem}.sap-db-cancelled-note{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;font-size:.82rem;color:#dc2626;font-weight:500}@media(max-width:768px){.sap-sidebar-profile{justify-content:center;padding:10px 4px}.sap-sidebar-profile-info{display:none}.sap-sidebar-avatar{width:30px;height:30px;font-size:.78rem}}.lp-root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:#fff;min-height:100vh;overflow-x:hidden}.lp-container{max-width:1160px;margin:0 auto;padding:0 24px}.lp-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4f46e5;margin-bottom:12px}.lp-eyebrow-light{color:#a5b4fc}.lp-section-header{text-align:center;max-width:640px;margin:0 auto 56px}.lp-section-header h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:#0f172a;margin:0 0 16px;line-height:1.15}.lp-section-header p{color:#64748b;font-size:1.05rem;line-height:1.65;margin:0}.lp-gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .18s ease;text-decoration:none;white-space:nowrap}.lp-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 1.5rem;font-size:.95rem;box-shadow:0 4px 20px #4f46e559}.lp-btn-primary:hover{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;transform:translateY(-1px);box-shadow:0 8px 28px #0f172a4d}.lp-btn-outline{background:#ffffff1a;color:#e2e8f0;padding:.6rem 1.25rem;font-size:.9rem;border:1.5px solid rgba(255,255,255,.35)}.lp-btn-outline:hover{border-color:#ffffffa6;color:#fff;background:#ffffff26}.lp-btn-ghost{background:transparent;color:#e2e8f0;padding:.75rem 1.5rem;font-size:.95rem;border:1.5px solid rgba(255,255,255,.2)}.lp-btn-ghost:hover{background:#ffffff14;border-color:#fff6}.lp-btn-lg{padding:.9rem 1.75rem;font-size:1rem;border-radius:12px}.lp-nav{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.7)}.lp-nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.lp-nav-logo{display:flex;align-items:center;color:#0f172a;text-decoration:none;flex-shrink:0}.lp-nav-links{display:flex;gap:28px;flex:1}.lp-nav-links a{color:#475569;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s}.lp-nav-links a:hover{color:#4f46e5}.lp-hero{position:relative;background:#0f172a;min-height:86vh;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:80px 10vw;overflow:hidden}.lp-hero-bg{position:absolute;inset:0;pointer-events:none}.lp-hero-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}.lp-hero-blob-1{width:560px;height:560px;background:radial-gradient(circle,#6366f1 0%,#4f46e5 60%,transparent 100%);top:-140px;left:-80px}.lp-hero-blob-2{width:400px;height:400px;background:radial-gradient(circle,#06b6d4 0%,#0891b2 60%,transparent 100%);bottom:-100px;right:5%}.lp-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px);background-size:48px 48px}.lp-hero-content{position:relative;z-index:1;max-width:580px}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:24px;letter-spacing:.02em}.lp-pulse{display:inline-block;width:8px;height:8px;background:#22d3ee;border-radius:50%;animation:lp-pulse 2s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.lp-hero-h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;letter-spacing:-.05em;line-height:1.08;color:#f8fafc;margin:0 0 24px}.lp-hero-sub{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin:0 0 36px;max-width:480px}.lp-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.lp-hero-error{margin-top:16px;padding:10px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem}.lp-hero-visual{position:relative;z-index:1;flex-shrink:0}.lp-card-mock{position:relative;width:320px}.lp-card-mock-inner{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:24px;box-shadow:0 0 0 1px #ffffff0d,0 32px 64px #00000080,0 0 80px #6366f11f;position:relative;z-index:3}.lp-card-mock-shadow{position:absolute;left:50%;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(99,102,241,.15);border-radius:20px}.lp-card-shadow-2{bottom:-10px;width:90%;height:100%;transform:translate(-50%);z-index:2;opacity:.7}.lp-card-shadow-3{bottom:-20px;width:80%;height:100%;transform:translate(-50%);z-index:1;opacity:.4}.lp-card-mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.lp-card-mock-school{font-size:.78rem;font-weight:700;color:#a5b4fc;letter-spacing:.04em;text-transform:uppercase}.lp-card-mock-year{font-size:.72rem;color:#475569;background:#ffffff0d;padding:3px 8px;border-radius:4px}.lp-card-mock-body{display:flex;gap:16px;align-items:center;margin-bottom:20px}.lp-card-mock-photo{width:70px;height:70px;border-radius:12px;background:linear-gradient(145deg,#1e3a5f,#0f2744);border:1px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0}.lp-card-mock-photo svg{width:36px;height:36px}.lp-card-mock-info{flex:1}.lp-card-mock-name{font-size:1rem;font-weight:700;color:#f1f5f9;margin-bottom:6px}.lp-card-mock-detail{font-size:.78rem;color:#64748b;margin-bottom:3px}.lp-card-mock-barcode{padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:#334155;height:36px;display:flex;align-items:center}.lp-card-mock-barcode svg{width:100%;height:24px}.lp-stats{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:48px 0}.lp-stats-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.lp-stat-item{display:flex;flex-direction:column;gap:8px;padding:28px 24px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0c4158;border-radius:16px;box-shadow:0 2px 8px #0c41580f;transition:transform .18s,box-shadow .18s,border-left-color .18s}.lp-stat-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0c415824;border-left-color:#1a6b8a}.lp-stat-value{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:#0c4158;-webkit-text-fill-color:#0c4158;line-height:1.1}.lp-stat-label{font-size:.88rem;color:#475569;font-weight:500;letter-spacing:.01em}.lp-features{padding:96px 0;background:#fff}.lp-features-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-feature-card{padding:32px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;transition:all .2s ease;position:relative;overflow:hidden}.lp-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f5f3ff,#eff6ff);opacity:0;transition:opacity .2s}.lp-feature-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 12px 40px #4f46e51f}.lp-feature-card:hover:before{opacity:1}.lp-feature-icon{position:relative;z-index:1;width:52px;height:52px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#4f46e5;margin-bottom:20px}.lp-feature-card h3{position:relative;z-index:1;font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 10px}.lp-feature-card p{position:relative;z-index:1;font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.lp-how{padding:96px 0;background:#f8fafc}.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:steps;position:relative}.lp-steps:after{content:"";position:absolute;top:28px;left:calc(12.5% + 12px);right:calc(12.5% + 12px);height:2px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#06b6d4);opacity:.25;z-index:0}.lp-step{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.lp-step-num{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;font-size:1rem;font-weight:900;color:#fff;letter-spacing:.02em;box-shadow:0 4px 16px #4f46e559}.lp-step h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 8px}.lp-step p{font-size:.88rem;color:#64748b;line-height:1.6;margin:0}.lp-cta{padding:80px 0;background:#fff}.lp-cta-box{background:#05081a;border-radius:28px;padding:80px 64px;text-align:center;position:relative;overflow:hidden}.lp-cta-blob{position:absolute;width:800px;height:600px;background:radial-gradient(ellipse at center,rgba(120,60,255,.32) 0%,rgba(90,40,200,.18) 35%,rgba(60,20,140,.07) 65%,transparent 80%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.lp-cta-box h2{position:relative;font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#f8fafc;letter-spacing:-.04em;margin:0 0 16px}.lp-cta-box p{position:relative;color:#94a3b8;font-size:1.05rem;line-height:1.65;margin:0 auto 36px;max-width:460px}.lp-cta-box .lp-btn-primary{position:relative}.lp-footer{background:#0f172a;border-top:1px solid rgba(255,255,255,.05);padding:40px 0;color:#64748b}.lp-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.lp-footer-brand{display:flex;flex-direction:column;gap:8px;color:#94a3b8}.lp-footer-brand>a,.lp-footer-brand>svg{color:#f1f5f9}.lp-footer-brand p{font-size:.85rem;color:#475569;margin:0;max-width:320px}.lp-footer-links{display:flex;gap:16px;align-items:center;font-size:.85rem;flex-wrap:wrap}.lp-footer-links a{color:#64748b;text-decoration:none;transition:color .15s}.lp-footer-links a:hover{color:#a5b4fc}@media(max-width:1024px){.lp-hero{flex-direction:column;align-items:flex-start;padding:64px 6vw;min-height:auto}.lp-hero-visual{align-self:center;margin-top:16px}.lp-features-grid,.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-steps:after{display:none}}@media(max-width:768px){.lp-nav-links{display:none}.lp-nav-inner>.lp-btn{display:inline-flex!important;padding:.45rem .9rem!important;font-size:.8rem!important;min-height:36px!important}.lp-hamburger{display:flex!important}.lp-hero{padding:72px 6vw 64px;align-items:center;text-align:center;gap:48px}.lp-hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.lp-hero-h1{font-size:clamp(2.4rem,8vw,3rem)}.lp-hero-sub{font-size:1rem;max-width:480px}.lp-hero-actions{justify-content:center}.lp-hero-visual{align-self:center;margin-top:0}.lp-card-mock{width:300px}.lp-stats-grid{grid-template-columns:repeat(2,1fr)}.lp-features-grid{grid-template-columns:1fr}.lp-cta-box{padding:48px 28px}}@media(max-width:520px){.lp-hero{padding:80px 5vw 72px;gap:40px}.lp-hero-h1{font-size:clamp(2.1rem,9vw,2.6rem)}.lp-hero-badge{font-size:.72rem}.lp-hero-actions{flex-direction:column;width:100%}.lp-hero-actions .lp-btn{width:100%;justify-content:center}.lp-card-mock{width:100%;max-width:320px}.lp-stats-grid,.lp-steps{grid-template-columns:1fr}.lp-footer-inner{flex-direction:column;align-items:flex-start}}.lp-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(79,70,229,.3);border-top-color:#4f46e5;border-radius:50%;animation:lp-spin .7s linear infinite;flex-shrink:0}.lp-spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:transparent;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;flex-shrink:0;margin-left:auto}.lp-hamburger span{display:block;height:2px;border-radius:2px;background:#0f172a;transition:transform .25s ease,opacity .2s ease,width .2s ease;transform-origin:center}.lp-hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.lp-hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.lp-hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lp-mobile-menu{display:flex;flex-direction:column;gap:4px;padding:12px 16px 16px;border-top:1px solid #e2e8f0;background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lp-menu-in .18s ease}@keyframes lp-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lp-mobile-menu a{display:block;padding:12px 16px;color:#334155;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:8px;transition:background .15s,color .15s}.lp-mobile-menu a:hover{background:#f1f5f9;color:#4f46e5}.lp-mobile-menu .lp-btn{margin-top:8px;width:100%;justify-content:center;padding:.85rem;font-size:.95rem}@media(max-width:768px){.landing-nav-actions,.landing-nav-cta,.landing-header-actions{display:flex!important;visibility:visible!important;flex-shrink:0}.landing-nav-actions .btn,.landing-nav-actions button,.landing-nav-actions a{display:inline-flex!important;visibility:visible!important;opacity:1!important}}.lp-nav-inner .lp-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff!important}.lp-nav-inner .lp-btn-primary:hover{background:linear-gradient(135deg,#1e293b,#334155);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px #0f172a40}:root{--brand-cobalt-50: #eff6ff;--brand-cobalt-100: #dbeafe;--brand-cobalt-500: #3b82f6;--brand-cobalt-600: #2563eb;--brand-cobalt-700: #1d4ed8;--radius-md: 8px;--transition-fast: .15s ease;font-family:var(--font-sans);color:var(--slate-900);background:var(--slate-50)}*{box-sizing:border-box}body{margin:0;background-color:var(--slate-50);color:var(--slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:var(--radius-md);padding:.65rem 1.1rem;color:#fff;background:var(--brand-cobalt-600);font-weight:600;font-size:.9rem;transition:all var(--transition-fast)}button:hover:not(:disabled){background:var(--brand-cobalt-700);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--brand-cobalt-500);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.shell{max-width:1180px;margin:0 auto;padding:40px 24px 80px}.auth-card{max-width:540px;margin:0 auto;padding-top:14vh}.eyebrow{color:var(--brand-cobalt-600);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}h1{margin:.35rem 0;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;font-weight:800;color:var(--slate-900)}h2,h3{margin-top:0;color:var(--slate-900);letter-spacing:-.02em}p{color:var(--slate-600);line-height:1.6}.workspace-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.secondary{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200)}.secondary:hover:not(:disabled){background:var(--slate-200);color:var(--slate-900)}.workspace-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.panel{background:var(--surface-white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-card)}.class-list{display:grid;gap:8px}.class-choice{color:var(--slate-700);background:var(--slate-50);border:1px solid var(--slate-200);display:grid;gap:4px;text-align:left;border-radius:var(--radius-md);padding:12px 14px}.class-choice span,.student-list span,.student-list small{color:var(--slate-500);font-size:.86rem}.class-choice.selected{background:var(--brand-cobalt-600);color:#fff;border-color:var(--brand-cobalt-600)}.class-choice.selected span{color:var(--brand-cobalt-50)}.student-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg)}.student-form label{display:grid;gap:6px;color:var(--slate-700);font-weight:600;font-size:.88rem}.student-form input{width:100%;border:1px solid var(--slate-300);border-radius:var(--radius-md);padding:.65rem .85rem;background:var(--surface-white);color:var(--slate-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.student-form input:focus{outline:none;border-color:var(--brand-cobalt-600);box-shadow:0 0 0 3px #2563eb26}.student-form button{grid-column:span 2;justify-self:start}.student-list{margin-top:28px}.student-list article{display:grid;grid-template-columns:64px 1fr auto;gap:3px 14px;align-items:center;border-top:1px solid var(--slate-200);padding:14px 0}.student-details{display:grid;gap:3px}.student-photo{width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:var(--slate-500);background:var(--slate-100);border:1px solid var(--slate-200);font-size:.7rem;text-align:center}.student-photo img{width:100%;height:100%;object-fit:cover}.photo-upload{color:var(--brand-cobalt-600);font-size:.84rem;font-weight:700;cursor:pointer}.photo-upload input{display:none}.message{border-radius:var(--radius-md);padding:12px 16px;margin:0 0 20px;font-size:.92rem;font-weight:500}.message.error{color:var(--status-damaged-text);background:var(--status-damaged-bg);border:1px solid var(--status-damaged-border)}.message.success{color:var(--status-delivered-text);background:var(--status-delivered-bg);border:1px solid var(--status-delivered-border)}.school-select{display:grid;max-width:440px;gap:6px;color:var(--slate-700);font-weight:700;margin-bottom:24px}.school-select select{border:1px solid var(--slate-300);border-radius:var(--radius-md);padding:.65rem .85rem;background:var(--surface-white);color:var(--slate-900)}.school-select select:focus{outline:none;border-color:var(--brand-cobalt-600);box-shadow:0 0 0 3px #2563eb26}.candidate-list{display:grid;gap:9px;max-height:280px;overflow:auto;margin:16px 0}.candidate-list label{padding:10px 14px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);display:flex;align-items:center;gap:10px}.candidate-list em{color:var(--status-reprint-text);font-size:.8rem;font-style:normal}.cards-panel{margin-top:24px}.cards-panel article{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--slate-200);padding:16px 0}.cards-panel article div:first-child{display:grid;gap:5px}.status{width:fit-content;padding:3px 10px;border-radius:var(--radius-full);font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status.generated{color:var(--status-generated-text);background:var(--status-generated-bg);border:1px solid var(--status-generated-border)}.status.dispatched{color:var(--status-dispatched-text);background:var(--status-dispatched-bg);border:1px solid var(--status-dispatched-border)}.status.in_transit,.status.in-transit{color:var(--status-intransit-text);background:var(--status-intransit-bg);border:1px solid var(--status-intransit-border)}.status.out_for_delivery,.status.out-for-delivery{color:var(--status-outfordelivery-text);background:var(--status-outfordelivery-bg);border:1px solid var(--status-outfordelivery-border)}.status.delivered,.status.received{color:var(--status-delivered-text);background:var(--status-delivered-bg);border:1px solid var(--status-delivered-border)}.status.reprint_requested,.status.reprint-requested{color:var(--status-reprint-text);background:var(--status-reprint-bg);border:1px solid var(--status-reprint-border)}.status.damaged{color:var(--status-damaged-text);background:var(--status-damaged-bg);border:1px solid var(--status-damaged-border)}.card-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);line-height:1.25}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.btn-md{padding:.625rem 1rem;font-size:.88rem}.btn-lg{padding:.75rem 1.25rem;font-size:.96rem}.btn-primary{background:var(--brand-cobalt-600);color:#fff;border-color:var(--brand-cobalt-600)}.btn-primary:hover:not(:disabled){background:var(--brand-cobalt-700);border-color:var(--brand-cobalt-700);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--slate-100);color:var(--slate-700);border-color:var(--slate-200)}.btn-secondary:hover:not(:disabled){background:var(--slate-200);color:var(--slate-900)}.btn-outline{background:transparent;color:var(--slate-700);border-color:var(--slate-300)}.btn-outline:hover:not(:disabled){background:var(--slate-100);color:var(--slate-900);border-color:var(--slate-400)}.btn-danger{background:var(--status-damaged-text);color:#fff;border-color:var(--status-damaged-text)}.btn-danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b}.btn-ghost{background:#f8fafc;color:#475569;border:1.5px solid #cbd5e1}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.btn-success{background:var(--status-delivered-text);color:#fff;border-color:var(--status-delivered-text)}.btn-success:hover:not(:disabled){background:#065f46;border-color:#065f46}.btn-loading{position:relative}.btn-spinner{width:16px;height:16px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-full);font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-dot-pulse{animation:pulse-dot 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}.status-generated{color:var(--status-generated-text);background:var(--status-generated-bg);border:1px solid var(--status-generated-border)}.status-dispatched{color:var(--status-dispatched-text);background:var(--status-dispatched-bg);border:1px solid var(--status-dispatched-border)}.status-in-transit{color:var(--status-intransit-text);background:var(--status-intransit-bg);border:1px solid var(--status-intransit-border)}.status-out-for-delivery{color:var(--status-outfordelivery-text);background:var(--status-outfordelivery-bg);border:1px solid var(--status-outfordelivery-border)}.status-delivered,.status-received{color:var(--status-delivered-text);background:var(--status-delivered-bg);border:1px solid var(--status-delivered-border)}.status-reprint-requested{color:var(--status-reprint-text);background:var(--status-reprint-bg);border:1px solid var(--status-reprint-border)}.status-damaged{color:var(--status-damaged-text);background:var(--status-damaged-bg);border:1px solid var(--status-damaged-border)}.status-paid{color:var(--status-delivered-text);background:var(--status-delivered-bg);border:1px solid var(--status-delivered-border)}.status-pending{color:var(--status-reprint-text);background:var(--status-reprint-bg);border:1px solid var(--status-reprint-border)}.status-overdue{color:var(--status-damaged-text);background:var(--status-damaged-bg);border:1px solid var(--status-damaged-border)}.kpi-card{background:var(--surface-white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card-clickable{cursor:pointer}.kpi-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--slate-300)}.kpi-card-top{display:flex;justify-content:space-between;align-items:center}.kpi-card-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500)}.kpi-card-icon{color:var(--slate-400)}.kpi-card-middle{display:flex;align-items:baseline;gap:12px}.kpi-card-value{font-size:1.85rem;font-weight:800;color:var(--slate-900);line-height:1}.kpi-badge{font-size:.74rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.kpi-badge-neutral{background:var(--slate-100);color:var(--slate-600)}.kpi-badge-success{background:var(--status-delivered-bg);color:var(--status-delivered-text)}.kpi-badge-warning{background:var(--status-reprint-bg);color:var(--status-reprint-text)}.kpi-badge-danger{background:var(--status-damaged-bg);color:var(--status-damaged-text)}.kpi-badge-info{background:var(--brand-cobalt-50);color:var(--brand-cobalt-600)}.kpi-card-subtext{margin:0;font-size:.82rem;color:var(--slate-500)}.app-dialog{border:none;padding:0;background:transparent;max-width:100%}.app-dialog::backdrop{background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-container{background:var(--surface-white);border:1px solid var(--slate-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:24px;animation:modal-enter .2s cubic-bezier(.16,1,.3,1)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-max-sm .modal-container{width:min(400px,92vw)}.modal-max-md .modal-container{width:min(540px,92vw)}.modal-max-lg .modal-container{width:min(720px,92vw)}.modal-max-xl .modal-container{width:min(920px,92vw)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.modal-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--slate-900)}.modal-description{margin:4px 0 0;font-size:.88rem;color:var(--slate-500)}.modal-close-btn{background:#f1f5f9;color:#64748b;padding:6px;border-radius:var(--radius-md);border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--slate-100);padding-top:16px}@media(max-width:768px){.shell{padding-top:24px;padding-left:16px;padding-right:16px}.workspace-header{flex-direction:column;align-items:stretch}.workspace-grid,.student-form{grid-template-columns:1fr}.student-form button{grid-column:auto}.student-list article{grid-template-columns:60px 1fr}.photo-upload{grid-column:span 2}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--slate-50)}.app-shell-body{flex:1;width:100%}.workspace-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:24px}.school-switcher-box{display:flex;flex-direction:column;gap:6px;min-width:260px}.school-select-styled{padding:.65rem .95rem;border:1.5px solid var(--slate-300);border-radius:var(--radius-lg);background:var(--surface-white);color:var(--slate-900);font-weight:600;font-size:.92rem;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast)}.school-select-styled:focus{border-color:var(--brand-cobalt-600);outline:none}.section-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.section-header-row h2{margin:2px 0 0;font-size:1.35rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.reprint-alert-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #f59e0b;border-radius:var(--radius-xl);padding:20px 24px;margin-bottom:24px;box-shadow:0 4px 14px #f59e0b1f}.reprint-alert-header{margin-bottom:14px}.reprint-alert-title{display:flex;align-items:flex-start;gap:14px}.reprint-count-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:#d97706;color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0}.reprint-alert-title strong{display:block;font-size:1.05rem;color:#92400e;margin-bottom:2px}.reprint-alert-title p{margin:0;font-size:.88rem;color:#b45309}.reprint-card-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.reprint-card-chip{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-lg);padding:10px 14px;gap:10px}.reprint-card-meta{display:flex;flex-direction:column;gap:2px}.reprint-card-number{font-family:var(--font-mono);font-size:.88rem;font-weight:700;color:var(--slate-900)}.reprint-reason-pill{font-size:.76rem;color:#b45309;font-weight:600}.reprint-card-meta small{font-size:.72rem;color:var(--slate-500)}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.candidate-card{border:1.5px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface-white);padding:14px;transition:all var(--transition-fast)}.candidate-card:hover:not(.candidate-card--disabled){border-color:var(--brand-cobalt-500);box-shadow:var(--shadow-sm)}.candidate-card--selected{border-color:var(--brand-cobalt-600);background:var(--brand-cobalt-50)}.candidate-card--disabled{opacity:.65;background:var(--slate-50)}.candidate-card--reprint{border-color:#f59e0b;background:#fffbeb}.candidate-card-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.candidate-card-info{display:flex;flex-direction:column;gap:3px;min-width:0}.candidate-admission{font-family:var(--font-mono);font-size:.78rem;color:var(--slate-500)}.candidate-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.photo-pill{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.photo-pill--ready{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.photo-pill--missing{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.status-note{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.status-note--blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-note--amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-note--red{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--slate-200);border-radius:var(--radius-lg)}.modern-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.modern-table th{background:var(--slate-50);color:var(--slate-700);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1.5px solid var(--slate-200)}.modern-table td{padding:14px 16px;border-bottom:1px solid var(--slate-100);color:var(--slate-800);vertical-align:middle}.modern-table tbody tr:hover{background:#f1f5f980}.modern-table tbody tr.row--selected{background:var(--brand-cobalt-50)}.mono-code{font-family:var(--font-mono);font-size:.86rem;color:var(--slate-900)}.mono-ref{font-family:var(--font-mono);font-size:.8rem;color:var(--slate-600)}.discrepancy-reason-text{font-size:.8rem;color:#b91c1c;font-weight:500}.status-select{padding:4px 8px;font-size:.78rem;border:1px solid var(--slate-300);border-radius:var(--radius-sm);background:#fff;color:var(--slate-800)}.consignments-grid{display:flex;flex-direction:column;gap:16px}.consignment-card{border:1.5px solid var(--slate-200);border-radius:var(--radius-xl);background:var(--surface-white);padding:20px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.consignment-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.consignment-primary-info{display:flex;flex-direction:column;gap:8px}.consignment-badge-row{display:flex;align-items:center;gap:12px}.consignment-number{font-family:var(--font-mono);font-size:1.05rem;font-weight:800;color:var(--slate-900)}.consignment-meta-chips{display:flex;flex-wrap:wrap;gap:8px}.meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;background:var(--slate-100);border:1px solid var(--slate-200);padding:3px 10px;border-radius:var(--radius-full);color:var(--slate-700)}.meta-chip--seal{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.consignment-notes{margin:0;font-size:.84rem;color:var(--slate-500);font-style:italic}.consignment-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.verified-seal-pill{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:5px 12px;border-radius:var(--radius-full)}.consignment-stepper-wrap{border-top:1px solid var(--slate-100);padding-top:14px}.empty-delivery-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--slate-500);gap:12px}.empty-delivery-box p{max-width:480px;margin:0;font-size:.92rem}.delivery-card-list{display:flex;flex-direction:column;gap:10px}.delivery-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface-white);gap:16px;transition:all var(--transition-fast)}.delivery-item:hover{box-shadow:var(--shadow-xs);border-color:var(--slate-300)}.delivery-item--selected{border-color:var(--brand-cobalt-600);background:var(--brand-cobalt-50)}.delivery-item-left{display:flex;align-items:center;gap:14px;min-width:0}.delivery-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-cobalt-600)}.delivery-item-details{display:flex;flex-direction:column;gap:4px}.delivery-item-headline{display:flex;align-items:center;gap:10px}.delivery-card-number{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--slate-900)}.delivery-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.8rem;color:var(--slate-500)}.discrepancy-flag-text{color:#dc2626;font-weight:600}.delivery-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.floating-receipt-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99;background:var(--brand-navy-900);border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-xl),0 0 0 1px #0000004d;border-radius:var(--radius-full);padding:10px 20px;animation:float-slide-up .2s cubic-bezier(.4,0,.2,1) both}@keyframes float-slide-up{0%{opacity:0;transform:translate(-50%,20px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.floating-receipt-bar__content{display:flex;align-items:center;gap:24px}.floating-receipt-bar__info{display:flex;align-items:center;gap:8px;color:#fff;font-size:.88rem}.floating-receipt-bar__count{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-cobalt-600);color:#fff;font-weight:800;font-size:.85rem;min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-full)}.floating-receipt-bar__actions{display:flex;align-items:center;gap:10px}.discrepancy-type-btn{display:flex;flex-direction:column;align-items:flex-start;padding:12px;border:1.5px solid var(--slate-300);border-radius:var(--radius-lg);background:var(--surface-white);cursor:pointer;text-align:left;gap:4px;transition:all var(--transition-fast)}.discrepancy-type-btn strong{font-size:.9rem;color:var(--slate-800)}.discrepancy-type-btn span{font-size:.76rem;color:var(--slate-500)}.discrepancy-type-btn.selected{border-color:#dc2626;background:#fef2f2}.discrepancy-type-btn.selected strong{color:#991b1b}.preset-chip{padding:4px 10px;font-size:.78rem;font-weight:600;border-radius:var(--radius-full);border:1px solid var(--slate-300);background:var(--slate-50);color:var(--slate-700);cursor:pointer;transition:all var(--transition-fast)}.preset-chip:hover{border-color:var(--brand-cobalt-500);background:var(--brand-cobalt-50);color:var(--brand-cobalt-700)}.photo-metrics-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 20px;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-xl);margin-bottom:20px}.photo-metrics-ring-section{display:flex;align-items:center;gap:16px}.photo-metrics-headline{font-size:1.05rem;font-weight:800;color:var(--slate-900)}.photo-metrics-sub{font-size:.83rem;color:var(--slate-500)}.fast-filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fast-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--slate-200);background:var(--surface-white);color:var(--slate-700);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.fast-chip:hover{border-color:var(--brand-cobalt-500);color:var(--brand-cobalt-700)}.fast-chip--active{background:var(--brand-cobalt-600);border-color:var(--brand-cobalt-600);color:#fff}.fast-chip__count{display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:#00000014}.student-roster-row{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--surface-white);margin-bottom:8px;transition:all var(--transition-fast)}.student-roster-row:hover{border-color:var(--slate-300);box-shadow:var(--shadow-xs)}.student-avatar{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--slate-200)}.photo-placeholder{width:56px;height:56px;border-radius:var(--radius-md);background:var(--slate-100);border:1px dashed var(--slate-300);display:flex;align-items:center;justify-content:center;color:var(--slate-400)}.student-details{display:flex;flex-direction:column;gap:3px;min-width:0}.student-details strong{font-size:.95rem;color:var(--slate-900)}.student-subtext{font-size:.8rem;color:var(--slate-500)}.student-subtext code{font-family:var(--font-mono);background:var(--slate-100);padding:1px 4px;border-radius:4px}.student-guardian{font-size:.78rem;color:var(--slate-400)}.student-photo-action-zone{display:flex;align-items:center}.student-row-actions{display:flex;align-items:center;gap:8px}@media(max-width:900px){.student-roster-row{grid-template-columns:56px 1fr;gap:12px}.student-photo-action-zone{grid-column:span 2}.student-row-actions{grid-column:span 2;justify-content:flex-end}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shell{padding:16px 12px 100px}h1{font-size:1.65rem;letter-spacing:-.03em}.workspace-header-row,.section-header-row{flex-direction:column;align-items:stretch;gap:12px}.school-switcher-box{width:100%;min-width:0}.school-select-styled{width:100%}.search-input{width:100%!important}.kpi-grid{grid-template-columns:1fr;gap:10px}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.modern-table th,.modern-table td{padding:10px 12px;font-size:.82rem}.floating-receipt-bar{left:12px;right:12px;bottom:12px;transform:none;border-radius:var(--radius-xl);padding:12px 16px;width:auto}@keyframes float-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-receipt-bar__content{flex-direction:column;align-items:stretch;gap:10px}.floating-receipt-bar__info{justify-content:center;font-size:.82rem}.floating-receipt-bar__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.floating-receipt-bar__actions button{width:100%;justify-content:center}.consignment-card{padding:16px}.consignment-card-top{flex-direction:column;align-items:stretch;gap:12px}.consignment-actions{align-items:stretch;width:100%}.consignment-actions button{width:100%;justify-content:center}.delivery-item{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.delivery-item-actions{justify-content:flex-end;width:100%}.delivery-item-actions button{flex:1;justify-content:center}.student-roster-row{grid-template-columns:48px 1fr;gap:10px;padding:12px}.student-avatar,.photo-placeholder{width:48px;height:48px}.student-row-actions{flex-wrap:wrap;gap:6px}.student-row-actions button{flex:1;min-width:70px;text-align:center;justify-content:center}.fast-filter-chips{width:100%}.fast-chip{flex:1;justify-content:center;padding:6px 8px;font-size:.78rem}.photo-metrics-banner{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.app-dialog{width:calc(100vw - 20px)!important;max-width:none!important;margin:10px auto;padding:0}.modal-container{padding:16px}.modal-header{margin-bottom:14px}}@media(pointer:coarse){button,.btn,.class-choice,.fast-chip,.preset-chip,.delivery-checkbox,input[type=checkbox]{min-height:40px}.delivery-checkbox,input[type=checkbox]{min-width:22px;min-height:22px}}.branding-section{margin-top:40px;padding-top:32px;border-top:2px solid var(--slate-200)}.branding-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.branding-section-header h2{margin:4px 0 6px;font-size:1.45rem}.branding-section-header p{margin:0;font-size:.9rem}.branding-status-pills{display:flex;gap:8px;flex-shrink:0;padding-top:6px}.branding-status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;background:var(--slate-100);color:var(--slate-500);border:1px solid var(--slate-200);transition:all var(--transition-fast)}.branding-status-pill.active{background:var(--status-delivered-bg);color:var(--status-delivered-text);border-color:var(--status-delivered-border)}.branding-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.branding-settings-col{display:flex;flex-direction:column;gap:20px}.branding-panel{background:var(--surface-white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:22px 24px;box-shadow:var(--shadow-sm)}.branding-panel-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--slate-800);margin-bottom:6px}.branding-panel-title svg{color:var(--brand-cobalt-600);flex-shrink:0}.branding-panel-desc{font-size:.85rem;color:var(--slate-500);margin:0 0 18px;line-height:1.55}.branding-colors-form{display:flex;flex-direction:column;gap:14px}.branding-color-row{display:flex;align-items:flex-start;gap:14px;position:relative}.branding-color-swatch{width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--slate-200);cursor:pointer;flex-shrink:0;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-xs);padding:0;background:var(--slate-100)}.branding-color-swatch:hover{box-shadow:var(--shadow-md);border-color:var(--brand-cobalt-500)}.branding-color-info{display:flex;flex-direction:column;gap:4px;flex:1}.branding-hex-input{width:100%;padding:7px 10px;border:1.5px solid var(--slate-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;color:var(--slate-800);background:var(--slate-50);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.branding-hex-input:focus{outline:none;border-color:var(--brand-cobalt-500);box-shadow:0 0 0 3px #2563eb1f;background:var(--surface-white)}.branding-hex-input.invalid{border-color:#ef4444;background:#fef2f2}.branding-text-form{display:flex;flex-direction:column;gap:14px}.branding-label{display:flex;flex-direction:column;gap:5px}.branding-input{padding:9px 12px;border:1.5px solid var(--slate-200);border-radius:var(--radius-md);font-size:.92rem;color:var(--slate-800);background:var(--slate-50);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.branding-input:focus{outline:none;border-color:var(--brand-cobalt-500);box-shadow:0 0 0 3px #2563eb1f;background:var(--surface-white)}.branding-field-label{font-size:.82rem;font-weight:600;color:var(--slate-600);text-transform:uppercase;letter-spacing:.05em}.branding-field-hint{font-size:.79rem;color:var(--slate-400)}.branding-field-hint.error{color:#dc2626}.branding-form-actions{display:flex;justify-content:flex-end;padding-top:4px}.branding-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branding-upload-tile{border:2px dashed var(--slate-200);border-radius:var(--radius-lg);background:var(--slate-50);min-height:136px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.branding-upload-tile:hover{border-color:var(--brand-cobalt-500);background:var(--brand-cobalt-50)}.branding-upload-tile:focus{outline:2px solid var(--brand-cobalt-500);outline-offset:2px}.branding-upload-tile.dragging{border-color:var(--brand-cobalt-600);background:var(--brand-cobalt-50);box-shadow:0 0 0 4px #2563eb26;transform:scale(1.01)}.branding-upload-tile.has-file{border-color:#22c55e;border-style:solid}.branding-upload-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;text-align:center;pointer-events:none}.branding-upload-label{font-size:.82rem;color:var(--slate-600)}.branding-upload-loading{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--brand-cobalt-600);font-size:.85rem}.branding-upload-preview{width:100%;height:100%;min-height:136px;position:relative}.branding-preview-img{width:100%;height:100%;min-height:136px;object-fit:contain;padding:12px}.branding-upload-overlay{position:absolute;inset:0;background:#0f172a8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:.82rem;font-weight:600;opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-lg)}.branding-upload-tile:hover .branding-upload-overlay{opacity:1}.branding-loading{display:flex;align-items:center;gap:10px;color:var(--slate-500);font-size:.9rem;padding:28px 0}.branding-preview-col{position:relative}.branding-preview-sticky{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}.branding-preview-header{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--slate-500);text-transform:uppercase;letter-spacing:.07em}.branding-preview-note{font-size:.78rem;color:var(--slate-400);line-height:1.5;margin:0;text-align:center}.id-card-preview-wrapper{display:flex;justify-content:center}.id-card-preview{width:280px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px #0f172a0f;background:var(--surface-white);font-family:var(--font-sans);transition:box-shadow var(--transition-normal);-webkit-user-select:none;user-select:none}.id-card-header{padding:14px 16px;display:flex;align-items:center;gap:12px;transition:background var(--transition-normal)}.id-card-logo-area{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.id-card-logo-img{width:44px;height:44px;object-fit:contain}.id-card-logo-placeholder{font-size:.6rem;font-weight:800;color:#ffffffb3;letter-spacing:.05em;text-align:center}.id-card-school-info{flex:1;min-width:0}.id-card-school-name{font-weight:800;font-size:.78rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-tagline{font-size:.62rem;color:#ffffffb8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-body{display:flex;gap:14px;padding:16px;align-items:flex-start}.id-card-photo-placeholder{width:64px;height:78px;border-radius:var(--radius-md);background:var(--slate-100);border:1.5px dashed var(--slate-300);display:flex;align-items:center;justify-content:center;flex-shrink:0}.id-card-student-details{flex:1;min-width:0}.id-card-student-name{font-weight:700;font-size:.82rem;color:var(--slate-900);margin-bottom:8px}.id-card-detail-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--slate-600);padding:2px 0;border-bottom:1px solid var(--slate-100)}.id-card-detail-key{color:var(--slate-400);font-weight:500}.id-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;gap:10px;transition:background var(--transition-normal)}.id-card-signature-area{flex:1;min-width:0}.id-card-signature-img{height:28px;max-width:100%;object-fit:contain;display:block;margin-bottom:3px}.id-card-sig-placeholder{font-size:.6rem;color:#0006;font-style:italic;border-top:1px solid rgba(0,0,0,.2);padding-top:3px;margin-bottom:4px}.id-card-principal-name{font-size:.62rem;font-weight:700;color:#000000a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-qr-placeholder{width:48px;height:48px;background:#ffffff8c;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:920px){.branding-layout{grid-template-columns:1fr}.branding-preview-sticky{position:static}.id-card-preview-wrapper{padding:16px 0}.branding-section-header{flex-direction:column;align-items:flex-start}.branding-asset-grid{grid-template-columns:1fr}}.shell.workspace{max-width:1280px;padding:32px 28px 80px}.workspace-header-row h1{font-size:clamp(1.5rem,3.5vw,1.9rem);font-weight:900;color:#0f172a;letter-spacing:-.04em;margin:4px 0 0}.panel.class-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 2px 10px #0f172a0d;height:fit-content;position:sticky;top:24px}.panel.class-sidebar h2{font-size:.95rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.02em}.class-choice{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 13px;transition:all .15s}.class-choice:hover{border-color:#c7d2fe;background:#f5f3ff}.class-choice.selected{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#4f46e5;box-shadow:0 2px 10px #4f46e540}.class-choice strong{font-size:.86rem}.panel.class-content-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 2px 10px #0f172a0d}.class-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;flex-wrap:wrap}.class-header-row h2{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 2px;letter-spacing:-.025em}.photo-metrics-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(135deg,#f5f3ff,#eff1fe);border:1.5px solid #e0e7ff;border-radius:12px;margin-bottom:18px;flex-wrap:wrap}.photo-metrics-ring-section{display:flex;align-items:center;gap:12px}.photo-metrics-counts{display:flex;flex-direction:column;gap:2px}.photo-metrics-headline{font-size:.9rem;font-weight:800;color:#0f172a}.photo-metrics-sub{font-size:.78rem;color:#64748b}.fast-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.fast-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.fast-chip:hover{border-color:#c7d2fe;color:#4f46e5}.fast-chip--active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e540}.fast-chip--active .fast-chip__count{background:#ffffff40;color:#fff}.fast-chip__count{padding:1px 6px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.7rem;font-weight:800}.student-form.detailed{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 20px;margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.student-form.detailed .wide-field{grid-column:span 3}.student-form.detailed .form-actions{grid-column:span 3;display:flex;gap:10px}.student-form.detailed label{font-size:.8rem;font-weight:700;color:#374151;display:grid;gap:5px}.student-form.detailed input,.student-form.detailed select,.student-form.detailed textarea{padding:.62rem .8rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:.86rem;transition:border-color .15s,box-shadow .15s;width:100%}.student-form.detailed input:focus,.student-form.detailed select:focus,.student-form.detailed textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.student-roster-row{display:grid;grid-template-columns:46px 1fr 140px auto;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid #f1f5f9;transition:background .1s;border-radius:0}.student-roster-row:first-child{border-top:1px solid #f1f5f9}.student-roster-row:hover{background:#fafbff}.student-roster-row:last-child{border-bottom:none}.student-avatar{width:42px;height:42px;border-radius:10px;object-fit:cover;border:2px solid #e2e8f0}.photo-placeholder{width:42px;height:42px;border-radius:10px;background:#f1f5f9;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.student-details{display:flex;flex-direction:column;gap:2px;min-width:0}.student-details strong{font-size:.88rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-subtext{font-size:.75rem;color:#64748b}.student-guardian{font-size:.72rem;color:#94a3b8}.student-row-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.list-title h3{font-size:.88rem;font-weight:700;color:#0f172a;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.operations-workspace .panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 2px 10px #0f172a0d}@media(max-width:1024px){.student-form.detailed{grid-template-columns:repeat(2,1fr)}.student-form.detailed .wide-field,.student-form.detailed .form-actions{grid-column:span 2}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.shell.workspace{padding:20px 16px 60px}.workspace-grid{grid-template-columns:1fr}.panel.class-sidebar{position:static}.student-roster-row{grid-template-columns:42px 1fr;row-gap:8px}.student-photo-action-zone,.student-row-actions{grid-column:span 2}.student-form.detailed{grid-template-columns:1fr}.student-form.detailed .wide-field,.student-form.detailed .form-actions{grid-column:span 1}.fast-filter-chips{justify-content:flex-start}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.photo-metrics-banner{flex-direction:column;align-items:flex-start}}.sw-toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px}.sw-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 4px 20px #00000024;animation:sw-toast-in .2s ease}@keyframes sw-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sw-toast--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.sw-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.sw-toast-close{background:transparent;border:none;font-size:1.1rem;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:0;flex-shrink:0}.sw-toast-close:hover{opacity:1}.sw-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}.sw-modal{background:#fff;border-radius:14px;box-shadow:0 8px 40px #0000002e;width:100%;max-width:420px;animation:sw-modal-in .18s ease}@keyframes sw-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.sw-modal-header h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.sw-modal-close{background:transparent;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#94a3b8;padding:0}.sw-modal-close:hover{color:#0f172a}.sw-modal-body{padding:18px 20px 20px;font-size:.9rem;color:#374151}.photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:1.5px dashed #cbd5e1;border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:600;color:#64748b;background:#f8fafc;min-width:70px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.photo-dropzone:hover,.photo-dropzone:focus-visible{border-color:#4f46e5;background:#eff1fe;color:#4f46e5;outline:none}.photo-dropzone--drag{border-color:#4f46e5;background:#eff1fe;color:#4f46e5}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border-radius:7px;font-family:inherit;font-weight:600;transition:opacity .15s,background .15s;white-space:nowrap}.ui-btn--sm{padding:.38rem .75rem;font-size:.82rem}.ui-btn--md{padding:.55rem 1rem;font-size:.9rem}.ui-btn--lg{padding:.7rem 1.3rem;font-size:1rem}.ui-btn--primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;box-shadow:0 2px 8px #4f46e540}.ui-btn--primary:hover:not(.ui-btn--disabled){opacity:.88}.ui-btn--secondary{background:#f8fafc;color:#374151;border:1.5px solid #e2e8f0}.ui-btn--secondary:hover:not(.ui-btn--disabled){background:#f1f5f9}.ui-btn--ghost{background:transparent;color:#4f46e5;border:none}.ui-btn--ghost:hover:not(.ui-btn--disabled){background:#eff1fe}.ui-btn--danger{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.ui-btn--danger:hover:not(.ui-btn--disabled){background:#fee2e2}.ui-btn--outline{background:transparent;color:#374151;border:1.5px solid #d1d5db}.ui-btn--outline:hover:not(.ui-btn--disabled){border-color:#9ca3af}.ui-btn--disabled{opacity:.5;cursor:not-allowed}.ui-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}.ui-modal{background:#fff;border-radius:14px;box-shadow:0 8px 40px #0000002e;width:100%;max-width:480px;animation:ui-modal-in .18s ease}@keyframes ui-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f1f5f9}.ui-modal-header h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.ui-modal-close{background:transparent;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#94a3b8;padding:0}.ui-modal-close:hover{color:#0f172a}.ui-modal-body{padding:18px 20px 20px;font-size:.9rem;color:#374151}.ui-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.ui-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ui-kpi-icon{width:36px;height:36px;border-radius:9px;background:#eff1fe;color:#4f46e5;display:flex;align-items:center;justify-content:center}.ui-kpi-badge{font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:999px}.kpi-badge--info{background:#eff1fe;color:#4f46e5}.kpi-badge--danger{background:#fef2f2;color:#dc2626}.kpi-badge--warning{background:#fffbeb;color:#d97706}.kpi-badge--success{background:#f0fdf4;color:#166534}.kpi-badge--neutral{background:#f8fafc;color:#64748b}.ui-kpi-value{font-size:1.7rem;font-weight:900;color:#0f172a;letter-spacing:-.04em;line-height:1}.ui-kpi-label{font-size:.78rem;font-weight:600;color:#374151}.ui-kpi-sub{font-size:.72rem;color:#64748b}.ui-status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.status--blue{background:#eff1fe;color:#3730a3}.status--indigo{background:#e0e7ff;color:#4338ca}.status--amber{background:#fffbeb;color:#92400e}.status--orange{background:#fff7ed;color:#c2410c}.status--green{background:#f0fdf4;color:#166534}.status--red{background:#fef2f2;color:#991b1b}.status--neutral{background:#f8fafc;color:#475569}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-ring 1.4s ease infinite}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.3}}.ui-stepper{display:flex;align-items:flex-start;padding:12px 0 4px}.ui-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;text-align:center;gap:6px}.ui-step-dot{width:26px;height:26px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#94a3b8;z-index:1;flex-shrink:0}.ui-step--done .ui-step-dot{background:#4f46e5;border-color:#4f46e5;color:#fff}.ui-step--active .ui-step-dot{background:#fff;border-color:#4f46e5;color:#4f46e5}.ui-step-line{position:absolute;top:13px;left:calc(50% + 13px);width:calc(100% - 26px);height:2px;background:#e2e8f0}.ui-step--done .ui-step-line{background:#4f46e5}.ui-step-label{font-size:.72rem}.ui-step-label strong{display:block;font-weight:600;color:#0f172a;font-size:.75rem}.ui-step-label span{color:#64748b;font-size:.68rem}.ui-step--active .ui-step-label strong{color:#4f46e5}.ui-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e9edf4,#f1f5f9 75%);background-size:200% 100%;animation:ui-shimmer 1.4s ease infinite;border-radius:6px}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-skeleton--rect{width:100%;height:54px}.ui-skeleton--text{height:16px;width:80%}.ui-skeleton--card{width:100%;height:90px;border-radius:12px}.ui-skeleton--table-row{width:100%;height:44px;border-radius:0}.ui-toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px}.ui-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;font-size:.875rem;font-weight:500;box-shadow:0 4px 20px #00000024;animation:ui-toast-in .2s ease}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-toast--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ui-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ui-toast--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.ui-toast button{background:transparent;border:none;font-size:1.1rem;cursor:pointer;color:inherit;opacity:.6;padding:0;flex-shrink:0}.ui-toast button:hover{opacity:1}button.danger,.danger.small{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;padding:.4rem .85rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}button.danger:hover{background:#fee2e2}button.danger:disabled{opacity:.5;cursor:not-allowed}.dv-register{padding:20px 24px}.dv-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dv-header h2{font-size:1.05rem;font-weight:700;color:#0f172a;margin:4px 0 3px}.dv-header p{font-size:.82rem;color:#64748b;margin:0}.dv-counts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dv-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.dv-badge--blue{background:#eff1fe;color:#3730a3}.dv-badge--amber{background:#fffbeb;color:#92400e}.dv-badge--green{background:#f0fdf4;color:#166534}.dv-badge--red{background:#fef2f2;color:#991b1b}.dv-empty{padding:32px 0;text-align:center;color:#94a3b8;font-size:.88rem}.dv-card-list{display:flex;flex-direction:column;gap:0}.dv-card-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #f1f5f9}.dv-card-row:last-child{border-bottom:none}.dv-card-row--reprint-requested{background:#fffbeb;border-radius:8px;padding:10px 12px;border:1px solid #fde68a;margin-bottom:4px}.dv-card-row--damaged{background:#fef2f2;border-radius:8px;padding:10px 12px;border:1px solid #fecaca;margin-bottom:4px}.dv-card-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dv-card-number{font-size:.88rem;font-weight:700;color:#0f172a;font-family:SF Mono,Fira Code,monospace}.dv-card-meta{display:flex;flex-direction:column;gap:2px;font-size:.75rem;color:#64748b}.dv-card-meta code{font-size:.75rem;background:#f1f5f9;padding:1px 5px;border-radius:4px}.dv-discrepancy-reason{color:#b45309;font-weight:500}.dv-discrepancy-reason small{color:#94a3b8;font-weight:400}.dv-card-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.dv-pending-note{font-size:.75rem;color:#b45309;font-weight:600;font-style:italic}.dv-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:9px;font-size:.875rem;font-weight:500;margin-bottom:16px}.dv-toast--ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.dv-toast--err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.dv-toast button{background:transparent;border:none;font-size:1.1rem;cursor:pointer;color:inherit;opacity:.6;padding:0}.dv-toast button:hover{opacity:1}@media(max-width:600px){.dv-card-row{grid-template-columns:1fr}.dv-card-actions{justify-content:flex-start}}.sdr-root{position:relative;padding:0 2px}.sdr-toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:10px 18px;border-radius:9px;font-size:.83rem;font-weight:600;box-shadow:0 4px 16px #00000026}.sdr-toast-ok{background:#059669;color:#fff}.sdr-toast-err{background:#dc2626;color:#fff}.sdr-reprint-banner{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:9px;font-size:.83rem;color:#92400e;margin-bottom:16px}.sdr-reprint-banner svg{color:#d97706;flex-shrink:0}.sdr-loading,.sdr-error,.sdr-empty{padding:32px;text-align:center;color:#64748b;font-size:.85rem}.sdr-error{color:#dc2626}.sdr-section{margin-bottom:20px}.sdr-section-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sdr-section-title{font-size:.88rem;font-weight:700;color:#0f172a}.sdr-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e2e8f0;border-radius:999px;font-size:.7rem;font-weight:700;color:#475569}.sdr-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.sdr-thead{display:grid;grid-template-columns:120px 1fr 130px 160px 180px;gap:8px;padding:8px 14px;background:#f8fafc;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.sdr-trow{display:grid;grid-template-columns:120px 1fr 130px 160px 180px;gap:8px;padding:10px 14px;align-items:center;border-top:1px solid #f1f5f9;font-size:.83rem;color:#0f172a}.sdr-trow:hover{background:#fafbff}.sdr-mono{font-family:ui-monospace,monospace;font-size:.78rem}.sdr-dim{color:#64748b}.sdr-reason{font-size:.75rem;color:#92400e;font-style:italic}.sdr-actions{display:flex;gap:6px;flex-wrap:wrap}.sdr-btn{padding:.35rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.sdr-btn:disabled{opacity:.5;cursor:not-allowed}.sdr-btn-confirm{background:#dcfce7;color:#166534}.sdr-btn-confirm:hover:not(:disabled){background:#bbf7d0}.sdr-btn-flag{background:#fee2e2;color:#991b1b}.sdr-btn-flag:hover:not(:disabled){background:#fecaca}.sdr-btn-ghost{background:#f1f5f9;color:#475569}.sdr-btn-ghost:hover{background:#e2e8f0}.sdr-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.67rem;font-weight:700}.sdr-badge-gen{background:#f1f5f9;color:#475569}.sdr-badge-dis{background:#dbeafe;color:#1e40af}.sdr-badge-rec{background:#dcfce7;color:#166534}.sdr-badge-dmg{background:#fee2e2;color:#991b1b}.sdr-badge-rpr{background:#fef3c7;color:#92400e}.sdr-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.sdr-modal{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:420px;box-shadow:0 20px 60px #0003}.sdr-modal-title{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:8px}.sdr-modal-body{font-size:.85rem;color:#475569;line-height:1.6;margin-bottom:14px}.sdr-modal-label{display:block;font-size:.78rem;font-weight:600;color:#374151;margin-bottom:5px}.sdr-modal-textarea{width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.84rem;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;resize:vertical;margin-bottom:16px}.sdr-modal-textarea:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.sdr-modal-footer{display:flex;justify-content:flex-end;gap:8px}.si-panel-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.si-panel-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.85rem;font-weight:700;color:#0f172a}.si-panel-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:5px;display:flex;align-items:center}.si-panel-close:hover{background:#f1f5f9;color:#0f172a}.si-root{padding:16px}.si-hint{font-size:.78rem;color:#64748b;margin-bottom:12px;line-height:1.6}.si-hint code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:.75rem}.si-link{color:#4f46e5;font-weight:600;text-decoration:none}.si-link:hover{text-decoration:underline}.si-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;background:#f8fafc;transition:all .15s;min-height:110px}.si-drop:hover,.si-drop-over{border-color:#4f46e5;background:#eff1fe}.si-drop-done{border-color:#059669;background:#f0fdf4;border-style:solid}.si-icon{color:#94a3b8}.si-icon-ok{color:#059669}.si-drop-label{font-size:.85rem;font-weight:600;color:#475569}.si-drop-sub{font-size:.75rem;color:#94a3b8}.si-fname{font-size:.85rem;font-weight:600;color:#059669}.si-fsize{font-size:.73rem;color:#64748b}.si-error{margin-top:10px;padding:8px 12px;background:#fee2e2;border:1px solid #fca5a5;border-radius:7px;font-size:.8rem;color:#991b1b}.si-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.si-btn{padding:.45rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600;border-radius:7px;border:none;cursor:pointer;transition:opacity .15s}.si-btn:disabled{opacity:.5;cursor:not-allowed}.si-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 2px 8px #4f46e538}.si-btn-primary:hover:not(:disabled){opacity:.9}.si-btn-ghost{background:#f1f5f9;color:#475569}.si-btn-ghost:hover{background:#e2e8f0}.si-result{margin-top:12px}.si-result-row{display:flex;gap:10px;margin-bottom:12px}.si-stat{flex:1;padding:12px;border-radius:9px;display:flex;flex-direction:column;align-items:center;gap:3px}.si-stat-green{background:#f0fdf4;border:1px solid #bbf7d0}.si-stat-amber{background:#fffbeb;border:1px solid #fde68a}.si-stat-red{background:#fef2f2;border:1px solid #fecaca}.si-stat-n{font-size:1.5rem;font-weight:900;color:#0f172a;line-height:1}.si-stat-l{font-size:.7rem;color:#64748b;text-align:center}.si-errors-list{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;margin-bottom:12px}.si-errors-hd{font-size:.75rem;font-weight:700;color:#9a3412;margin-bottom:6px}.si-err-row{font-size:.75rem;color:#c2410c;padding:2px 0}.cm-root{position:relative;padding:2px 0}.cm-toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:10px 18px;border-radius:9px;font-size:.83rem;font-weight:600;box-shadow:0 4px 16px #00000026}.cm-toast-ok{background:#059669;color:#fff}.cm-toast-err{background:#dc2626;color:#fff}.cm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.cm-title{font-size:1rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.cm-sub{font-size:.78rem;color:#64748b;margin-top:2px}.cm-add-btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1rem;font-family:inherit;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:7px;cursor:pointer;box-shadow:0 2px 8px #4f46e538}.cm-add-btn:hover{opacity:.9}.cm-form-card{background:#fff;border:1.5px solid #e0e7ff;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #4f46e50f}.cm-form-title{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:14px}.cm-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}.cm-field-full{grid-column:1/-1}.cm-field label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:4px}.cm-input{width:100%;padding:.55rem .8rem;font-family:inherit;font-size:.84rem;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;box-sizing:border-box}.cm-input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.cm-form-footer{display:flex;justify-content:flex-end;gap:8px}.cm-loading,.cm-empty{padding:32px;text-align:center;color:#64748b;font-size:.85rem}.cm-section{margin-bottom:20px}.cm-section-hd{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#475569;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #f1f5f9}.cm-section-hd-dim{color:#94a3b8}.cm-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.cm-table-dim{opacity:.7}.cm-thead{display:grid;grid-template-columns:100px 1fr 1.2fr 110px 170px;gap:8px;padding:8px 14px;background:#f8fafc;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cm-trow{display:grid;grid-template-columns:100px 1fr 1.2fr 110px 170px;gap:8px;padding:10px 14px;align-items:center;border-top:1px solid #f1f5f9;font-size:.83rem}.cm-trow:hover{background:#fafbff}.cm-trow-inactive{background:#fafafa}.cm-mono{font-family:ui-monospace,monospace;font-size:.78rem}.cm-sku{font-weight:700}.cm-name{font-weight:600;color:#0f172a}.cm-desc{font-size:.78rem;color:#64748b}.cm-price{font-weight:700;color:#0f172a}.cm-dim{color:#94a3b8}.cm-actions{display:flex;gap:5px;flex-wrap:wrap}.cm-btn{padding:.32rem .65rem;font-family:inherit;font-size:.75rem;font-weight:600;border:none;border-radius:5px;cursor:pointer}.cm-btn:disabled{opacity:.5;cursor:not-allowed}.cm-btn-edit{background:#eff1fe;color:#4f46e5}.cm-btn-edit:hover{background:#e0e7ff}.cm-btn-deact{background:#fee2e2;color:#991b1b}.cm-btn-deact:hover{background:#fecaca}.cm-btn-act{background:#dcfce7;color:#166534}.cm-btn-act:hover{background:#bbf7d0}.cm-btn-ghost{background:#f1f5f9;color:#475569}.ca-page-header-wrap{width:100%}.class-choice-wrap{border-radius:9px;overflow:hidden;margin-bottom:4px}.class-choice-wrap.selected{background:#eff1fe}.class-choice-hd{display:flex;align-items:center;justify-content:space-between;gap:6px}.class-choice-hd strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-choice-yr{font-size:.72rem;color:#64748b;margin-top:2px}.cc-del-btn{flex-shrink:0;background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;border-radius:3px;display:flex;align-items:center;opacity:0;transition:opacity .15s}.class-choice-wrap:hover .cc-del-btn{opacity:1}.cc-del-btn:hover{color:#dc2626;background:#fee2e2}.ca2-root{padding:8px 10px 10px;background:#f8fafc;border-top:1px solid #e0e7ff}.ca2-skeleton{height:50px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:ca2-shimmer 1.4s infinite;border-radius:6px;margin:6px 10px}@keyframes ca2-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ca2-row{display:flex;gap:0;margin-bottom:8px}.ca2-kv{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 2px}.ca2-v{font-size:1rem;font-weight:900;color:#0f172a;line-height:1}.ca2-k{font-size:.62rem;color:#64748b;font-weight:500;margin-top:1px}.ca2-bar-wrap{display:flex;align-items:center;gap:7px;margin-bottom:7px}.ca2-bar{flex:1;height:5px;background:#e2e8f0;border-radius:999px;overflow:hidden}.ca2-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:999px;transition:width .4s ease}.ca2-bar-label{font-size:.65rem;color:#64748b;white-space:nowrap}.ca2-cards{display:flex;flex-direction:column;gap:4px}.ca2-cards-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.ca2-chips{display:flex;flex-wrap:wrap;gap:4px}.ca2-chip{padding:1px 6px;border-radius:999px;font-size:.65rem;font-weight:700;border:1px solid;background:#fff}.ca-school-stats{display:flex;align-items:center;gap:5px;margin-top:3px}.ca-sstat{font-size:.72rem;color:#64748b}.ca-sstat strong{color:#0f172a}.ca-sstat-dot{color:#cbd5e1;font-size:.72rem}.ca-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.ca-icon-btn:hover{background:#f1f5f9;color:#0f172a}.ca-icon-btn svg{display:block}.cp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cp-header h2{margin:0;font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.cp-add-btn{font-size:.78rem;font-weight:700;background:#6366f1;color:#fff;border:none;border-radius:8px;padding:5px 11px;cursor:pointer;transition:background .15s}.cp-add-btn:hover{background:#4f46e5}.cp-form,.cp-edit-card{background:#f8fafc;border:1.5px solid #e0e7ff;border-radius:10px;padding:12px;margin-bottom:10px;display:grid;gap:6px}.cp-form-title{font-size:.8rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.cp-label{font-size:.78rem;font-weight:600;color:#64748b;margin-top:2px}.cp-input{width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:.85rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s}.cp-input:focus{border-color:#6366f1}.cp-error{font-size:.8rem;color:#dc2626;margin:0}.cp-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.cp-empty{font-size:.85rem;color:#94a3b8;margin:8px 0}.cp-class-card{border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;margin-bottom:6px;transition:border-color .15s,background .15s;overflow:hidden}.cp-class-card.selected{border-color:#6366f1;background:#eef2ff}.cp-class-main{display:grid;gap:2px;width:100%;text-align:left;padding:11px 13px 9px;background:transparent;border:none;cursor:pointer}.cp-class-main strong{font-size:.88rem;font-weight:700;color:#0f172a}.cp-class-card.selected .cp-class-main strong{color:#4338ca}.cp-meta{font-size:.79rem;color:#64748b}.cp-class-card.selected .cp-meta{color:#6366f1}.cp-class-actions{display:flex;gap:4px;padding:0 10px 8px}.cp-icon-btn{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:.85rem;cursor:pointer;transition:background .12s}.cp-icon-btn:hover{background:#e2e8f0;border-color:#94a3b8}.cp-icon-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.cp-confirm{background:#fff7ed;border-top:1.5px solid #fed7aa;padding:10px 12px;font-size:.83rem;color:#92400e}.cp-confirm p{margin:0 0 6px}button.danger,button.danger.small{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}button.danger:hover{background:#b91c1c}button.danger:disabled{background:#fca5a5;cursor:not-allowed}.sw-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0 4px;gap:12px}.sw-page-btn{padding:6px 14px;border-radius:6px;border:1.5px solid #94a3b8;background:#f8fafc;color:#334155;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sw-page-btn:hover:not(:disabled){background:#e2e8f0;border-color:#64748b}.sw-page-btn:disabled{opacity:.4;cursor:not-allowed}.sw-page-info{font-size:.85rem;color:var(--slate-500, #64748b);flex:1;text-align:center}.sw-page-total{color:var(--slate-400, #94a3b8)}.sw-tab-bar{display:flex;gap:2px;background:var(--slate-100, #f1f5f9);border-radius:12px;padding:4px;margin-bottom:28px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.sw-tab-bar::-webkit-scrollbar{display:none}.sw-tab{display:flex;align-items:center;gap:7px;padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--slate-500, #64748b);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;position:relative}.sw-tab:hover{background:var(--slate-200, #e2e8f0);color:var(--slate-700, #334155)}.sw-tab--active{background:#fff;color:var(--indigo-600, #4f46e5);font-weight:600;box-shadow:0 1px 4px #00000014}.sw-tab--active svg{stroke:var(--indigo-600, #4f46e5)}.sw-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#dc2626;color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;line-height:1}.sw-tab-content{padding-top:0}.sw-dashboard{padding-bottom:40px}.sw-dash-header{margin-bottom:28px}.sw-dash-header h1{font-size:1.6rem;font-weight:700;margin:2px 0 4px}.sw-dash-subtitle{color:var(--slate-500, #64748b);font-size:.92rem;margin:0}.sw-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px}.sw-kpi-card{background:#fff;border:1px solid var(--slate-200, #e2e8f0);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,transform .15s}.sw-kpi-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.sw-kpi-card--alert{border-color:#fbbf24}.sw-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sw-kpi-icon--indigo{background:#eef2ff;color:#4f46e5}.sw-kpi-icon--green{background:#f0fdf4;color:#16a34a}.sw-kpi-icon--amber{background:#fffbeb;color:#d97706}.sw-kpi-icon--purple{background:#faf5ff;color:#7c3aed}.sw-kpi-body{display:flex;flex-direction:column;gap:2px}.sw-kpi-value{font-size:1.9rem;font-weight:800;color:var(--slate-800, #1e293b);line-height:1}.sw-kpi-value--sm{font-size:1.1rem;font-weight:700;line-height:1.3}.sw-kpi-label{font-size:.82rem;color:var(--slate-500, #64748b);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.sw-kpi-sub{font-size:.8rem;color:var(--slate-400, #94a3b8)}.sw-dash-quick-actions{margin-bottom:32px}.sw-dash-quick-actions h3{font-size:1rem;font-weight:600;color:var(--slate-700, #334155);margin:0 0 14px}.sw-qa-grid{display:flex;flex-wrap:wrap;gap:10px}.sw-qa-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;font-size:.875rem;font-weight:600;color:#4338ca;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.sw-qa-btn:hover{background:#e0e7ff;border-color:#818cf8;color:#3730a3;box-shadow:0 2px 8px #4f46e51f}.sw-qa-btn svg{stroke:currentColor}.sw-dash-suggestions h3{font-size:1rem;font-weight:600;color:var(--slate-700, #334155);margin:0 0 14px}.sw-suggest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.sw-suggest-card{background:#fff;border:1px solid var(--slate-200, #e2e8f0);border-radius:10px;padding:16px;display:flex;gap:14px;align-items:flex-start}.sw-suggest-card strong{font-size:.9rem;font-weight:600;color:var(--slate-800, #1e293b);display:block;margin-bottom:4px}.sw-suggest-card p{font-size:.82rem;color:var(--slate-500, #64748b);margin:0 0 8px;line-height:1.5}.sw-suggest-icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:1px}.sw-suggest-tag{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.sw-suggest-tag--planned{background:#dbeafe;color:#1d4ed8}.sw-suggest-tag--idea{background:#f3e8ff;color:#7c3aed}.sr-table-head,.sr-table-row{display:grid;grid-template-columns:2fr 1.2fr .7fr .8fr 1.4fr;align-items:center;gap:12px;padding:0 12px}.sr-table-head{padding-top:6px;padding-bottom:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400, #94a3b8);border-bottom:1px solid var(--slate-200, #e2e8f0)}.sr-table-row{padding-top:7px;padding-bottom:7px;border-bottom:1px solid var(--slate-100, #f1f5f9);font-size:.875rem;transition:background .1s}.sr-table-row:hover{background:var(--slate-50, #f8fafc)}.sr-table-row:last-child{border-bottom:none}.sr-name-cell{display:flex;align-items:center;gap:10px;min-width:0}.sr-name-cell .student-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.sr-name-cell .photo-placeholder{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--slate-100, #f1f5f9);color:var(--slate-400, #94a3b8)}.sr-name-cell .photo-placeholder svg{width:16px;height:16px}.sr-name{font-weight:500;color:var(--slate-800, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-mono{font-family:var(--font-mono, monospace);font-size:.82rem;color:var(--slate-600, #475569)}.sr-adm{white-space:nowrap}.sr-dim{color:var(--slate-500, #64748b);font-size:.85rem}.sr-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.sr-badge--ok{background:#dcfce7;color:#15803d}.sr-badge--pending{background:#fef9c3;color:#92400e}.sr-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.sr-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border:1px solid transparent;border-radius:6px;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s;background:none}.sr-btn--edit{border-color:var(--slate-300, #cbd5e1);color:var(--slate-700, #334155)}.sr-btn--edit:hover{background:var(--slate-100, #f1f5f9)}.sr-btn--photo{border-color:var(--indigo-200, #c7d2fe);color:var(--indigo-700, #4338ca);background:var(--indigo-50, #eef2ff)}.sr-btn--photo:hover{background:var(--indigo-100, #e0e7ff)}.sr-btn--danger{border-color:#fca5a5;color:#dc2626}.sr-btn--danger:hover{background:#fee2e2}.sw-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,box-shadow .15s}.sw-submit-btn--submit{background:#4f46e5;color:#fff}.sw-submit-btn--submit:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 8px #4f46e54d}.sw-submit-btn--recall{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.sw-submit-btn--recall:hover:not(:disabled){background:#ffedd5}.sw-submit-btn:disabled{opacity:.55;cursor:not-allowed}.sw-status-chip{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sw-status-chip--sent{background:#dcfce7;color:#15803d}.sw-status-chip--submitted{background:#fef9c3;color:#92400e}.sw-status-chip--collecting{background:var(--slate-100,#f1f5f9);color:var(--slate-500,#64748b)}.sw-ops-panel{background:#fff;border:1px solid var(--slate-200,#e2e8f0);border-radius:12px;padding:20px;margin-bottom:28px}.sw-ops-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.sw-ops-panel-header h3{margin:0 0 4px;font-size:.95rem;font-weight:700;color:var(--slate-800,#1e293b)}.sw-ops-panel-header p{margin:0;font-size:.82rem;color:var(--slate-500,#64748b)}.sw-ops-actions{display:flex;gap:10px;flex-shrink:0;align-items:center;flex-wrap:wrap}.sw-ops-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,box-shadow .15s}.sw-ops-btn--export{background:var(--slate-100,#f1f5f9);color:var(--slate-700,#334155);border:1px solid var(--slate-200,#e2e8f0)}.sw-ops-btn--export:hover{background:var(--slate-200,#e2e8f0)}.sw-ops-btn--send{background:#4f46e5;color:#fff}.sw-ops-btn--send:hover:not(:disabled){background:#4338ca;box-shadow:0 3px 10px #4f46e54d}.sw-ops-btn--send:disabled{opacity:.55;cursor:not-allowed}.sw-ops-table{border:1px solid var(--slate-200,#e2e8f0);border-radius:8px;overflow:hidden}.sw-ops-thead,.sw-ops-trow{display:grid;grid-template-columns:2fr 1.2fr .8fr 1.3fr 1.5fr;padding:8px 14px;gap:12px;align-items:center}.sw-ops-thead{font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400,#94a3b8);background:var(--slate-50,#f8fafc);border-bottom:1px solid var(--slate-200,#e2e8f0)}.sw-ops-trow{font-size:.875rem;border-bottom:1px solid var(--slate-100,#f1f5f9)}.sw-ops-trow:last-child{border-bottom:none}.sw-ops-trow:hover{background:var(--slate-50,#f8fafc)}.sw-ops-name{font-weight:500;color:var(--slate-800,#1e293b)}.sw-ops-dim{font-size:.8rem;color:var(--slate-400,#94a3b8)}.sw-collection-progress{margin-top:32px;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;overflow:hidden}.sw-collection-header{display:flex;align-items:baseline;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid var(--border, #e2e8f0)}.sw-collection-header h3{font-size:1rem;font-weight:700;color:var(--slate-800, #1e293b);margin:0}.sw-collection-subtitle{font-size:.82rem;color:var(--slate-500, #64748b)}.sw-collection-table-wrap{overflow-x:auto}.sw-collection-table{width:100%;border-collapse:collapse;font-size:.875rem}.sw-collection-table thead th{background:var(--slate-50, #f8fafc);color:var(--slate-500, #64748b);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border, #e2e8f0);white-space:nowrap}.sw-collection-table tbody tr{border-bottom:1px solid var(--slate-100, #f1f5f9);transition:background .1s}.sw-collection-table tbody tr:hover{background:var(--slate-50, #f8fafc)}.sw-collection-table tbody tr:last-child{border-bottom:none}.sw-collection-table td{padding:12px 16px;vertical-align:middle}.sw-collection-row--done td{opacity:.75}.sw-collection-row--warn .sw-col-class{border-left:3px solid #f59e0b;padding-left:13px}.sw-collection-footer td{padding:10px 16px;background:var(--slate-50, #f8fafc);border-top:2px solid var(--border, #e2e8f0);font-size:.875rem}.sw-col-class{min-width:140px}.sw-col-num{width:90px;text-align:right;font-variant-numeric:tabular-nums}.sw-col-bar{width:180px}.sw-col-status{width:130px;text-align:right}.sw-col-green{color:var(--green-600, #16a34a);font-weight:600}.sw-col-red{color:#dc2626;font-weight:600}.sw-class-name{display:block;font-weight:600;color:var(--slate-800, #1e293b)}.sw-class-section{display:block;font-size:.78rem;color:var(--slate-400, #94a3b8);margin-top:1px}.sw-prog-wrap{display:flex;align-items:center;gap:8px}.sw-prog-bar{flex:1;height:8px;background:var(--slate-100, #f1f5f9);border-radius:99px;overflow:hidden}.sw-prog-fill{height:100%;border-radius:99px;transition:width .4s ease}.sw-prog-pct{font-size:.78rem;color:var(--slate-600, #475569);font-weight:600;min-width:34px;text-align:right}.sw-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap}.sw-badge--sent{background:#dcfce7;color:#15803d}.sw-badge--submitted{background:#fef9c3;color:#854d0e}.sw-badge--ready{background:#dbeafe;color:#1d4ed8}.sw-badge--collecting{background:var(--slate-100, #f1f5f9);color:var(--slate-600, #475569)}.sw-loading-dot{color:var(--slate-300, #cbd5e1)}.sw-ct-progress{margin-top:32px;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;overflow:hidden}.sw-ct-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:18px 20px 20px}.sw-ct-card{background:var(--slate-50, #f8fafc);border:1.5px solid var(--border, #e2e8f0);border-radius:10px;padding:16px 18px;transition:box-shadow .15s,transform .15s}.sw-ct-card:hover{box-shadow:0 4px 14px #00000012;transform:translateY(-2px)}.sw-ct-card--complete{border-color:#86efac;background:#f0fdf4}.sw-ct-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sw-ct-class-name{font-weight:700;font-size:1rem;color:var(--slate-800, #1e293b)}.sw-ct-class-year{font-size:.78rem;color:var(--slate-400, #94a3b8);margin-top:2px}.sw-ct-pct{font-size:1.4rem;font-weight:800;line-height:1;flex-shrink:0}.sw-ct-pct--done{color:#16a34a}.sw-ct-pct--good{color:var(--indigo-600, #4f46e5)}.sw-ct-pct--warn{color:#d97706}.sw-ct-stats{display:flex;gap:20px;margin-bottom:12px}.sw-ct-stat{display:flex;flex-direction:column;align-items:center}.sw-ct-stat-val{font-size:1.1rem;font-weight:700;color:var(--slate-700, #334155)}.sw-ct-stat-lbl{font-size:.7rem;font-weight:500;color:var(--slate-400, #94a3b8);text-transform:uppercase;letter-spacing:.04em}.sw-ct-stat--green .sw-ct-stat-val{color:#16a34a}.sw-ct-stat--red .sw-ct-stat-val{color:#dc2626}.sw-ct-card-footer{padding-top:4px}h1,h2,h3,h4,.sw-kpi-value,.sw-collection-header h3,.sw-ct-class-name,.cp-header h2,.sw-dash-header h1,.workspace-header-row h1,.class-header-row h2{font-family:Plus Jakarta Sans,Inter,sans-serif}.sr-mono,code,.sw-ops-name code,.billing-order-number,[class*=admission],[class*=order-number],[class*=invoice-number]{font-family:JetBrains Mono,Courier New,monospace;font-size:.82em;letter-spacing:.01em}.sr-badge,.sw-badge,.sw-status-chip,.sw-ct-pct{display:inline-flex;align-items:center;gap:5px}.sr-badge:before,.sw-badge:before,.sw-status-chip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.sr-badge--ok:before,.sw-badge--sent:before,.sw-status-chip--sent:before{background:#16a34a}.sr-badge--pending:before,.sw-badge--submitted:before,.sw-status-chip--submitted:before{background:#d97706}.sw-badge--collecting:before,.sw-status-chip--collecting:before{background:#94a3b8}.sw-badge--ready:before{background:#2563eb}.fast-chip{border:1.5px solid transparent}.fast-chip--active{border-color:#2563eb}button.fast-chip--active[data-filter=pending]{background:#fffbeb;color:#92400e;border-color:#f59e0b}button.fast-chip--active[data-filter=pending] .fast-chip__count{background:#f59e0b;color:#fff}.sr-btn--next{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;background:#0f172a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.sr-btn--next:hover{background:#1e293b}.sw-class-roster-table{overflow-x:auto;border-radius:0 0 10px 10px}.sw-crt-head,.sw-crt-row,.sw-crt-footer{display:grid;grid-template-columns:minmax(130px,1.8fr) minmax(110px,1.4fr) 70px 80px 80px minmax(130px,1.6fr) 90px;align-items:center;padding:0 16px;gap:8px}.sw-crt-head{background:var(--slate-50, #f8fafc);border-bottom:1px solid var(--border, #e2e8f0);padding-top:9px;padding-bottom:9px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500, #64748b)}.sw-crt-row{border-bottom:1px solid var(--slate-100, #f1f5f9);padding-top:10px;padding-bottom:10px;transition:background .1s;font-size:.875rem}.sw-crt-row:hover{background:var(--slate-50, #f8fafc)}.sw-crt-row:last-child{border-bottom:none}.sw-crt-row--done{opacity:.75}.sw-crt-row--warn .sw-crt-col--class{border-left:3px solid #f59e0b;padding-left:13px}.sw-crt-footer{background:var(--slate-50, #f8fafc);border-top:2px solid var(--border, #e2e8f0);padding-top:10px;padding-bottom:10px;font-size:.875rem}.sw-crt-col--counter{text-align:center}.sw-crt-col--status{display:flex;flex-direction:column;gap:4px}.sw-crt-col--actions{justify-content:flex-end}.sw-crt-class-btn{display:flex;flex-direction:column;gap:1px;background:none;border:none;padding:0;cursor:pointer;text-align:left}.sw-crt-class-btn strong{font-size:.875rem;font-weight:700;color:var(--slate-800, #1e293b)}.sw-crt-class-btn:hover strong{color:var(--indigo-600, #4f46e5)}.sw-crt-year{font-size:.72rem;color:var(--slate-400, #94a3b8)}.sw-crt-teacher{font-size:.82rem;color:var(--slate-700, #334155);font-weight:500}.sw-crt-unassigned{font-size:.78rem;color:var(--slate-400, #94a3b8);font-style:italic}.sw-crt-count{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;color:var(--slate-800, #1e293b)}.sw-crt-count--ok{color:#16a34a}.sw-crt-count--warn{color:#d97706}.sw-crt-denom{font-size:.72rem;color:var(--slate-400, #94a3b8);margin-left:2px}.sw-crt-missing{font-size:.72rem;color:#dc2626;font-weight:600;margin-left:3px}.sw-crt-prog{display:flex;align-items:center;gap:6px;margin-bottom:4px}.sw-crt-subtime{font-size:.72rem;color:var(--slate-400, #94a3b8)}.sw-crt-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.sw-crt-act-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid var(--border, #e2e8f0);background:var(--slate-50, #f8fafc);color:var(--slate-500, #64748b);cursor:pointer;transition:background .12s,color .12s;text-decoration:none}.sw-crt-act-btn:hover{background:var(--slate-100, #f1f5f9);color:var(--slate-800, #1e293b)}.sw-crt-act-btn--wa:hover{background:#dcfce7;color:#16a34a;border-color:#86efac}.ops-stepper{margin-bottom:20px;padding:16px 18px;background:var(--slate-50, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:10px}.ops-stepper-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.ops-stepper-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-600, #475569)}.ops-stepper-pct{font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;color:var(--indigo-600, #4f46e5)}.ops-stepper-track{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:4px;gap:0}.ops-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:72px;position:relative}.ops-step-line{position:absolute;top:13px;left:calc(50% + 13px);right:calc(-50% + 13px);height:2px;background:var(--slate-200, #e2e8f0);z-index:0}.ops-step-line--done{background:#2563eb}.ops-step-node{width:26px;height:26px;border-radius:50%;border:2px solid var(--slate-300, #cbd5e1);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--slate-400, #94a3b8);z-index:1;position:relative;transition:all .2s;flex-shrink:0}.ops-step--done .ops-step-node{background:#2563eb;border-color:#2563eb;color:#fff}.ops-step--active .ops-step-node{background:#fff;border-color:#2563eb;color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.ops-step-label{margin-top:7px;font-size:.68rem;font-weight:600;color:var(--slate-500, #64748b);text-align:center;line-height:1.3;white-space:nowrap}.ops-step--done .ops-step-label{color:#1d4ed8}.ops-step--active .ops-step-label{color:#1d4ed8;font-weight:700}.ops-step-sub{font-size:.62rem;color:var(--slate-400, #94a3b8);text-align:center;line-height:1.2;white-space:nowrap}.ops-step--active .ops-step-sub{color:#3b82f6}@media(max-width:700px){.ops-step-label,.ops-step-sub{display:none}.ops-step{min-width:36px}}.sw-consignment-banner{display:flex;align-items:center;gap:16px;background:var(--surface, #fff);border:1.5px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:10px;padding:14px 18px;margin-bottom:16px;box-shadow:0 2px 8px #2563eb12}.sw-consignment-icon{width:40px;height:40px;border-radius:8px;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sw-consignment-body{flex:1;min-width:0}.sw-consignment-top{display:flex;align-items:center;gap:10px;margin-bottom:3px}.sw-consignment-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:99px}.sw-consignment-ref{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--slate-500, #64748b);background:var(--slate-50, #f8fafc);border:1px solid var(--border, #e2e8f0);padding:1px 6px;border-radius:4px}.sw-consignment-title{font-size:.875rem;color:var(--slate-700, #334155);margin:0}.sw-consignment-title strong{color:var(--slate-900, #0f172a)}.sw-consignment-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.sw-consignment-btn:hover{background:#1d4ed8}@media(max-width:640px){.sw-consignment-banner{flex-wrap:wrap}.sw-consignment-btn{width:100%;justify-content:center}}.sw-form-preview-row{display:flex;justify-content:center;padding:16px 0 8px}.id-card-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.id-card-preview-label{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500, #64748b);margin-bottom:2px}.id-card{width:222px;border-radius:10px;background:linear-gradient(145deg,#0f172a,#1e293b);color:#fff;box-shadow:0 4px 16px #0f172a38,0 1px 4px #0f172a24,inset 0 0 0 1px #ffffff14;overflow:hidden;font-family:Inter,sans-serif;flex-shrink:0}.id-card-header{display:flex;align-items:center;gap:6px;background:#2563eb;padding:6px 10px}.id-card-school-icon{width:20px;height:20px;background:#ffffff26;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.id-card-school-text{display:flex;flex-direction:column;min-width:0}.id-card-school-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.62rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px;line-height:1.2}.id-card-card-type{font-size:.48rem;font-weight:600;letter-spacing:.12em;color:#ffffffbf;text-transform:uppercase}.id-card-body{display:flex;gap:8px;padding:8px 10px 6px;align-items:flex-start}.id-card-photo{width:44px;height:56px;border-radius:4px;background:#334155;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.id-card-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffffff4d}.id-card-photo-placeholder span{font-size:.46rem;letter-spacing:.06em;text-transform:uppercase}.id-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.id-card-name{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:.72rem;font-weight:700;color:#fff;line-height:1.2;word-break:break-word;margin-bottom:4px}.id-card-field{display:flex;gap:4px;align-items:baseline}.id-card-field-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;width:44px;flex-shrink:0}.id-card-field-val{font-size:.58rem;color:#ffffffd9;font-weight:500}.id-card-mono{font-family:JetBrains Mono,monospace}.id-card-footer{background:#fff;padding:5px 10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}.id-card-adm-code{font-size:.5rem;color:#0f172a;letter-spacing:.1em}.id-card-status{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--slate-500, #64748b)}.id-card-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.id-card-status-dot--ok{background:#16a34a}.id-card-status-dot--warn{background:#d97706}.ca-batch-card{overflow:hidden}.ca-batch-card .ca-card-header{align-items:center}.ca-batch-count{font-size:.78rem;font-weight:600;color:var(--slate-500, #64748b);background:var(--slate-100, #f1f5f9);padding:3px 10px;border-radius:99px}.ca-batch-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 16px}.ca-batch-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;border:1.5px solid var(--border, #e2e8f0);background:var(--surface, #fff);font-size:.78rem;font-weight:500;color:var(--slate-600, #475569);cursor:pointer;transition:all .12s}.ca-batch-filter-btn:hover{background:var(--slate-50, #f8fafc)}.ca-batch-filter-btn--active{background:#0f172a;color:#fff;border-color:#0f172a}.ca-batch-filter-count{font-size:.72rem;font-weight:700;background:#ffffff26;padding:1px 6px;border-radius:99px}.ca-batch-filter-btn:not(.ca-batch-filter-btn--active) .ca-batch-filter-count{background:var(--slate-100, #f1f5f9);color:var(--slate-500, #64748b)}.ca-batch-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border, #e2e8f0)}.ca-batch-thead,.ca-batch-row,.ca-batch-footer{display:grid;grid-template-columns:minmax(150px,2fr) minmax(120px,1.2fr) minmax(120px,1.2fr) minmax(120px,1.2fr) minmax(150px,1.4fr) 90px;padding:0 14px;gap:8px;align-items:center}.ca-batch-thead{background:var(--slate-50, #f8fafc);border-bottom:1px solid var(--border, #e2e8f0);padding-top:9px;padding-bottom:9px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500, #64748b)}.ca-batch-row{border-bottom:1px solid var(--slate-100, #f1f5f9);padding-top:11px;padding-bottom:11px;transition:background .1s;font-size:.82rem}.ca-batch-row:hover{background:var(--slate-50, #f8fafc)}.ca-batch-row:last-of-type{border-bottom:none}.ca-batch-footer{background:var(--slate-50, #f8fafc);border-top:2px solid var(--border, #e2e8f0);padding-top:10px;padding-bottom:10px;font-size:.82rem}.ca-batch-empty{padding:24px;text-align:center;color:var(--slate-400, #94a3b8);font-size:.875rem}.ca-batch-col--school{display:flex;flex-direction:column;gap:1px}.ca-batch-school-name{font-weight:700;color:var(--slate-800, #1e293b);font-size:.875rem}.ca-batch-school-count{font-size:.72rem;color:var(--slate-400, #94a3b8)}.ca-batch-bar-wrap{display:flex;align-items:center;gap:6px}.ca-batch-bar{flex:1;height:7px;background:var(--slate-100, #f1f5f9);border-radius:99px;overflow:hidden}.ca-batch-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.ca-batch-bar-pct{font-size:.68rem;font-weight:700;color:var(--slate-500, #64748b);min-width:28px}.ca-batch-col--bar{display:flex;flex-direction:column;gap:3px}.ca-batch-count-sub{font-size:.72rem;color:var(--slate-500, #64748b);font-family:JetBrains Mono,monospace}.ca-batch-sub{font-size:.68rem;color:var(--slate-400, #94a3b8);margin-top:2px;display:block}.ca-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap}.ca-status-badge--received{background:#dcfce7;color:#15803d}.ca-status-badge--dispatched{background:#dbeafe;color:#1d4ed8}.ca-status-badge--production{background:#f5f3ff;color:#5b21b6}.ca-status-badge--ready{background:#dbeafe;color:#1d4ed8}.ca-status-badge--pending{background:#fef9c3;color:#92400e}.ca-status-badge--empty{background:var(--slate-100,#f1f5f9);color:var(--slate-500,#64748b)}.sr-badge--retake{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-weight:700;cursor:help}.sr-badge--retake:before{background:#ef4444}.sr-btn--retake-flag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s}.sr-btn--retake-flag:hover{background:#fee2e2}.sr-btn--clear-retake{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;background:#f0fdf4;color:#15803d;border:1px solid #86efac;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s}.sr-btn--clear-retake:hover{background:#dcfce7}.sw-finance-card{background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:18px 20px;margin-bottom:24px;box-shadow:0 1px 4px #0f172a0d}.sw-finance-header{margin-bottom:10px}.sw-finance-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sw-finance-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500, #64748b)}.sw-finance-link{font-size:.78rem;font-weight:600;color:#2563eb;background:none;border:none;cursor:pointer;padding:0}.sw-finance-link:hover{text-decoration:underline}.sw-finance-invoice-ref{display:flex;align-items:center;gap:8px}.sw-finance-inv-num{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;color:var(--slate-700, #334155)}.sw-finance-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:99px}.sw-finance-badge--issued{background:#fef9c3;color:#92400e}.sw-finance-badge--paid{background:#dcfce7;color:#15803d}.sw-finance-badge--void{background:var(--slate-100,#f1f5f9);color:var(--slate-500,#64748b)}.sw-finance-amount-row{display:flex;align-items:baseline;gap:10px;margin:10px 0}.sw-finance-amount{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:1.6rem;font-weight:800;color:var(--slate-900, #0f172a);line-height:1}.sw-finance-amount-sub{font-size:.78rem;color:var(--slate-500, #64748b)}.sw-finance-items{border-top:1px solid var(--slate-100, #f1f5f9);margin:12px 0;padding-top:10px;display:flex;flex-direction:column;gap:6px}.sw-finance-item{display:flex;justify-content:space-between;font-size:.82rem;color:var(--slate-600, #475569)}.sw-finance-item-name{font-weight:500}.sw-finance-item-price{font-family:JetBrains Mono,monospace;font-weight:600}.sw-finance-item--total{border-top:1px solid var(--border, #e2e8f0);padding-top:6px;margin-top:2px;font-weight:700;color:var(--slate-800, #1e293b)}.sw-finance-total{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;color:var(--slate-900, #0f172a)}.sw-finance-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sw-finance-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.sw-finance-btn--primary{background:#2563eb;color:#fff;border:none}.sw-finance-btn--primary:hover{background:#1d4ed8}.sw-finance-btn--ghost{background:var(--slate-50, #f8fafc);color:var(--slate-700, #334155);border:1px solid var(--border, #e2e8f0)}.sw-finance-btn--ghost:hover{background:var(--slate-100, #f1f5f9)}.sw-finance-panel{background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:12px;padding:20px 24px;margin:0 0 20px;color:#fff;box-shadow:0 4px 20px #0f172a40}.sw-finance-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sw-finance-icon{font-size:28px;flex-shrink:0}.sw-finance-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600}.sw-finance-inv{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;color:#e2e8f0;margin-top:2px}.sw-finance-amount{margin-left:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#fff}.sw-finance-body{background:#ffffff12;border-radius:8px;padding:12px 16px;margin-bottom:16px}.sw-finance-row{display:flex;justify-content:space-between;font-size:13px;color:#cbd5e1;padding:4px 0}.sw-finance-row--total{border-top:1px solid rgba(255,255,255,.15);margin-top:6px;padding-top:8px;font-weight:600;color:#fff;font-size:14px}.sw-finance-actions{display:flex;gap:10px;flex-wrap:wrap}.sw-finance-btn{flex:1;min-width:140px;font-size:13px;padding:9px 16px}.sw-btn--primary.sw-finance-btn{background:#2563eb;color:#fff;border:none}.sw-btn--primary.sw-finance-btn:hover{background:#1d4ed8}.sw-btn--ghost.sw-finance-btn{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.sw-btn--ghost.sw-finance-btn:hover{background:#ffffff2e}.ctp2-bulk-modal{width:min(640px,96vw);max-height:80vh;display:flex;flex-direction:column}.ctp2-bulk-instructions{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:.8rem;color:#1e40af;margin-bottom:1rem;flex-shrink:0}.ctp2-bulk-instructions code{font-family:monospace;background:#dbeafe;padding:1px 4px;border-radius:3px}.ctp2-bulk-dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;color:#64748b;transition:border-color .15s,background .15s;min-height:180px}.ctp2-bulk-dropzone:hover{border-color:#3b82f6;background:#f8faff}.ctp2-bulk-dropzone strong{color:#1e293b;font-size:.95rem}.ctp2-bulk-dropzone span{font-size:.8rem}.ctp2-bulk-summary{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;flex-shrink:0}.ctp2-bulk-stat{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.ctp2-bulk-stat--match{background:#dcfce7;color:#166534}.ctp2-bulk-stat--miss{background:#fef9c3;color:#92400e}.ctp2-bulk-stat--prog{background:#eff6ff;color:#1d4ed8}.ctp2-bulk-file-list{flex:1;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;min-height:0}.ctp2-bulk-file-row{display:grid;grid-template-columns:20px 1fr 1fr;gap:.5rem;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;font-size:.8rem}.ctp2-bulk-file-row:last-child{border-bottom:none}.ctp2-bulk-file-row--match{background:#fff}.ctp2-bulk-file-row--miss{background:#fffbeb}.ctp2-bulk-file-icon{font-size:.85rem;text-align:center;color:#94a3b8}.ctp2-bulk-file-row--match .ctp2-bulk-file-icon{color:#16a34a}.ctp2-bulk-file-row--miss .ctp2-bulk-file-icon{color:#d97706}.ctp2-bulk-file-name{color:#1e293b;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctp2-bulk-file-student{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctp2-bulk-no-match{color:#b45309;font-style:italic}.ctp2-bulk-file-err{grid-column:2 / -1;color:#dc2626;font-size:.75rem}.ctp2-bulk-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.ctp2-bulk-toast{position:sticky;top:0;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;margin-bottom:.75rem;z-index:10}.ca-shell{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.ca-topbar{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.ca-brand{display:flex;align-items:center;gap:10px}.ca-brand-name{font-size:.95rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.ca-topbar-right{display:flex;align-items:center;gap:12px}.ca-user-chip{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px}.ca-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-user-info{display:flex;flex-direction:column;gap:1px}.ca-user-name{font-size:.82rem;font-weight:600;color:#0f172a;line-height:1}.ca-user-role{font-size:.7rem;color:#64748b;line-height:1}.ca-logout-btn{display:flex;align-items:center;gap:6px;padding:.5rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600;color:#475569;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.ca-logout-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ca-layout{display:flex;flex:1}.ca-sidebar{width:220px;background:#fff;border-right:1px solid #e2e8f0;padding:20px 12px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.ca-nav-section{margin-bottom:8px}.ca-nav-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;padding:0 10px;margin-bottom:6px}.ca-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:.875rem;font-weight:500;color:#475569;text-decoration:none;transition:all .15s}.ca-nav-item:hover{background:#f8fafc;color:#0f172a}.ca-nav-active{background:#eff1fe;color:#4f46e5;font-weight:600}.ca-nav-active:hover{background:#eff1fe;color:#4f46e5}.ca-sidebar-footer{padding:0 10px}.ca-sidebar-version{font-size:.72rem;color:#cbd5e1}.ca-main{flex:1;padding:28px 32px;min-width:0}.ca-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.ca-page-title{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin:0 0 4px}.ca-page-sub{font-size:.875rem;color:#64748b;margin:0}.ca-primary-btn{display:inline-flex;align-items:center;gap:7px;padding:.6rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s;box-shadow:0 2px 8px #4f46e540;white-space:nowrap}.ca-primary-btn:hover{opacity:.92;transform:translateY(-1px)}.ca-primary-btn:disabled{opacity:.6;cursor:wait;transform:none}.ca-secondary-btn{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s}.ca-secondary-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ca-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;transition:all .15s;flex-shrink:0}.ca-icon-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ca-flash{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;margin-bottom:18px;font-size:.875rem;font-weight:500}.ca-flash-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.ca-flash-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ca-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.ca-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0f172a0a;transition:box-shadow .15s}.ca-stat-card:hover{box-shadow:0 4px 16px #0f172a14}.ca-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-stat-icon-blue{background:#eff1fe;color:#4f46e5}.ca-stat-icon-green{background:#f0fdf4;color:#059669}.ca-stat-icon-amber{background:#fffbeb;color:#d97706}.ca-stat-value{font-size:1.6rem;font-weight:900;color:#0f172a;letter-spacing:-.04em;line-height:1;margin-bottom:3px}.ca-stat-label{font-size:.78rem;color:#64748b;font-weight:500}.ca-content-grid{display:grid;grid-template-columns:1fr;gap:18px}.ca-content-grid:has(.ca-form-card){grid-template-columns:1fr 360px}.ca-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.ca-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #f1f5f9}.ca-card-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.ca-section-eyebrow{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:3px}.ca-search-wrap{position:relative;display:flex;align-items:center}.ca-search-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.ca-search{padding:.5rem .7rem .5rem 2rem;font-family:inherit;font-size:.82rem;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;transition:border-color .15s,box-shadow .15s}.ca-search:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514;background:#fff}.ca-school-list{display:flex;flex-direction:column}.ca-school-row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f8fafc;transition:background .1s}.ca-school-row:last-child{border-bottom:none}.ca-school-row:hover{background:#fafbff}.ca-school-info{min-width:0}.ca-school-name{font-size:.875rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.ca-school-meta{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.ca-badge-active{background:#f0fdf4;color:#166534}.ca-badge-inactive{background:#fefce8;color:#854d0e}.ca-row-actions{display:flex;gap:6px}.ca-action-btn{padding:.35rem .7rem;font-family:inherit;font-size:.78rem;font-weight:600;color:#4f46e5;background:#eff1fe;border:none;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.ca-action-btn:hover{background:#e0e3fd}.ca-action-ghost{background:transparent;color:#64748b}.ca-action-ghost:hover{background:#f1f5f9;color:#0f172a}.ca-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;text-align:center;color:#64748b;font-size:.875rem}.ca-empty strong{color:#0f172a;font-size:.95rem}.ca-form-card{min-width:0}.ca-form{display:flex;flex-direction:column;gap:14px;padding:20px}.ca-form-heading{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 4px}.ca-field{display:flex;flex-direction:column;gap:5px}.ca-field label{font-size:.8rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.ca-field-optional{font-size:.72rem;font-weight:500;color:#94a3b8}.ca-field input,.ca-field textarea{font-family:inherit;font-size:.875rem;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:.6rem .75rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;resize:vertical}.ca-field input:focus,.ca-field textarea:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e514}.ca-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.ca-field-hint{font-size:.75rem;color:#94a3b8}.ca-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.ca-class-panel{margin-bottom:0}.ca-class-grid{display:grid;grid-template-columns:280px 1fr;gap:0}.ca-class-grid>.ca-form{border-right:1px solid #f1f5f9}.ca-class-list-wrap{padding:20px}.ca-class-count{margin-bottom:14px}.ca-class-count strong{display:block;font-size:.9rem;font-weight:700;color:#0f172a}.ca-class-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ca-class-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;transition:all .15s}.ca-class-card:hover{border-color:#c7d2fe;background:#fafbff}.ca-class-badge{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#eff1fe,#e0e7ff);color:#4f46e5;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ca-class-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ca-class-info strong{font-size:.82rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-class-info span{font-size:.72rem;color:#64748b}.ca-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:transparent;border:1px solid #334155;border-radius:6px;cursor:pointer;padding:0;flex-shrink:0;margin-right:8px}.ca-hamburger span{display:block;width:18px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.ca-hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.ca-hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.ca-hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.ca-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:199}@media(max-width:1024px){.ca-sidebar{display:none;position:fixed;top:0;left:0;height:100%;width:240px;z-index:200;box-shadow:4px 0 20px #0000004d;overflow-y:auto}.ca-sidebar--open{display:flex}.ca-sidebar-overlay{display:block}.ca-hamburger{display:flex}.ca-main{padding:20px}.ca-content-grid:has(.ca-form-card){grid-template-columns:1fr}}@media(max-width:768px){.ca-stats-row{grid-template-columns:1fr}.ca-school-row{grid-template-columns:36px 1fr}.ca-school-row .ca-badge,.ca-school-row .ca-row-actions{grid-column:2}.ca-class-grid,.ca-class-cards{grid-template-columns:1fr}.ca-page-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.ca-user-chip .ca-user-info{display:none}.ca-stats-row{grid-template-columns:repeat(3,1fr)}.ca-stat-card{padding:14px;flex-direction:column;gap:8px;text-align:center}}.audit-log{margin:24px 0;padding:26px;background:#fff;border:1px solid #e4e8f0;border-radius:18px;box-shadow:0 10px 30px #2835580f}.audit-count{padding:6px 9px;border-radius:999px;color:#405280;background:#edf1ff;font-size:.8rem;font-weight:800}.audit-events{display:grid;margin-top:18px}.audit-events article{display:grid;grid-template-columns:175px 1fr;gap:14px;padding:13px 0;border-top:1px solid #e8ebf1}.audit-events time{color:#68738d;font-size:.82rem}.audit-events article div{display:grid;gap:4px}.audit-events span,.audit-events small{color:#68738d;font-size:.84rem}.audit-pagination{display:flex;align-items:center;justify-content:end;gap:10px;margin-top:16px;color:#68738d;font-size:.84rem}@media(max-width:720px){.audit-events article{grid-template-columns:1fr;gap:5px}.audit-pagination{justify-content:start;flex-wrap:wrap}}.ca-nav-btn{width:100%;text-align:left;background:transparent;border:none;color:#475569;padding:8px 10px;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:9px;transition:all .15s;position:relative}.ca-nav-btn:hover{background:#f8fafc;color:#0f172a}.ca-nav-btn.ca-nav-active{background:#eff1fe;color:#4f46e5;font-weight:600}.ca-nav-badge{margin-left:auto;background:#4f46e5;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:999px;min-width:18px;text-align:center}.ops-school-picker{display:flex;flex-direction:column;gap:4px}.ops-school-picker label{font-size:.75rem;font-weight:600;color:#374151}.ops-school-picker select{font-family:inherit;font-size:.875rem;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .8rem;outline:none;cursor:pointer;transition:border-color .15s;min-width:220px}.ops-school-picker select:focus{border-color:#4f46e5}.ops-candidate-list{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.ops-candidate-row{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;border-bottom:1px solid #f8fafc;transition:background .1s}.ops-candidate-row:last-child{border-bottom:none}.ops-candidate-row:hover{background:#fafbff}.ops-candidate-issued{opacity:.55;cursor:default}.ops-candidate-row input[type=checkbox]{width:15px;height:15px;accent-color:#4f46e5;flex-shrink:0;cursor:pointer}.ops-candidate-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#eff1fe,#e0e7ff);color:#4f46e5;font-weight:700;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.ops-candidate-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ops-candidate-name{font-size:.875rem;font-weight:600;color:#0f172a}.ops-candidate-meta{font-size:.75rem;color:#64748b}.ops-candidate-flags{display:flex;gap:6px}.ops-flag{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700}.ops-flag-warn{background:#fffbeb;color:#92400e}.ops-flag-done{background:#f0fdf4;color:#166534}.ops-cards-list{display:flex;flex-direction:column}.ops-card-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f8fafc;transition:background .1s}.ops-card-row:last-child{border-bottom:none}.ops-card-row:hover{background:#fafbff}.ops-card-num{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:600;color:#0f172a;flex:1}.ops-card-num svg{color:#94a3b8}.ops-badge-gen{background:#eff1fe;color:#4f46e5}.ops-ref{font-size:.75rem;color:#64748b;white-space:nowrap}.ops-card-actions{display:flex;gap:6px}.ops-loading{padding:48px 24px;color:#64748b;font-size:.9rem;text-align:center}.ops2-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:8px}.ops2-summary-card{background:#fff;border:1px solid #e8ecf4;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #2835580d}.ops2-summary-clickable{cursor:pointer;transition:box-shadow .15s,transform .1s}.ops2-summary-clickable:hover{box-shadow:0 6px 18px #2835581f;transform:translateY(-1px)}.ops2-summary-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.ops2-summary-label{font-size:.75rem;color:#64748b;font-weight:600}.ops2-table{width:100%;border-collapse:collapse;font-size:.855rem}.ops2-table th{text-align:left;padding:10px 16px;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid #e8ecf4;white-space:nowrap}.ops2-table td{padding:11px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.ops2-table tbody tr:last-child td{border-bottom:none}.ops2-table tbody tr:hover td{background:#fafbff}.ops2-order-num{font-size:.8rem;font-weight:700;color:#0f172a;font-family:ui-monospace,Cascadia Code,monospace}.ops2-mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;color:#475569}.ops2-sub{font-size:.78rem;color:#64748b}.ops2-count{font-size:.78rem;color:#64748b;background:#f1f5f9;padding:3px 10px;border-radius:999px;font-weight:600}.ops2-actions{display:flex;gap:6px;flex-wrap:wrap}.ops2-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.ops2-btn:disabled{opacity:.5;cursor:not-allowed}.ops2-btn-primary{background:#4f46e5;color:#fff}.ops2-btn-primary:hover:not(:disabled){background:#4338ca}.ops2-btn-secondary{background:#f1f5f9;color:#374151;border:1px solid #e2e8f0}.ops2-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.ops2-btn-export{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ops2-btn-export:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.ops2-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ops2-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px #0f172a38;width:100%;max-width:500px;display:flex;flex-direction:column;max-height:90vh}.ops2-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.ops2-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.ops2-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;line-height:1;padding:4px;border-radius:6px;transition:color .15s}.ops2-modal-close:hover{color:#475569}.ops2-modal-body{padding:20px 24px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ops2-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f1f5f9;flex-shrink:0;background:#fff;border-radius:0 0 16px 16px}.ops2-label{display:block;font-size:.78rem;font-weight:600;color:#374151;margin-bottom:4px}.ops2-input{width:100%;font-family:inherit;font-size:.875rem;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;outline:none;transition:border-color .15s;box-sizing:border-box}.ops2-input:focus{border-color:#4f46e5}.ops2-textarea{width:100%;font-family:inherit;font-size:.875rem;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;outline:none;resize:vertical;transition:border-color .15s;box-sizing:border-box}.ops2-textarea:focus{border-color:#4f46e5}@media(max-width:768px){.ops2-summary-grid{grid-template-columns:repeat(2,1fr)}.ops2-table th,.ops2-table td{padding:8px 10px}.ops2-modal{max-width:100%}}.ops2-reprint-source{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;margin-bottom:16px}.ops2-reprint-badge{display:flex;align-items:center;gap:10px;margin-top:6px}.ops2-warn{margin-top:10px;padding:8px 12px;background:#fef3c7;border-left:3px solid #d97706;border-radius:4px;font-size:.82rem;color:#92400e}.ops2-filter-bar{display:flex;align-items:center;gap:10px;padding:12px 20px 0;flex-wrap:wrap}.ops2-search-wrap{position:relative;flex:1;min-width:200px}.ops2-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.ops2-search-input{width:100%;padding:7px 32px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#f8fafc;outline:none;box-sizing:border-box;transition:border-color .15s}.ops2-search-input:focus{border-color:#6366f1;background:#fff}.ops2-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;font-size:.75rem;padding:2px 4px;line-height:1}.ops2-search-clear:hover{color:#475569}.ops2-status-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#f8fafc;outline:none;cursor:pointer;min-width:150px}.ops2-status-select:focus{border-color:#6366f1}.ops2-filter-clear{padding:7px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.8rem;color:#64748b;cursor:pointer;white-space:nowrap}.ops2-filter-clear:hover{background:#f1f5f9;border-color:#cbd5e1}@media(max-width:1024px){.ops2-summary-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.ops2-summary-grid{grid-template-columns:repeat(2,1fr)}}.student-register-actions{display:flex;align-items:center;gap:8px}.student-register-actions .student-search{margin:0}@media(max-width:720px){.student-register-actions{display:grid;grid-template-columns:1fr}.student-register-actions .student-search{width:100%}}