@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#e31e24;--red-dark:#b91219;--red-darker:#8c0d11;--red-dim:#e31e241f;--red-glow:#e31e2438;--void:#0f0f12;--void-2:#161619;--void-3:#1e1e24;--void-4:#28282f;--void-5:#35353e;--muted:#fff6;--muted-2:#ffffff29;--canvas:#f5f5f8;--surface:#fff;--surface-2:#f9f9fc;--surface-3:#f0f0f5;--border:#00000012;--border-2:#0000001f;--ink:#0f0f12;--ink-2:#2d2d35;--ink-3:#5a5a68;--ink-4:#8888a0;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--sidebar-w:260px;--header-h:60px;--font-display:"Syne",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,sans-serif;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sh-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--sh-md:0 4px 16px #00000014,0 1px 4px #0000000a;--sh-lg:0 12px 40px #0000001f,0 2px 8px #0000000f;--t:0.18s ease}html{font-size:15px}body{-webkit-font-smoothing:antialiased;background:#f5f5f8;background:var(--canvas);color:#0f0f12;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001f;background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8888a0;background:var(--ink-4)}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{background:#0f0f12;background:var(--void);border-right:1px solid #28282f;border-right:1px solid var(--void-4);bottom:0;flex-direction:column;left:0;position:fixed;top:0;width:260px;width:var(--sidebar-w);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #28282f;border-bottom:1px solid var(--void-4);display:flex;gap:11px;padding:20px 18px 16px}.sidebar-logo img{border-radius:6px;border-radius:var(--r-sm);flex-shrink:0;object-fit:contain;width:210px}.sidebar-logo-text h1{color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.sidebar-logo-text span{color:#fff6;color:var(--muted);font-size:.63rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 10px}.nav-section-label{color:#ffffff29;color:var(--muted-2);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.14em;padding:10px 10px 4px;text-transform:uppercase}.nav-section-label.mt-2{margin-top:4px}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--r-md);color:#fff6;color:var(--muted);cursor:pointer;display:flex;font-size:.86rem;font-weight:500;gap:9px;letter-spacing:-.01em;padding:8px 10px;position:relative;text-align:left;text-decoration:none;transition:all .18s ease;transition:all var(--t);width:100%}.nav-item:hover{background:#1e1e24;background:var(--void-3);color:#ffffffe0}.nav-item.active{background:#e31e241f;background:var(--red-dim);color:#fff}.nav-item.active:before{background:#e31e24;background:var(--red);border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.nav-item .badge{background:#e31e24;background:var(--red);border-radius:99px;color:#fff;font-size:.6rem;font-weight:700;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.nav-icon{flex-shrink:0;font-size:.95rem;text-align:center;width:18px}.sidebar-user{align-items:center;border-top:1px solid #28282f;border-top:1px solid var(--void-4);display:flex;gap:10px;padding:13px 15px}.sidebar-user .user-info{flex:1 1;min-width:0}.sidebar-user .user-name{color:#fff;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .user-role{color:#fff6;color:var(--muted);font-size:.65rem;font-weight:500;letter-spacing:.07em;margin-top:1px;text-transform:uppercase}.logout-btn{background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#ffffff29;color:var(--muted-2);cursor:pointer;font-size:1rem;padding:5px;transition:all .18s ease;transition:all var(--t)}.logout-btn:hover{background:#e31e241f;background:var(--red-dim);color:#e31e24;color:var(--red)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-w);min-height:100vh}.page-header{align-items:center;display:flex;justify-content:space-between;padding:28px 32px 0}.page-title{color:#0f0f12;color:var(--ink);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.025em}.page-body{padding:20px 32px 40px}.card{background:#fff;background:var(--surface);border:1px solid #00000012;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sh-sm);padding:20px 22px}.card-grid{grid-gap:16px;display:grid;gap:16px}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #00000012;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sh-sm);display:flex;gap:16px;padding:18px 20px;transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--t),transform var(--t)}.stat-card:hover{box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a;box-shadow:var(--sh-md);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.stat-value{color:#0f0f12;color:var(--ink);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.03em;line-height:1}.stat-label{color:#5a5a68;color:var(--ink-3);font-size:.72rem;font-weight:600;letter-spacing:.07em;margin-top:3px;text-transform:uppercase}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;gap:6px;letter-spacing:-.01em;padding:8px 16px;text-decoration:none;transition:all .18s ease;transition:all var(--t);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#e31e24;background:var(--red);border-color:#e31e24;border-color:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:#b91219;background:var(--red-dark)}.btn-primary:active:not(:disabled){background:#8c0d11;background:var(--red-darker)}.btn-secondary{background:#fff;background:var(--surface);border-color:#0000001f;border-color:var(--border-2);color:#0f0f12;color:var(--ink)}.btn-secondary:hover:not(:disabled){background:#f0f0f5;background:var(--surface-3)}.btn-ghost{background:#0000;border-color:#0000;color:#5a5a68;color:var(--ink-3)}.btn-ghost:hover:not(:disabled){background:#f0f0f5;background:var(--surface-3);color:#0f0f12;color:var(--ink)}.btn-danger{background:#fee2e2;background:var(--danger-bg);border-color:#0000;color:#dc2626;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger);color:#fff}.btn-sm{border-radius:6px;border-radius:var(--r-sm);font-size:.78rem;padding:5px 11px}.btn-lg{font-size:.95rem;padding:11px 22px}.w-full{justify-content:center;width:100%}.form-group{margin-bottom:14px}.form-label{color:#2d2d35;color:var(--ink-2);display:block;font-size:.78rem;font-weight:600;letter-spacing:-.01em;margin-bottom:5px}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border-2);border-radius:10px;border-radius:var(--r-md);color:#0f0f12;color:var(--ink);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--t),box-shadow var(--t);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#8888a0;color:var(--ink-4)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#e31e24;border-color:var(--red);box-shadow:0 0 0 3px #e31e241f;box-shadow:0 0 0 3px var(--red-dim)}.form-textarea{line-height:1.5;min-height:90px;resize:vertical}.form-hint{color:#8888a0;color:var(--ink-4);display:block;font-size:.72rem;margin-top:4px}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:700;height:34px;justify-content:center;letter-spacing:.02em;width:34px}.avatar-sm{font-size:.65rem;height:28px;width:28px}.avatar-lg{font-size:1rem;height:48px;width:48px}.avatar-xl{font-size:1.25rem;height:64px;width:64px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--surface);border:1px solid #00000012;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f;box-shadow:var(--sh-lg);max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{color:#0f0f12;color:var(--ink);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.02em}.modal-close{align-items:center;background:#f0f0f5;background:var(--surface-3);border:none;border-radius:6px;border-radius:var(--r-sm);color:#5a5a68;color:var(--ink-3);cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;transition:all .18s ease;transition:all var(--t);width:28px}.modal-close:hover{background:#0000001f;background:var(--border-2);color:#0f0f12;color:var(--ink)}.modal>:not(.modal-header):not(.modal-footer){padding:20px 22px}.modal-footer{background:#f9f9fc;background:var(--surface-2);border-top:1px solid #00000012;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:13px 20px}.alert{align-items:flex-start;border:1px solid #0000;border-radius:10px;border-radius:var(--r-md);display:flex;font-size:.875rem;gap:10px;line-height:1.5;margin-bottom:14px;padding:10px 13px}.alert-error{background:#fee2e2;background:var(--danger-bg);border-color:#dc262633;color:#dc2626;color:var(--danger)}.alert-success{background:#dcfce7;background:var(--success-bg);border-color:#16a34a33;color:#16a34a;color:var(--success)}.alert-info{background:#dbeafe;background:var(--info-bg);border-color:#2563eb33;color:#2563eb;color:var(--info)}.msg-item{align-items:center;border-radius:10px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;margin-bottom:2px;padding:10px 12px;transition:background .18s ease;transition:background var(--t)}.msg-item:hover{background:#f9f9fc;background:var(--surface-2)}.msg-item.unread{background:#e31e240a}.msg-subject{color:#0f0f12;color:var(--ink);font-size:.875rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-preview{color:#5a5a68;color:var(--ink-3);font-size:.77rem;margin-top:1px}.msg-time{color:#8888a0;color:var(--ink-4);font-size:.72rem;margin-left:auto;white-space:nowrap}.grade-pill{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;flex-shrink:0;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:700;height:38px;justify-content:center;width:38px}.grade-a{background:#dcfce7;color:#15803d}.grade-b{background:#dbeafe;color:#1d4ed8}.grade-c{background:#fef3c7;color:#b45309}.grade-d{background:#fee2e2;color:#b91c1c}.empty-state{align-items:center;color:#8888a0;color:var(--ink-4);display:flex;flex-direction:column;justify-content:center;padding:36px 20px;text-align:center}.empty-icon{font-size:1.8rem;margin-bottom:10px;opacity:.45}.empty-state p,.loading-page{font-size:.875rem}.loading-page{align-items:center;color:#5a5a68;color:var(--ink-3);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:60vh}.spinner{animation:spin .7s linear infinite;border:3px solid #0000001f;border-top-color:#e31e24;border:3px solid var(--border-2);border-radius:50%;border-top-color:var(--red);height:30px;width:30px}@keyframes spin{to{transform:rotate(1turn)}}.auth-page{display:flex;min-height:100vh}.auth-visual{align-items:center;background:#0f0f12;background:var(--void);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:60px 48px;position:relative}.auth-visual:before{background:#e31e241f;background:var(--red-dim);border-radius:50%;content:"";height:420px;left:-120px;pointer-events:none;position:absolute;top:-120px;width:420px}.auth-visual-content{max-width:380px;position:relative;z-index:1}.auth-visual-logo{align-items:center;display:flex;gap:14px;margin-bottom:44px}.auth-visual-logo img{height:80px;object-fit:contain;width:80px}.auth-visual-logo-text h1{color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.2}.auth-visual-logo-text span{color:#fff6;color:var(--muted);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.auth-visual-content h1{color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:12px}.auth-visual-content>p{color:#fff6;color:var(--muted);font-size:.875rem;line-height:1.6;margin-bottom:34px}.features{display:flex;flex-direction:column;gap:12px}.auth-feature{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;gap:12px}.auth-feature-icon{background:#28282f;background:var(--void-4);border-radius:10px;border-radius:var(--r-md);flex-shrink:0;font-size:.9rem;height:32px;width:32px}.auth-feature-icon,.auth-panel{align-items:center;display:flex;justify-content:center}.auth-panel{background:#f5f5f8;background:var(--canvas);padding:48px 40px;width:560px}.auth-form-box{width:100%}.auth-form-box h2{color:#0f0f12;color:var(--ink);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.55rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.auth-form-box>p{color:#5a5a68;color:var(--ink-3);font-size:.875rem;margin-bottom:24px}.auth-tabs{background:#f0f0f5;background:var(--surface-3);border-radius:10px;border-radius:var(--r-md);display:flex;gap:3px;margin-bottom:20px;padding:3px}.auth-tab{background:#0000;border:none;border-radius:6px;border-radius:var(--r-sm);color:#5a5a68;color:var(--ink-3);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:-.01em;padding:8px 12px;transition:all .18s ease;transition:all var(--t)}.auth-tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sh-sm);color:#0f0f12;color:var(--ink)}.table-wrap{border:1px solid #00000012;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-lg);overflow-x:auto}table{background:#fff;background:var(--surface);border-collapse:collapse;width:100%}thead{background:#f9f9fc;background:var(--surface-2)}th{color:#5a5a68;color:var(--ink-3);font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #00000012;border-bottom:1px solid var(--border)}td{color:#2d2d35;color:var(--ink-2);font-size:.875rem;padding:11px 14px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f9f9fc;background:var(--surface-2)}.tabs{border-bottom:1px solid #00000012;border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:20px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#5a5a68;color:var(--ink-3);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:-.01em;margin-bottom:-1px;padding:9px 16px;transition:all .18s ease;transition:all var(--t)}.tab-btn.active{border-bottom-color:#e31e24;border-bottom-color:var(--red);color:#e31e24;color:var(--red)}.tab-btn:hover:not(.active){color:#0f0f12;color:var(--ink)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:#5a5a68;color:var(--ink-3)}.text-center{text-align:center}.animate-in{animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-title{color:#0f0f12;color:var(--ink);font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:-.02em}.dash-hero{align-items:center;background:#0f0f12;background:var(--void);border:1px solid #28282f;border:1px solid var(--void-4);border-radius:20px;border-radius:var(--r-xl);display:flex;gap:18px;margin-bottom:20px;overflow:hidden;padding:22px 26px;position:relative}.dash-hero:after{background:#e31e241f;background:var(--red-dim);border-radius:50%;content:"";height:240px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:240px}.dash-hero-text{position:relative;z-index:1}.dash-hero-greeting{color:#fff;font-family:Syne,system-ui,sans-serif;font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.dash-hero-greeting em{color:#e31e24;color:var(--red);font-style:normal}.dash-hero-sub{color:#fff6;color:var(--muted);font-size:.82rem;margin-top:4px}.badge-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 9px}.badge-red{background:#fee2e2;background:var(--danger-bg);color:#dc2626;color:var(--danger)}.badge-green{background:#dcfce7;background:var(--success-bg);color:#16a34a;color:var(--success)}.badge-blue{background:#dbeafe;background:var(--info-bg);color:#2563eb;color:var(--info)}.badge-amber{background:#fef3c7;background:var(--warning-bg);color:#d97706;color:var(--warning)}.badge-gray{background:#f0f0f5;background:var(--surface-3);color:#5a5a68;color:var(--ink-3)}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}@media (max-width:900px){:root{--sidebar-w:0px}.sidebar{transform:translateX(-260px)}.page-body,.page-header{padding-left:16px;padding-right:16px}.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr}.auth-visual{display:none}.auth-panel{width:100%}}@media (max-width:600px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}
/*# sourceMappingURL=main.c60252ab.css.map*/