@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #f5f6fb;--color-surface: #ffffff;--color-border: #e3e6f2;--color-text: #1b1f3b;--color-text-muted: #5b6285;--color-accent: #4338ca;--color-accent-dark: #2f2a8c;--color-accent-soft: #eceafd;--color-amber: #f5a524;--color-amber-soft: #fff3d6;--color-success: #15803d;--color-success-soft: #e2f5e9;--color-warning: #a8590a;--color-warning-soft: #fdf0d8;--color-error: #c2272d;--color-error-soft: #fde8e8;--sidebar-bg: linear-gradient(180deg, #25216b 0%, #191646 100%);--font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Nunito Variable", "Nunito", "Inter Variable", system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 2px rgba(25, 22, 70, .05), 0 6px 18px rgba(25, 22, 70, .05);--focus-ring: 0 0 0 3px rgba(67, 56, 202, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;margin:0 0 12px;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.08rem}p{line-height:1.55}a{color:var(--color-accent)}.muted{color:var(--color-text-muted);font-size:.92rem}.hint{color:var(--color-text-muted);font-size:.8rem;margin-top:2px}:focus-visible{outline:3px solid rgba(67,56,202,.45);outline-offset:2px;border-radius:6px}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.skip-link{position:absolute;left:-999px;top:8px;background:var(--color-accent);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);z-index:200}.skip-link:focus{left:12px}.sidebar{width:272px;flex-shrink:0;background:var(--sidebar-bg);color:#e6e5ff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:12px;padding:3px;flex-shrink:0}.sidebar-logo-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-amber);color:#3b2500}.sidebar-brand-text{min-width:0;flex:1}.sidebar-school{font-family:var(--font-display);font-weight:800;font-size:1.02rem;line-height:1.15;overflow-wrap:anywhere}.sidebar-portal{font-size:.74rem;font-weight:600;color:#b9b6f0;margin-top:2px}.sidebar-close{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:6px;border-radius:8px}.sidebar-nav{flex:1;overflow-y:auto;padding:6px 12px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.nav-group-title{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800;color:#a7a4e8;padding:16px 12px 6px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;margin:1px 0;border-radius:10px;color:#dcdbff;text-decoration:none;font-size:.92rem;font-weight:600}.sidebar-link-icon{display:inline-flex;opacity:.9}.sidebar-link:hover{background:#ffffff17;color:#fff}.sidebar-link.active{background:#fff;color:var(--color-accent);box-shadow:0 2px 10px #0000002e}.sidebar-link:focus-visible{outline-color:#fff}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-signout{display:flex;align-items:center;gap:10px;width:100%;background:#ffffff14;color:#fff;border:0;cursor:pointer;padding:10px 12px;border-radius:10px;font:inherit;font-weight:600;font-size:.9rem}.sidebar-signout:hover{background:#ffffff29}.sidebar-scrim{display:none}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 32px;background:#f5f6fbeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.topbar-crumbs{flex:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:10px}.menu-button{display:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:8px;cursor:pointer;color:var(--color-text)}.topbar-refresh{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:7px 14px;font:inherit;font-size:.85rem;font-weight:700}.topbar-refresh:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.topbar-refresh:disabled{opacity:.75;cursor:progress}.topbar-updated{font-weight:500;color:var(--color-text-muted);font-size:.78rem}.breadcrumbs{font-size:.88rem}.crumb-back{display:none;align-items:center;gap:6px;text-decoration:none;font-weight:700;color:var(--color-accent);padding:6px 0}.crumb-trail{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px}.crumb-trail li{display:inline-flex;align-items:center;gap:2px}.crumb-trail a{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--color-text-muted);padding:4px 6px;border-radius:6px;font-weight:600}.crumb-trail a:hover{background:var(--color-accent-soft);color:var(--color-accent)}.crumb-sep{color:#a3a8c6}.crumb-current{font-weight:800;color:var(--color-text);padding:4px 6px}.user-menu{position:relative}.user-button{display:inline-flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:4px 12px 4px 4px;cursor:pointer;font:inherit;color:var(--color-text)}.user-button:hover{border-color:var(--color-accent)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent);color:#fff;font-weight:800;font-size:.82rem;font-family:var(--font-display)}.user-button-text{display:flex;flex-direction:column;text-align:left;line-height:1.15}.user-name{font-weight:700;font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.72rem;color:var(--color-text-muted)}.user-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:250px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 12px 32px #1916462e;padding:8px;z-index:60}.user-popover-head{display:flex;gap:10px;padding:10px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.user-popover a,.user-popover button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;text-decoration:none;background:none;border:0;padding:10px;border-radius:8px;font:inherit;font-size:.9rem;font-weight:600;color:var(--color-text);cursor:pointer}.user-popover a:hover,.user-popover button:hover{background:var(--color-accent-soft);color:var(--color-accent)}.offline-banner{display:flex;align-items:center;gap:8px;padding:10px 32px;background:var(--color-warning-soft);color:var(--color-warning);font-weight:600;font-size:.88rem;border-bottom:1px solid #f1d9aa}.app-content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 32px 72px;outline:none}.page-loading{padding:40px;color:var(--color-text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:14px}.page-header h1,.page-header h2,.page-header h3{margin-bottom:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:18px}.page-head-text{display:flex;align-items:center;gap:14px;min-width:0}.page-head h1{margin:0}.page-head-sub{margin:4px 0 0;color:var(--color-text-muted);max-width:70ch}.page-head-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--color-accent-soft);color:var(--color-accent);flex-shrink:0}.page-head-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 960px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:90;width:min(86vw,310px);transform:translate(-102%);transition:transform .22s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #0a082873}.sidebar-close{display:inline-flex}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0d3280;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.menu-button{display:inline-flex}.topbar{padding:8px 14px}.crumb-back{display:inline-flex}.crumb-trail{display:none}.app-content{padding:20px 16px 64px}.offline-banner{padding:10px 16px}.topbar-updated,.user-button-text{display:none}.user-button{padding:4px}.user-button svg{display:none}}@media (max-width: 520px){h1{font-size:1.45rem}.topbar-refresh-text{display:none}.topbar-refresh{padding:9px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.sidebar,.sidebar-scrim{transition:none}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(29,78,216,.1),transparent 30%),radial-gradient(circle at 85% 85%,rgba(20,50,107,.06),transparent 32%),var(--color-bg)}.auth-card{width:100%;max-width:420px;padding:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 50px #14326b1a,0 4px 12px #14326b0d}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.auth-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:var(--color-accent-dark);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:-.02em;box-shadow:0 4px 10px #14326b29}.auth-brand-name{color:var(--color-accent-dark);font-size:.95rem;font-weight:700;line-height:1.2}.auth-brand-subtitle{margin-top:3px;color:var(--color-text-muted);font-size:.72rem;line-height:1.2}.auth-header{margin-bottom:28px}.auth-header h1{margin:0 0 7px;color:var(--color-text);font-size:1.7rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.auth-header .muted{margin:0;font-size:.9rem;line-height:1.55}.auth-form{width:100%}.auth-card .field{margin-bottom:19px;gap:7px}.auth-card .field>span,.password-label-row label{color:var(--color-text);font-size:.84rem;font-weight:600}.auth-card input{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font-family:inherit;font-size:.9rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-card input::placeholder{color:#8b98aa}.auth-card input:hover:not(:disabled){border-color:#aebed3}.auth-card input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1d4ed81f}.auth-card input:disabled{background:var(--color-bg);cursor:not-allowed;opacity:.75}.password-field{margin-bottom:18px}.password-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:62px}.password-toggle{position:absolute;top:50%;right:11px;transform:translateY(-50%);padding:5px 4px;border:0;background:transparent;color:var(--color-accent);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.password-toggle:hover:not(:disabled){color:var(--color-accent-dark);text-decoration:underline}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.auth-link-button{padding:0;border:0;background:transparent;color:var(--color-accent);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer}.auth-link-button:hover:not(:disabled){color:var(--color-accent-dark);text-decoration:underline}.auth-link-button:disabled{cursor:not-allowed;opacity:.5}.auth-message{display:flex;align-items:flex-start;gap:9px;margin:5px 0 18px;padding:11px 12px;border-radius:8px;font-size:.8rem;line-height:1.45}.auth-message-icon{width:19px;height:19px;display:flex;align-items:center;justify-content:center;flex:0 0 19px;border-radius:50%;font-size:.7rem;font-weight:800}.auth-message-error{border:1px solid #efb8b8;background:var(--color-error-soft);color:var(--color-error)}.auth-message-error .auth-message-icon{background:#f4cccc;color:#9f2929}.auth-message-success{border:1px solid #b9dfc7;background:var(--color-success-soft);color:var(--color-success)}.auth-message-success .auth-message-icon{background:#ccebd7;color:#17663f}.auth-submit{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:3px;border-radius:8px;font-size:.9rem;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.auth-submit:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:0 4px 10px #14326b26}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:focus-visible{outline:3px solid rgba(29,78,216,.2);outline-offset:2px}.auth-spinner{width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-back-button{width:100%;margin-top:15px;padding:8px;border:0;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer}.auth-back-button:hover:not(:disabled){color:var(--color-accent)}.auth-back-button:disabled{cursor:not-allowed;opacity:.5}.auth-footer{margin-top:27px;padding-top:18px;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.7rem}.auth-link-button:focus-visible,.password-toggle:focus-visible,.auth-back-button:focus-visible{outline:3px solid rgba(29,78,216,.18);outline-offset:2px;border-radius:4px}@media (max-width: 480px){.auth-page{min-height:100dvh;padding:16px}.auth-card{max-width:420px;padding:30px 24px;border-radius:10px}.auth-brand{margin-bottom:30px}.auth-header h1{font-size:1.5rem}}@media (max-width: 360px){.auth-page{padding:10px}.auth-card{padding:26px 20px}.password-label-row{align-items:flex-start;flex-direction:column;gap:5px}}@media (prefers-reduced-motion: reduce){.auth-card input,.auth-submit{transition:none}.auth-spinner{animation:none}}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;font-size:.88rem;font-weight:500}.field-inline{display:flex;align-items:center;gap:6px;font-size:.88rem}input,select,textarea{font-family:inherit;font-size:.92rem;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.search-input{width:100%;max-width:420px;padding:10px 12px;margin-bottom:16px}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.form{max-width:480px}.btn{font-family:inherit;font-size:.88rem;font-weight:600;padding:9px 16px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover{background:var(--color-surface);border-color:var(--color-accent)}.link-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.profile-grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:16px}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.profile-photo-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.profile-photo{width:140px;height:140px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:8px}.profile-photo.placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg);font-size:.8rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-accent-dark)}.stat-label{font-size:.82rem;color:var(--color-text-muted);margin-top:4px}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg);font-weight:600;font-size:.8rem;color:var(--color-text-muted)}.data-table.compact th,.data-table.compact td{padding:6px 10px}.pagination{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:.88rem}.plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.ptm-history-list{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px;font-size:.88rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.76rem;font-weight:600;background:var(--color-bg);color:var(--color-text-muted)}.badge-active,.badge-present{background:var(--color-success-soft);color:var(--color-success)}.badge-absent{background:var(--color-error-soft);color:var(--color-error)}.badge-late,.badge-leave{background:var(--color-warning-soft);color:var(--color-warning)}.status-toggle{display:flex;gap:4px}.chip{padding:5px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.78rem;cursor:pointer;text-transform:capitalize}.chip-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.alert{padding:10px 14px;border-radius:var(--radius);background:var(--color-accent-soft);color:var(--color-text);font-size:.88rem;margin:10px 0}.alert-error{background:var(--color-error-soft);color:var(--color-error)}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;max-width:340px}.toast{padding:12px 16px;border-radius:var(--radius);font-size:.88rem;font-weight:500;color:#fff;box-shadow:0 4px 16px #14326b2e;display:flex;align-items:center;justify-content:space-between;gap:12px}.toast span{cursor:pointer}.toast-action{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0}.toast-action:hover{background:#ffffff4d}.toast-success{background:var(--color-accent-dark)}.toast-error{background:var(--color-error)}.toast-info{background:var(--color-text-muted)}.attendance-strip{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.attendance-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.attendance-dot-present{background:var(--color-success)}.attendance-dot-absent{background:var(--color-error)}.attendance-dot-late,.attendance-dot-leave{background:var(--color-warning)}.value-warning{color:var(--color-warning)}.value-good{color:var(--color-success)}.remark-item{padding-bottom:10px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.remark-meta{font-size:.8rem;margin-bottom:2px}.picker-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border)}.picker-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 4px;margin-right:16px;font-size:.88rem;font-weight:600;color:var(--color-text-muted);cursor:pointer}.picker-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:14px}.roster-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px;cursor:pointer;text-align:center;font-family:inherit}.roster-card:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.roster-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:6px}.roster-photo.placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted);font-size:.7rem}.roster-name{font-size:.82rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-meta{font-size:.72rem;color:var(--color-text-muted)}.result-card{background:#fff;padding:24px}.result-header{text-align:center}.result-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.9rem}@media print{.no-print{display:none!important}.app-shell{display:block}.sidebar,.sidebar-scrim,.topbar,.offline-banner,.skip-link,.breadcrumbs{display:none!important}.app-main{display:block}.app-content{padding:0;max-width:none}.print-area{box-shadow:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pw-checklist{list-style:none;margin:4px 0 12px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.84rem}.pw-check-todo{color:var(--color-text-muted)}.pw-check-ok{color:var(--color-success);font-weight:600}.account-details{display:grid;grid-template-columns:90px 1fr;gap:6px 12px;margin:0 0 8px;font-size:.92rem}.account-details dt{color:var(--color-text-muted)}.account-details dd{margin:0;font-weight:600;word-break:break-word}.perf-fail{background:var(--color-error-soft);color:var(--color-error);font-weight:700}.perf-fail-strong{box-shadow:inset 3px 0 0 var(--color-error)}.perf-fail-text{color:var(--color-error)}.perf-row-risk td:first-child{box-shadow:inset 4px 0 0 var(--color-error)}.perf-empty{color:var(--color-text-muted)}.perf-total{color:var(--color-text-muted);font-weight:400;font-size:.78em}.perf-table td,.perf-table th{white-space:nowrap}.perf-table td:first-child{white-space:normal;min-width:160px}.perf-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px}.perf-legend-red{background:var(--color-error)}.perf-legend-amber{background:var(--color-warning)}.stat-card-risk{border-color:var(--color-error);background:var(--color-error-soft)}.stat-card-risk .stat-value{color:var(--color-error)}.perf-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.perf-chips{display:flex;flex-wrap:wrap;gap:8px}.perf-chip{font-family:inherit;font-size:.85rem;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.perf-chip:hover{border-color:var(--color-accent)}.perf-chip-count{display:inline-block;min-width:22px;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--color-bg);color:var(--color-text-muted);text-align:center;font-size:.78rem}.perf-chip-risk{border-color:var(--color-error);color:var(--color-error)}.perf-chip-risk .perf-chip-count{background:var(--color-error);color:#fff}.perf-chip-warn{border-color:var(--color-warning);color:var(--color-warning)}.perf-chip-warn .perf-chip-count{background:var(--color-warning);color:#fff}.perf-chip-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.perf-chip-active .perf-chip-count{background:#ffffff40;color:#fff}@media print{.perf-fail,.perf-row-risk td:first-child,.stat-card-risk,.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.rp-picklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 16px;max-height:220px;overflow:auto}.rp-pick{display:flex;align-items:center;gap:8px;font-size:.88rem;padding:3px 0}.rp-preview{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:12px}.rp-page{background:#fff;color:#111;width:100%;max-width:210mm;min-height:140mm;padding:10mm 11mm;border:1px solid var(--color-border);box-shadow:0 2px 10px #14326b1f;font-size:11px;line-height:1.35}.rp-sheet{max-width:297mm}.rp-header{border-bottom:3px solid var(--color-accent-dark);padding-bottom:8px;margin-bottom:10px}.rp-brand{display:flex;align-items:center;gap:14px}.rp-logo{width:62px;height:62px;object-fit:contain;flex-shrink:0}.rp-school-block{flex:1;text-align:center}.rp-school-name{font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--color-accent-dark);text-transform:uppercase}.rp-tagline{font-style:italic;color:#444;margin-top:1px}.rp-contact{color:#333;font-size:10px;margin-top:3px}.rp-brand:has(.rp-logo) .rp-school-block{padding-right:62px}.rp-title-band{margin-top:8px;text-align:center}.rp-title{display:inline-block;background:var(--color-accent-dark);color:#fff;padding:3px 22px;font-weight:700;letter-spacing:.12em;font-size:12px;border-radius:2px}.rp-subtitle{margin-top:4px;font-weight:600;color:#222}.rp-student{display:flex;gap:12px;margin-bottom:10px}.rp-photo-box{width:76px;height:92px;flex-shrink:0;border:1px solid #999}.rp-photo{width:100%;height:100%;object-fit:cover;display:block}.rp-photo-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:10px}.rp-info{flex:1;border-collapse:collapse}.rp-info th{text-align:left;width:18%;color:#444;font-weight:600;padding:3px 6px;background:#f1f4fa;border:1px solid #cfd6e6}.rp-info td{padding:3px 6px;border:1px solid #cfd6e6;font-weight:600;width:32%}.rp-note{background:#fff6e0;border:1px solid #e8c77a;color:#6a4a00;padding:4px 8px;margin-bottom:8px;font-size:10.5px}.rp-marks{width:100%;border-collapse:collapse;margin-bottom:8px}.rp-marks th,.rp-marks td{border:1px solid #b8c1d6;padding:4px 6px;text-align:center}.rp-marks thead th{background:var(--color-accent-dark);color:#fff;font-weight:600}.rp-marks .rp-left{text-align:left}.rp-marks tbody tr:nth-child(2n) td{background:#f7f9fd}.rp-marks tfoot td{font-weight:700;background:#e8eefc}.rp-sheet-table{font-size:10px}.rp-sheet-table th,.rp-sheet-table td{padding:3px 4px}.rp-marks thead{display:table-header-group}.rp-marks tr{page-break-inside:avoid}.rp-fail{color:#b3261e!important;font-weight:700}.rp-ok{color:#1a7a4c;font-weight:600}.rp-muted{color:#777}.rp-row-fail td{background:#fdecea!important}.rp-small{font-size:9px;color:#666;font-weight:400}.rp-summary{display:flex;gap:8px;margin:8px 0}.rp-summary-item{flex:1;border:1px solid #b8c1d6;border-radius:3px;padding:5px 8px;text-align:center;background:#f7f9fd}.rp-summary-item span{display:block;font-size:9.5px;color:#555;text-transform:uppercase;letter-spacing:.05em}.rp-summary-item strong{font-size:16px}.rp-summary-item small{font-size:10px;font-weight:400}.rp-result-pass{background:#e3f5ea;border-color:#1a7a4c}.rp-result-pass strong{color:#1a7a4c}.rp-result-fail{background:#fdecea;border-color:#b3261e}.rp-result-fail strong{color:#b3261e}.rp-failed-in{color:#b3261e;font-weight:600;margin-bottom:6px}.rp-graph{margin-top:8px;page-break-inside:avoid}.rp-graph-row{display:flex;gap:12px}.rp-graph-row .rp-graph{flex:1}.rp-graph-title{font-weight:700;color:var(--color-accent-dark);border-bottom:1px solid #cfd6e6;margin-bottom:2px;padding-bottom:2px}.rp-chart{width:100%;height:auto;display:block}.rp-grid{stroke:#dfe5f2;stroke-width:1}.rp-axis{font-size:8px;fill:#555}.rp-label{font-size:8.5px;fill:#222}.rp-value{font-size:8.5px;fill:#111;font-weight:700}.rp-bar{fill:var(--color-accent)}.rp-bar-fail{fill:#b3261e}.rp-compare{stroke:#111;stroke-width:2}.rp-threshold{stroke:#b3261e;stroke-width:1;stroke-dasharray:4 3}.rp-threshold-text{font-size:8px;fill:#b3261e}.rp-line{stroke:var(--color-accent);stroke-width:2.2;fill:none}.rp-line-muted{stroke:#8a94a8;stroke-width:1.6;stroke-dasharray:4 3}.rp-dot{fill:var(--color-accent)}.rp-dot-muted{fill:#8a94a8}.rp-trend-note{font-size:10.5px;margin-top:2px}.rp-footer{margin-top:18px}.rp-signatures{display:flex;justify-content:space-around;gap:24px;margin-top:26px}.rp-signature{flex:1;text-align:center;font-weight:600}.rp-signature-line{border-top:1px solid #333;margin-bottom:3px}.rp-signature-name{font-weight:400;font-size:10px;color:#444}.rp-footnote{margin-top:10px;text-align:center;font-style:italic;color:#444}.rp-printed{margin-top:6px;text-align:right;font-size:9px;color:#777}@page{size:A4;margin:8mm}@media print{body{background:#fff}.rp-preview{display:block;margin:0}.rp-page{max-width:none;width:100%;min-height:0;border:none;box-shadow:none;padding:0;page-break-after:always;break-after:page}.rp-page:last-child{page-break-after:auto;break-after:auto}.rp-sheet{page-break-after:auto}.rp-marks thead th,.rp-marks tfoot td,.rp-bar,.rp-bar-fail,.rp-row-fail td,.rp-result-pass,.rp-result-fail,.rp-title,.rp-info th,.rp-summary-item,.rp-compare,.rp-threshold,.rp-line,.rp-dot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.rp-settings-preview{background:#fff;padding:14px 18px;max-width:760px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 18px}.settings-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.settings-fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;margin:0}.settings-fieldset legend{font-weight:600;font-size:.88rem;padding:0 6px}.settings-check{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;padding:3px 0}.settings-check input{margin-top:3px}.quick-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;margin-bottom:0}.quick-link:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.pick-row{display:flex;align-items:center;gap:8px;padding:3px 0}code{background:var(--color-accent-soft);padding:1px 6px;border-radius:4px;font-size:.92em}.cred-slips{display:none}@media print{.cred-slips{display:grid;grid-template-columns:repeat(2,1fr);gap:8mm}.cred-slip{border:1px dashed #666;padding:5mm;break-inside:avoid;page-break-inside:avoid;color:#111;background:#fff}.cred-slip-school{font-weight:800;color:var(--color-accent-dark);text-transform:uppercase;font-size:11px;letter-spacing:.04em}.cred-slip-name{font-size:15px;font-weight:700;margin-top:3mm}.cred-slip-meta{font-size:11px;color:#444;margin-bottom:3mm}.cred-slip-row{display:flex;justify-content:space-between;font-size:13px;padding:1.5mm 0;border-top:1px solid #ccc}.cred-slip-row strong{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}.cred-slip-note{font-size:9.5px;color:#555;margin-top:3mm}}.hist-bar{fill:var(--color-accent)}.hist-bar-fail{fill:var(--color-error)}.hist-bar-prev{fill:#9aa7bd}.hist-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}.hist-delta-up{color:var(--color-success);font-weight:700}.hist-delta-down{color:var(--color-error);font-weight:700}@media print{.hist-bar,.hist-bar-fail,.hist-bar-prev{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:10px;font-weight:700;font-size:.9rem;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 6px #4338ca47}.btn-primary:hover:not(:disabled){background:var(--color-accent-dark)}.btn-primary:disabled{opacity:.55;box-shadow:none}.btn-ghost{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-ghost:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.btn-ghost:disabled{opacity:.55}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#9f1d22}.btn-danger:disabled{opacity:.55}.btn-sm{min-height:34px;padding:5px 12px;font-size:.82rem}.link-btn{font-weight:600}.link-btn:hover{color:var(--color-accent-dark)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{font-weight:700;font-size:.86rem;gap:6px}input,select,textarea{font-size:.95rem;padding:9px 12px;min-height:42px;border:1px solid #cfd4e8;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#9aa1cf}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}input:disabled,select:disabled,textarea:disabled{background:#f0f1f8;color:var(--color-text-muted)}input[type=checkbox],input[type=radio]{min-height:0;width:18px;height:18px;accent-color:var(--color-accent);padding:0}textarea{min-height:96px}.form{max-width:560px}.inline-form{gap:10px}.card{border-radius:16px;padding:22px;border-color:var(--color-border)}.card>h3:first-child{margin-top:0}.card-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.quick-link{position:relative;gap:6px;padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;border-left:5px solid var(--color-accent)}.quick-link strong{font-family:var(--font-display);font-size:1.02rem;color:var(--color-text)}.quick-link:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1916461f;border-color:var(--color-accent);background:#fff}.quick-link:after{content:"→";position:absolute;right:18px;top:16px;color:var(--color-accent);font-weight:800;opacity:0;transition:opacity .15s,transform .15s}.quick-link:hover:after{opacity:1;transform:translate(3px)}.card-grid .quick-link:nth-child(4n+2){border-left-color:var(--color-amber)}.card-grid .quick-link:nth-child(4n+3){border-left-color:#0d9488}.card-grid .quick-link:nth-child(4n+4){border-left-color:#db2777}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat-card{border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--color-accent)}.stat-value{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--color-text);line-height:1.1}.stat-label{font-weight:600;margin-top:6px}.stat-card-risk:before{background:var(--color-error)}.data-table{border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}.data-table th{background:#eef0fb;color:#3d4372;font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:12px}.data-table td{padding:11px 12px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#f8f8ff}.data-table.compact th,.data-table.compact td{padding:7px 10px}@media (max-width: 760px){.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.card{padding:16px}}.badge{padding:3px 10px;font-weight:700;font-size:.74rem}.chip,.perf-chip{border-radius:999px}.chip-active{background:var(--color-accent)}.alert{border-radius:12px;padding:12px 16px;border:1px solid #d6d2fa;border-left:5px solid var(--color-accent);background:var(--color-accent-soft);font-size:.92rem}.alert-error{border-color:#f3c3c3;border-left-color:var(--color-error);background:var(--color-error-soft);color:#7d1a1e}.toast{border-radius:12px;font-weight:600;box-shadow:0 10px 28px #19164647}.toast-stack{bottom:20px;right:20px}@media (max-width: 600px){.toast-stack{left:12px;right:12px;bottom:12px;max-width:none}}.empty-state{text-align:center;padding:44px 20px;background:var(--color-surface);border:2px dashed #d3d7ee;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.empty-state h3{margin:6px 0 0}.empty-state p{max-width:46ch;margin:0 0 10px}.empty-icon{width:60px;height:60px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center}.loading-block{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton-row{height:18px;border-radius:9px;background:linear-gradient(90deg,#e8eaf6 25%,#f4f5fb 37%,#e8eaf6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton-row{animation:none}.spin{animation-duration:3s}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;background:#14123c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .15s ease}.modal{width:100%;max-width:470px;background:#fff;border-radius:20px;padding:26px 26px 22px;box-shadow:0 24px 60px #14123c66;animation:pop-in .18s ease}.modal-icon{width:46px;height:46px;border-radius:14px;background:var(--color-accent-soft);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.modal-danger .modal-icon{background:var(--color-error-soft);color:var(--color-error)}.modal-title{font-size:1.25rem;margin-bottom:8px}.modal-body{color:var(--color-text-muted);line-height:1.55}.modal-body strong{color:var(--color-text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal,.modal-backdrop{animation:none}}.hero{position:relative;overflow:hidden;border-radius:20px;padding:26px 28px;margin-bottom:20px;color:#fff;background:linear-gradient(120deg,#3a30c4,#5b4be0 55%,#7a5cf0);box-shadow:0 10px 30px #4338ca47}.hero:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff1a}.hero:before{content:"";position:absolute;right:90px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:#f5a52447}.hero h1{color:#fff;margin:0 0 6px;position:relative;z-index:1}.hero p{margin:0;color:#e7e5ff;position:relative;z-index:1;max-width:60ch}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;position:relative;z-index:1}.hero-pill{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.section-title h2,.section-title h3{margin:0}.bulk-card{border:2px solid var(--color-accent);background:linear-gradient(180deg,#fbfaff,#fff)}.progress{height:12px;background:#e8eaf6;border-radius:999px;overflow:hidden;margin:10px 0 4px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),#7a5cf0);border-radius:999px;transition:width .3s ease}@media print{.cred-group{break-before:page}.cred-group:first-child{break-before:auto}.cred-group-title{font-family:var(--font-display);font-weight:800;font-size:14px;margin:0 0 6mm}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:76px}body{overflow-wrap:break-word}.app-main,.app-content{min-width:0}img,svg,video{max-width:100%}@media screen{.topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}}@media screen and (max-width: 960px){.sidebar{height:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar-nav{overscroll-behavior:contain}.app-content{padding-bottom:max(64px,calc(40px + env(safe-area-inset-bottom)));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.sidebar-link{min-height:46px}.user-popover{min-width:0;width:min(280px,calc(100vw - 24px))}.page-head-actions{width:100%}}@media screen and (pointer: coarse),screen and (max-width: 760px){input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px;min-height:44px}.btn,.chip,.picker-tab,.perf-chip{min-height:44px}.btn-sm{min-height:40px}input[type=checkbox],input[type=radio]{width:22px;height:22px}.link-btn{padding:8px 4px;min-height:36px}.field-inline{gap:8px}.menu-button,.sidebar-close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.topbar-refresh,.user-button{min-height:44px}}@media screen and (max-width: 760px){.data-table:not(.cards-mobile) th:first-child,.data-table:not(.cards-mobile) td:first-child{position:sticky;left:0;z-index:1;background:var(--color-surface);box-shadow:1px 0 0 var(--color-border)}.data-table:not(.cards-mobile) th:first-child{background:#eef0fb;z-index:2}.data-table:not(.cards-mobile) tbody tr:hover td:first-child{background:#f8f8ff}.data-table th,.data-table td{padding:10px}.perf-table td:first-child{min-width:140px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px 14px 14px 18px}.stat-value{font-size:1.45rem}.card{padding:14px;border-radius:14px}.pagination{justify-content:space-between;flex-wrap:wrap}.page-head-icon{width:40px;height:40px}.perf-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-right:-16px;padding-right:16px;scrollbar-width:none}.perf-chips::-webkit-scrollbar{display:none}.perf-chip{white-space:nowrap;flex-shrink:0}.picker-tabs{overflow-x:auto}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}@media screen and (max-width: 640px){h1{font-size:1.35rem}h2{font-size:1.15rem}.inline-form{gap:10px}.inline-form>select,.inline-form>input:not([type=checkbox]):not([type=radio]),.inline-form>textarea,.inline-form>label.field-inline,.search-input{flex:1 1 100%;width:100%!important;min-width:0!important;max-width:none!important}.inline-form>.btn,.inline-form>a.btn{flex:1 1 auto;text-align:center}.field-inline>select,.field-inline>input:not([type=checkbox]):not([type=radio]){flex:1;min-width:0}.field-inline{flex-wrap:wrap}.form,.card.form,form.card{max-width:none!important}.page-header>.btn,.page-head-actions .btn{flex:1 1 auto;text-align:center}.stat-value{font-size:1.3rem}.data-table.cards-mobile{display:block;overflow:visible;box-shadow:none;background:transparent;width:100%;max-width:100%;border-radius:0}.cards-mobile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cards-mobile tbody,.cards-mobile tr,.cards-mobile td{display:block;width:100%}.cards-mobile tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:6px 14px;margin-bottom:10px;box-shadow:var(--shadow-card)}.cards-mobile td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;padding:9px 0;border-bottom:1px solid #eef0fb;background:transparent!important;position:static;box-shadow:none}.cards-mobile td:last-child{border-bottom:0}.cards-mobile td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#3d4372}.cards-mobile td:not([data-label]):before{content:none}.cards-mobile td.cell-title{display:block;text-align:left;font-weight:700;font-size:1rem;padding:10px 0 8px}.cards-mobile td.cell-wide{display:block;text-align:left}.cards-mobile td:empty{display:none}.status-toggle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.status-toggle .chip{padding:8px 2px;font-size:.8rem;text-align:center}.cards-mobile td input[type=number]{width:120px!important;text-align:right}.sticky-actions{position:sticky;bottom:0;z-index:20;margin:12px -16px 0!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--color-bg);box-shadow:0 -10px 14px -10px #19164640;flex-wrap:nowrap!important}.sticky-actions .btn{flex:1}.sticky-actions .hint{display:none}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:20px 20px 0 0;max-height:92dvh;overflow-y:auto;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.toast-stack{bottom:max(12px,env(safe-area-inset-bottom))}.auth-page{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media screen and (max-width: 360px){.stat-grid{grid-template-columns:1fr}.app-content{padding-left:12px;padding-right:12px}}