:root{--bg: #f3f4f6;--card: #ffffff;--ink: #0f172a;--sub: #5b6473;--line: rgba(15, 23, 42, .08);--shadow: 0 10px 25px -12px rgba(15, 23, 42, .25);--primary: #0f766e;--primary-ink: #0b3a36;--accent: #c7a35a;--accent-ink: #6b4e1e;--success: #10b981;--warn: #f59e0b;--danger: #ef4444;--sidebar-bg: #064e3b;--sidebar-ink: #ecfdf5;--sidebar-sub: rgba(226, 232, 240, .8);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--burger-reserve: 72px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#14b8a640}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}*::-webkit-scrollbar-track{background:transparent}.app{display:flex;min-height:100vh;width:100%}.auth-wrap,.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.sidebar{width:260px;min-width:260px;background:var(--sidebar-bg);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:22px 18px;position:sticky;top:0;height:100vh;border-right:none;box-shadow:2px 0 18px #0f172a59;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav{display:flex;flex-direction:column;gap:8px;margin-top:6px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:16px}.sidebar .brand img{width:clamp(120px,70%,220px);height:auto;object-fit:contain;background:transparent;border-radius:0;border:0}.sidebar .brand .title{font-weight:900;letter-spacing:.1px;color:#fff}.sidebar .brand .sidebar-close{display:none;margin-left:auto;background:#0f172a0f;color:var(--sidebar-ink);border:1px solid var(--line);border-radius:10px;padding:6px 10px;cursor:pointer}.sidebar .divider{height:1px;background:#ffffff73;width:85%;margin:8px 0 14px 7.5%;border-radius:999px}.nav{display:flex;flex-direction:column;gap:8px;margin-top:6px}.nav .item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:var(--sidebar-ink);border-radius:var(--radius-sm);transition:.18s;cursor:pointer;font-weight:650;background:transparent}.nav .item:hover{background:#0f172a52}.nav .item.active{background:#0f172a99;color:#fff;font-weight:800}.nav-group{margin-bottom:6px}.chev{margin-left:10px;opacity:.55;transition:transform .15s ease}.chev.open{transform:rotate(90deg)}.submenu{margin:6px 0 6px 10px;padding-left:10px;border-left:1px solid var(--line)}.nav .item.child{justify-content:flex-start;gap:10px;font-size:13px;padding:8px 12px;color:var(--sidebar-sub);font-weight:650}.nav .item.child.active{background:#0f172ab3;color:#fff}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;background:#ef4444f2;color:#fff;line-height:18px}.content{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:18px 24px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}.toolbar-left{flex:1 1 auto;display:flex;align-items:center}.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-welcome{font-weight:800;font-size:18px;color:var(--ink);letter-spacing:.02em;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-icon-btn{position:relative;height:44px;width:44px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub);transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.toolbar-icon-btn svg{width:18px;height:18px}.toolbar-icon-btn:hover{background:#f3f4f6;box-shadow:0 3px 8px #0f172a26;transform:translateY(-1px)}.toolbar-icon-btn:active{transform:translateY(0);box-shadow:none}.toolbar-avatar{height:44px;width:44px;border-radius:999px;border:none;background:#0f766e;color:#ecfdf5;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0f766e59;transition:transform .1s ease,box-shadow .15s ease,filter .15s ease}.toolbar-avatar:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 14px #0f766e73}.toolbar-avatar:active{transform:translateY(0);box-shadow:none}.toolbar-logout{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#fff;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.toolbar-logout--right{margin-left:4px}.toolbar-logout:hover{background:#f9fafb;box-shadow:0 3px 10px #0f172a1f;transform:translateY(-1px)}.toolbar-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #f3f4f6}.toolbar-logout:active{transform:translateY(0);box-shadow:none}.toolbar-search-popover{position:relative;display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 12px;border:1px solid rgba(148,163,184,.55);box-shadow:0 10px 30px #0f172a1f;margin-left:6px;flex-shrink:0}.toolbar-search-popover input{border:0;outline:0;min-width:280px;max-width:340px;background:transparent;color:var(--ink)}.toolbar-search-popover input::placeholder{color:var(--sub)}@media (max-width: 720px){.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar-left{width:100%}.toolbar-welcome{max-width:100%;white-space:normal}.toolbar-right{width:100%;justify-content:flex-end;flex-wrap:wrap;row-gap:8px}.toolbar-icon-btn,.toolbar-avatar,.toolbar-logout{order:1}.toolbar-search-popover{width:100%;margin-left:0;margin-top:4px;box-shadow:0 6px 18px #0f172a2e;flex-basis:100%;order:2}.toolbar-search-popover input{width:100%;min-width:0;max-width:none}}.grid{padding:18px 22px;display:grid;gap:18px;grid-template-columns:1fr}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-header .title{margin:0;font-size:24px;font-weight:900;letter-spacing:.2px;color:var(--ink)}.page-header .subtitle{margin-top:6px;font-size:14px;color:var(--sub)}.hero{border-radius:var(--radius);padding:18px;background:linear-gradient(135deg,#0f766eeb,#0f766ec7);color:#fff;box-shadow:var(--shadow)}.hero .kicker{opacity:.9;font-size:13px}.hero .hero-title{margin:6px 0 0;font-size:26px;font-weight:950;letter-spacing:.2px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card .meta{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-card .label{margin:0;font-size:12px;color:var(--sub);font-weight:800;letter-spacing:.2px}.stat-card .value{margin:0;font-size:22px;font-weight:950;color:var(--ink)}.stat-card .icon{height:40px;width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0f766e1f;color:var(--primary);flex:0 0 auto}.stat-card.accent .icon{background:#c7a35a2e;color:var(--accent-ink)}.stat-card.stat-teal .value{color:var(--primary)}.stat-card.stat-teal .icon{background:#0f766e1f;color:var(--primary)}.stat-card.stat-gold .value{color:var(--accent)}.stat-card.stat-gold .icon{background:#c7a35a24;color:var(--accent)}.stat-card.stat-green .value{color:var(--success)}.stat-card.stat-green .icon{background:#10b9811a;color:var(--success)}.stat-card.stat-red .value{color:var(--danger)}.stat-card.stat-red .icon{background:#ef44441a;color:var(--danger)}.dash-hero{border-radius:var(--radius);padding:28px 26px;background:linear-gradient(135deg,#064e3b 0%,var(--primary) 100%);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.dash-hero:after{content:"";position:absolute;top:-50%;right:-15%;width:340px;height:340px;background:radial-gradient(circle,rgba(199,163,90,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-hero-kicker{font-size:13px;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.06em}.dash-hero-title{margin:6px 0 0;font-size:clamp(22px,3vw,28px);font-weight:950;letter-spacing:.2px;position:relative;z-index:1}.dash-hero-sub{margin:6px 0 0;font-size:14px;opacity:.8;position:relative;z-index:1}.dash-section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.dash-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.dash-section-title{margin:0;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}.dash-section-title .dash-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;font-size:12px;font-weight:800;background:#ef44441f;color:var(--danger)}.dash-section-body{padding:0}.dash-section-empty{padding:28px 20px;text-align:center;color:var(--sub);font-size:14px}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table thead th{background:var(--sidebar-bg);color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;text-align:left;border:none}.dash-table tbody td{padding:12px 16px;border-bottom:1.5px solid rgba(15,23,42,.12);vertical-align:middle}.dash-table tbody tr:last-child td{border-bottom:none}.dash-table tbody tr:hover{background:#0f766e08}.dash-table .link-cell{color:var(--primary);font-weight:700;cursor:pointer}.dash-table .link-cell:hover{text-decoration:underline}.dash-table .contact-link{color:var(--primary);text-decoration:none;font-weight:500}.dash-table .contact-link:hover{text-decoration:underline}.dash-table .muted-cell{color:var(--sub);font-style:italic}.absent-cards{display:flex;flex-direction:column;gap:10px;padding:14px}.absent-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0f172a0f;transition:box-shadow .15s ease,transform .15s ease}.absent-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.absent-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.absent-card-left{display:flex;align-items:center;gap:12px;min-width:0}.absent-avatar{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}.absent-info{display:flex;flex-direction:column;gap:2px;min-width:0}.absent-name{font-weight:700;font-size:14px;color:var(--primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absent-name:hover{text-decoration:underline}.absent-class{font-size:12px;color:var(--sub)}.absent-parents{display:flex;flex-direction:column;gap:6px;padding-left:52px}.absent-parent-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.absent-parent-name{font-weight:600;color:var(--ink);min-width:80px}.absent-parent-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.absent-contact{color:var(--primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px}.absent-contact:hover{text-decoration:underline}@media (max-width: 640px){.absent-parents{padding-left:0}.absent-card-top{flex-wrap:wrap}}.dash-warn{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-xs);font-size:12px;font-weight:700}.dash-warn-danger{background:#ef444414;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.dash-warn-amber{background:#f59e0b14;color:#92400e;border:1px solid rgba(245,158,11,.2)}.quran-cards{display:flex;flex-direction:column;gap:10px;padding:14px}.quran-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0f172a0f;transition:box-shadow .15s ease,transform .15s ease}.quran-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.quran-card.revision{border-left-color:var(--accent)}.quran-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.quran-card-range{display:flex;flex-direction:column;gap:2px;min-width:0}.quran-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}.quran-card-value{font-size:14px;font-weight:700;color:var(--ink)}.quran-card-arrow{color:var(--sub);font-size:13px;padding:0 6px;align-self:center}.quran-card-ranges{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.quran-card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--sub)}.quran-card-meta span{display:inline-flex;align-items:center;gap:4px}.quran-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.quran-card-comment{font-size:13px;color:var(--sub);font-style:italic;padding:8px 12px;background:#0f172a06;border-radius:var(--radius-xs)}.qstatus{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}.qstatus:before{content:"";width:6px;height:6px;border-radius:50%}.qstatus-passed{background:#10b9811a;color:#047857}.qstatus-passed:before{background:var(--success)}.qstatus-failed{background:#ef44441a;color:#b91c1c}.qstatus-failed:before{background:var(--danger)}.qstatus-incomplete{background:#f59e0b1a;color:#92400e}.qstatus-incomplete:before{background:var(--warn)}@media (max-width: 640px){.quran-card-top{flex-direction:column}.quran-card-ranges{flex-direction:column;align-items:flex-start}.quran-card-arrow{display:none}}.progress{width:100%;height:10px;border-radius:999px;background:#0f172a14;overflow:hidden}.progress>div{height:100%;border-radius:999px;background:var(--primary)}.table-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:800;font-size:15px;color:var(--ink)}.table-wrap{width:100%;overflow:auto;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.split-panels{display:grid;grid-template-columns:360px 1fr;gap:18px;min-width:0;align-items:start}.split-panels>div{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;border:0}.split-panels--320{grid-template-columns:320px 1fr}.split-panels--260{grid-template-columns:260px 1fr}.mobile-only{display:none}.desktop-only{display:block}.mobile-tabs{display:none}@media (max-width: 900px){.split-panels,.split-panels--320,.split-panels--260{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only{display:none}.mobile-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.split-panels[data-mobile-view=list] .panel-chat,.split-panels[data-mobile-view=chat] .panel-list{display:none!important}}.chat-input-row{padding:14px;border-top:1px solid var(--line);display:grid;gap:10px;background:#ffffffbf}.chat-input-row textarea,.chat-input-row input{width:100%;min-width:0}.chat-input-row textarea{min-height:110px;resize:vertical;background:#fff;border:1px solid rgba(15,23,42,.12)}.chat-input-row .composer-send{width:100%;justify-content:center}.panel-head{padding:10px;border-bottom:1px solid var(--line);font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0f766e0f}.inbox-search{padding:10px;border-bottom:1px solid var(--line);background:#ffffffa6}.inbox-group-head{padding:10px 10px 8px;border-bottom:1px solid var(--line);background:#0f766e0f}.inbox-row{padding:10px;cursor:pointer;border-bottom:1px solid var(--line);background:transparent}.inbox-row:hover{background:#0f766e0f}.inbox-row.active{background:#c7a35a2e}.chat-bubble{max-width:80%;padding:10px 12px;border-radius:14px;border:1px solid var(--line)}.chat-bubble.mine{background:#0f766e1a}.chat-bubble.theirs{background:#0f172a0a}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;min-width:520px;border-collapse:collapse;background:var(--card);font-size:13px}.table-wrap thead th{text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;white-space:nowrap;border:none;background:var(--sidebar-bg);color:#fff}.table-wrap tbody td{padding:12px 16px;border-bottom:1.5px solid rgba(15,23,42,.12);color:var(--ink);vertical-align:middle}.table-wrap tbody tr:last-child td{border-bottom:none}.table-wrap tbody tr:hover{background:#0f766e0a}.table-wrap tbody tr{transition:background .15s}.table-wrap .id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--sub)}.table-wrap tbody tr[style*=cursor]{cursor:pointer}.table-wrap a{color:var(--primary);text-decoration:none;font-weight:500}.table-wrap a:hover{text-decoration:underline}@media (max-width: 640px){.table-card{width:100%;overflow:hidden}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{width:auto;min-width:520px}.table-wrap thead th,.table-wrap tbody td{padding:10px;font-size:12px;white-space:nowrap}}.switcher{display:flex;gap:8px;flex-wrap:wrap}.switcher button{border:1px solid transparent;background:var(--bg);padding:8px 12px;border-radius:999px;color:var(--sub);cursor:pointer;font-weight:600;transition:.2s}.switcher button:hover{background:#e5e7eb;color:var(--ink)}.switcher button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #14b8a633}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);padding:10px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.2s;font-weight:600;box-shadow:0 1px 2px #0000000d}.filter-dd-btn{min-height:36px}.filter-dd-caret{opacity:.7}.filter-dd-menu{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0206172e;overflow:hidden}.filter-dd-item{width:100%;border:0;border-radius:0;padding:10px 12px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer;transition:.1s}.filter-dd-item:hover{background:#0f766e0f}.filter-dd-item.active{background:#c7a35a29;color:var(--accent-ink)}.filter-dd-check{min-width:16px;text-align:right}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014;border-color:transparent}.btn:active{transform:translateY(0);box-shadow:none}.btn-primary{background:var(--primary);color:#fff;border:1px solid transparent;box-shadow:0 6px 18px #0f766e40}.btn-primary:hover{filter:brightness(1.04);border-color:transparent;box-shadow:0 8px 22px #0f766e52}.btn-accent{background:var(--accent);color:#1f2937;border:1px solid transparent;box-shadow:0 6px 18px #c7a35a47}.btn-accent:hover{filter:brightness(1.04);box-shadow:0 8px 22px #c7a35a5c}.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-outline:hover{background:#0f172a0a;border-color:#0f172a2e}input[type=text],input[type=email],input[type=number],input[type=date],select,textarea{border:1px solid transparent;background:var(--bg);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;outline:none;transition:.2s;font-weight:500}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #14b8a626}.empty{display:flex;align-items:center;justify-content:center;color:var(--sub);padding:40px 14px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid transparent;background:var(--bg);color:var(--sub)}.pill.ok{background:#dcfce7;color:#166534}.pill.warn{background:#fef3c7;color:#92400e}.pill.bad{background:#fee2e2;color:#991b1b}.status-pill{display:inline-block;padding:5px 11px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.2px}.status-pill.PRESENT{background:#dcfce7;color:#166534}.status-pill.LATE{background:#fef3c7;color:#92400e}.status-pill.ABSENT{background:#fee2e2;color:#991b1b}.status-pill.AUTHORISED_ABSENCE{background:#e0f2fe;color:#075985}.status-pill.PASSED{background:#dcfce7;color:#166534}.status-pill.FAILED{background:#fee2e2;color:#991b1b}.status-pill.INCOMPLETE{background:#fef3c7;color:#92400e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:600px;max-height:90vh;overflow:auto;background:#fff;border:0;border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-title{font-weight:800;font-size:18px}.modal-close{border:0;background:var(--bg);color:var(--sub);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.modal-close:hover{background:#e5e7eb;color:var(--ink)}.modal-body{padding:20px}@media (max-width: 640px){.modal-overlay{align-items:center;justify-content:center;padding:0 10px}.modal{width:100vw;max-width:100vw;max-height:calc(100vh - 40px);border-radius:14px}}.months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:18px}.month-card{border:0;border-radius:var(--radius-sm);background:#fff;display:flex;flex-direction:column;gap:8px;padding:16px;box-shadow:var(--shadow);transition:.2s}.month-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.month-head{display:flex;align-items:center;justify-content:space-between}.month-name{font-weight:800;color:var(--ink);font-size:16px}.month-body .row{display:flex;align-items:center;justify-content:space-between;color:var(--sub);margin:6px 0;font-size:13px}.month-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.hidden{display:none!important}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:998}.drawer-backdrop.show{opacity:1;pointer-events:auto}.burger-fab{position:fixed;left:14px;top:14px;z-index:1001;height:44px;width:44px;border-radius:var(--radius-sm);border:0;background:var(--primary);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 8px 20px #14b8a64d;cursor:pointer}.burger-fab .burger-lines{width:18px;height:2px;background:#fff;position:relative;display:block}.burger-fab .burger-lines:before,.burger-fab .burger-lines:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff}.burger-fab .burger-lines:before{top:-6px}.burger-fab .burger-lines:after{top:6px}@media (max-width: 992px){body.sidebar-open{overflow:hidden}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .22s ease;z-index:999;pointer-events:none;box-shadow:5px 0 25px #0003;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.open{transform:translate(0);pointer-events:auto}.sidebar .brand .sidebar-close,.burger-fab{display:inline-flex}body.sidebar-open .burger-fab{display:none}.app{display:block}.content{width:100%}body.sidebar-open .content{margin-left:0}.toolbar{padding-left:var(--burger-reserve)}.toolbar .search{max-width:520px;padding:8px 10px}}@media (max-width: 768px){.toolbar{padding:12px 16px}.toolbar-right{gap:8px}.toolbar-logout{min-height:44px;padding:8px 12px;font-size:13px}}@media (max-width: 560px){.toolbar{padding:10px 12px}.toolbar-welcome{display:none}.toolbar-right{gap:6px}.toolbar-icon-btn,.toolbar-avatar{height:44px;width:44px}.toolbar-logout{min-height:44px;padding:6px 10px;font-size:12px}.toolbar-search-popover{padding:4px 10px;margin-left:4px}.toolbar-search-popover input{min-width:0;max-width:60vw}body.sidebar-open .content{margin-left:0}.grid{padding:14px 12px}.table-head{padding:12px;flex-wrap:wrap}}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}@media (min-width: 992px){.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{max-width:520px}}.card{width:100%;max-width:500px;background:var(--card);color:var(--ink);padding:40px;border-radius:24px;border:0;box-shadow:var(--shadow)}.title{margin:0 0 10px;font-size:26px;font-weight:800;text-align:center;color:var(--ink)}.label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600;color:var(--ink)}.input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg);color:var(--ink);outline:none;transition:.2s}.input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #14b8a626}.pwdRow{display:flex;gap:10px;align-items:center}.toggle{background:var(--bg);color:var(--sub);border:1px solid transparent;border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.toggle:hover{background:#e5e7eb;color:var(--ink)}.submit{width:100%;margin-top:24px;padding:14px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;font-weight:700;font-size:16px;box-shadow:0 6px 16px #14b8a64d;transition:.2s}.submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14b8a666;filter:brightness(1.05)}.submit:active{transform:translateY(0)}.error{background:#fee2e2;color:#991b1b;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:16px;font-size:14px;font-weight:500;text-align:center}.demo{font-size:14px;color:var(--sub);margin-top:24px;line-height:1.6;text-align:center;background:var(--bg);padding:16px;border-radius:var(--radius-sm)}.btn.btn-danger{background:var(--danger);color:#fff;border:1px solid transparent;box-shadow:0 4px 12px #ef44444d}.btn.btn-danger:hover{filter:brightness(1.05);box-shadow:0 6px 16px #ef444466}.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 960px){.stat-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.stat-grid-3{grid-template-columns:1fr}}