*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f1f5f9;color:#1e293b;line-height:1.5;-webkit-font-smoothing:antialiased}:root{--navy: #0f2744;--primary: #3b82f6;--primary-dark: #2563eb;--primary-soft: #eff6ff;--surface: #ffffff;--surface-soft: #f8fafc;--bg: #f1f5f9;--ink: #1e293b;--muted: #64748b;--muted-light: #94a3b8;--line: #e2e8f0;--line-soft: #f1f5f9;--success: #16a34a;--success-soft: #dcfce7;--danger: #ef4444;--danger-soft: #fee2e2;--warn: #f59e0b;--warn-soft: #fef3c7;--sidebar-w: 220px;--topbar-h: 57px;--radius: 14px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 14px rgba(0,0,0,.1)}.shell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:var(--sidebar-w);background:var(--navy);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden}.sidebar.collapsed{width:52px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo .mark{width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar-logo .name{color:#fff;font-weight:600;font-size:14px;line-height:1}.sidebar-logo .tenant{color:#ffffff59;font-size:10px;margin-top:2px}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-user .avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-dark);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.sidebar-user .uname{color:#fff;font-size:11px;font-weight:500;line-height:1}.sidebar-user .urole{color:#ffffff59;font-size:10px;margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-nav::-webkit-scrollbar{width:0}.nav-section-title{padding:10px 14px 4px;font-size:9px;font-weight:700;letter-spacing:.1em;color:#ffffff40;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:9px;width:calc(100% - 12px);margin:1px 6px;padding:7px 10px;border-radius:8px;border:none;cursor:pointer;font-size:12px;text-decoration:none;background:transparent;color:#ffffff80;transition:background .12s,color .12s}.nav-link:hover{background:#ffffff0f;color:#ffffffd9}.nav-link.active{background:#3b82f633;color:#93c5fd;font-weight:600}.nav-link .nav-ico{font-size:13px;width:16px;text-align:center;flex-shrink:0}.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-toggle{width:100%;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#ffffff59;font-size:10px;cursor:pointer;transition:color .12s,border-color .12s}.sidebar-toggle:hover{color:#fff9;border-color:#fff3}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-eyebrow{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--muted-light);text-transform:uppercase}.topbar-title{font-size:18px;font-weight:700;color:var(--ink);line-height:1.2}.topbar-back{display:flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--line);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:11px;color:var(--muted);font-weight:500;transition:background .12s}.topbar-back:hover{background:var(--surface-soft)}.topbar-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted);background:var(--surface-soft)}.topbar-badge b{font-weight:500;color:var(--ink)}.topbar-profile{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);cursor:default}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.04em}.topbar-profile-info{display:flex;flex-direction:column;line-height:1}.topbar-profile-name{font-size:12px;font-weight:600;color:var(--ink)}.topbar-profile-role{font-size:10px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.topbar-logout{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--primary);color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.topbar-logout:hover{background:var(--primary-dark)}.topbar-logout svg{flex-shrink:0}.content{flex:1;overflow-y:auto;padding:20px 24px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.card-head h2{font-size:13px;font-weight:600;color:var(--ink)}.card-body{padding:16px}.panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.panel-head h2{font-size:13px;font-weight:600;color:var(--ink)}.panel-body{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:14px 16px;box-shadow:var(--shadow)}.kpi>span:first-child{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-bottom:8px}.kpi strong{display:block;font-size:24px;font-weight:800;font-family:monospace;color:var(--ink)}.kpi small{display:block;font-size:10px;color:var(--muted-light);margin-top:4px}.kpi.blue{background:#eff6ff;border-color:#bfdbfe}.kpi.blue strong{color:#1d4ed8}.kpi.violet{background:#f5f3ff;border-color:#ddd6fe}.kpi.violet strong{color:#7c3aed}.kpi.green{background:#f0fdf4;border-color:#bbf7d0}.kpi.green strong{color:#16a34a}.kpi.gold{background:#fffbeb;border-color:#fde68a}.kpi.gold strong{color:#b45309}.kpi.red{background:#fff1f2;border-color:#fecdd3}.kpi.red strong{color:#e11d48}.kpi.navy{background:#f0f4ff;border-color:#c7d2fe}.kpi.navy strong{color:#3730a3}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:background .12s}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:28px;padding:0 10px;font-size:11px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:12px;font-weight:500;border:1px solid var(--line);cursor:pointer;transition:background .12s,color .12s}.btn-ghost:hover{background:var(--surface-soft);color:var(--ink)}.btn-ghost.btn-sm{height:28px;padding:0 10px;font-size:11px}.link-danger{background:none;border:none;cursor:pointer;color:var(--danger);font-size:12px;padding:4px 6px}.link-danger:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;background:var(--surface-soft);color:var(--muted)}.badge.green{background:var(--success-soft);color:var(--success)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.gold{background:#fef3c7;color:#b45309}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.violet{background:#ede9fe;color:#7c3aed}.badge.gray{background:#f1f5f9;color:var(--muted)}.badge.navy{background:#e0e7ff;color:#3730a3}.shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.shortcut-btn{padding:18px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:var(--shadow)}.shortcut-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.shortcut-btn .shortcut-ico{font-size:28px;line-height:1}.shortcut-btn .shortcut-label{font-size:12px;font-weight:600;letter-spacing:.01em}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{background:var(--surface-soft)}th{text-align:left;font-size:10px;font-weight:700;color:var(--muted-light);text-transform:uppercase;letter-spacing:.06em;padding:9px 14px;border-bottom:1px solid var(--line-soft);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--ink)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-soft)}.num{text-align:right}.mono{font-family:monospace}.avatar-initials{width:26px;height:26px;border-radius:50%;background:var(--primary-dark);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700;flex-shrink:0}.field{margin-bottom:14px}.field label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}input,select,textarea{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--ink);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s;font-family:inherit}textarea{height:auto;padding:10px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f;background:var(--surface)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:var(--danger);font-size:12px;padding:10px 14px;margin-bottom:14px}.fieldset-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.search-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.search-input-wrap{position:relative;flex:1;min-width:200px}.search-input-wrap .search-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted-light);font-size:13px;pointer-events:none}.search-input-wrap input{padding-left:30px;height:34px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-soft);border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:8px}.pagination-bar span{font-size:11px;color:var(--muted-light)}.pagination-pages{display:flex;gap:4px}.page-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:11px;cursor:pointer;display:grid;place-items:center;transition:all .1s}.page-btn:hover{background:var(--surface-soft);color:var(--ink)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.page-btn:disabled{opacity:.35;cursor:default}.tabs{display:flex;gap:2px;margin-bottom:14px;border-bottom:1px solid var(--line)}.tab{padding:8px 14px;font-size:12px;font-weight:500;color:var(--muted);border:none;background:transparent;border-bottom:2px solid transparent;cursor:pointer;transition:color .12s,border-color .12s;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f274466;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;width:min(560px,95vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-wide{width:min(760px,95vw)}.bulletin{max-width:720px;margin:0 auto;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:28px}.bulletin-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--navy);margin-bottom:14px}.bulletin-mark{width:44px;height:44px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex-shrink:0}.bulletin-school{flex:1}.bulletin-school strong{display:block;font-size:15px;color:var(--navy);font-weight:700}.bulletin-school span{font-size:11px;color:var(--muted)}.bulletin-title{font-size:13px;font-weight:700;color:var(--navy);letter-spacing:.04em;text-transform:uppercase}.bulletin-identity{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.bulletin-identity>div{background:var(--surface-soft);border-radius:8px;padding:8px 10px}.bulletin-identity span{display:block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light);margin-bottom:3px}.bulletin-identity b{font-size:13px;color:var(--ink)}.bulletin-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:4px}.bulletin-table th{background:var(--navy);color:#fff;padding:6px 10px;font-size:10px;text-align:left}.bulletin-table td{padding:7px 10px;border-bottom:.5px solid var(--line)}.bulletin-table tr:hover td{background:var(--surface-soft)}.bulletin-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:14px}.bulletin-average{background:var(--navy);border-radius:10px;padding:14px 16px;color:#fff}.bulletin-average span{font-size:11px;opacity:.7}.bulletin-average strong{display:block;font-size:28px;font-weight:800;font-family:monospace;margin:4px 0}.bulletin-average strong em{font-size:14px;font-weight:400;opacity:.7}.bulletin-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.bulletin-kpis>div{background:var(--surface-soft);border-radius:8px;padding:8px 10px}.bulletin-kpis span{display:block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light);margin-bottom:3px}.bulletin-kpis b{font-size:14px;font-weight:700}.bulletin-foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px}.sign-line{height:1px;background:var(--ink);width:80px}.empty{text-align:center;padding:40px 20px;color:var(--muted-light);font-size:13px}.loading{text-align:center;padding:40px 20px;color:var(--muted);font-size:13px}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.login-shell{display:flex;height:100vh;overflow:hidden}.login-brand{flex:1;display:flex;flex-direction:column}.login-form-wrap{width:min(480px,50vw);display:flex;align-items:center;justify-content:center;padding:40px 32px;background:#f8fafc}@media (max-width: 768px){.login-form-wrap{width:100%}.login-brand{display:none}}.receipt-banner{background:var(--success-soft);border:1px solid var(--success-soft);border-radius:8px;color:var(--success);font-size:12px;padding:10px 14px;margin-bottom:14px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.view-row{display:flex;flex-direction:column;gap:2px}.view-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light)}.view-value{font-size:13px;color:var(--ink)}@media print{.sidebar,.topbar,.btn,.btn-ghost{display:none!important}.bulletin{box-shadow:none;border:none}}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);text-decoration:none;font-weight:500}.back-link:hover{color:var(--primary)}.detail-head{display:flex;align-items:center;gap:10px;margin:14px 0 10px}.detail-head h1{font-size:22px;font-weight:800;color:var(--ink)}.detail-meta{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:16px;flex-wrap:wrap;gap:0}.detail-meta-item{display:flex;flex-direction:column;gap:2px;padding:4px 16px}.detail-meta-item span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-light)}.detail-meta-item b{font-size:13px;color:var(--ink);font-weight:700}.detail-meta-sep{width:1px;height:32px;background:var(--line);flex-shrink:0}.status-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm)}.status-bar-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.status-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.finance-grid{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:flex-start}@media (max-width: 900px){.finance-grid{grid-template-columns:1fr}}.pick-list{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow-y:auto}.pick-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:8px;border:.5px solid transparent;background:transparent;cursor:pointer;font-size:12px;color:var(--ink);text-align:left;transition:background .1s,border-color .1s;width:100%}.pick-item:hover{background:var(--surface-soft)}.pick-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.pick-item span{font-weight:500}.pick-item small{color:var(--muted-light);font-size:10px}.search-input{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);font-size:12px;outline:none;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}