: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%}.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}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:14px;position:relative}.sidebar .brand img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:50%;border:1px solid var(--line)}.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:14px 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;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:600;font-size:14px;color:var(--sub);max-width:260px;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)}.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:0;border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible}.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);font-weight:800}.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 table{width:100%;border-collapse:collapse;background:var(--card)}.table-wrap thead th{text-align:left;font-weight:700;color:var(--sub);font-size:13px;padding:12px 16px;white-space:nowrap;border-bottom:1px solid var(--line);background:transparent}.table-wrap tbody td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink)}.table-wrap tbody tr:hover{background:#0f766e0f}.table-wrap tbody tr{cursor:pointer;transition:background .15s}.table-wrap .id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--sub)}.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.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}.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}.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}}