@font-face{font-family:__Sora_ce197d;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/1d4eaed977255102-s.woff2) format("woff2");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:__Sora_ce197d;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f3f7e95f2dbc4fe4-s.p.woff2) format("woff2");unicode-range:u+00??,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:__Sora_Fallback_ce197d;src:local("Arial");ascent-override:85.29%;descent-override:25.50%;line-gap-override:0.00%;size-adjust:113.73%}.__className_ce197d{font-family:__Sora_ce197d,__Sora_Fallback_ce197d;font-style:normal}.__variable_ce197d{--font-sora:"__Sora_ce197d","__Sora_Fallback_ce197d"}:root{--ee4k-primary-900:#0d1f3c;--ee4k-primary-800:#1a3560;--ee4k-primary-700:#1e4080;--ee4k-primary-600:#2255a4;--ee4k-primary-500:#2d6bc4;--ee4k-primary-400:#4d8de0;--ee4k-primary-300:#7aaef0;--ee4k-primary-200:#b8d4f8;--ee4k-primary-100:#deeafc;--ee4k-primary-50:#f0f6ff;--ee4k-accent:#f5a623;--ee4k-white:#fff;--ee4k-gray-900:#111827;--ee4k-gray-700:#374151;--ee4k-gray-500:#6b7280;--ee4k-gray-300:#d1d5db;--ee4k-gray-200:#e5e7eb;--ee4k-gray-100:#f3f4f6;--ee4k-bg:#f1f5f9;--ee4k-danger:#dc2626;--ee4k-danger-bg:#fee2e2;--ee4k-danger-hover:#fca5a5;--ee4k-font-sans:var(--font-sora,"Sora"),sans-serif;--ee4k-radius-sm:6px;--ee4k-radius-md:10px;--ee4k-radius-lg:16px;--ee4k-shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);--ee4k-shadow-md:0 4px 12px rgba(0,0,0,.1)}[data-theme=world]{--ee4k-primary-900:#1e1b4b;--ee4k-primary-800:#312e81;--ee4k-primary-700:#3730a3;--ee4k-primary-600:#4338ca;--ee4k-primary-500:#4f46e5;--ee4k-primary-400:#6366f1;--ee4k-primary-300:#818cf8;--ee4k-primary-200:#a5b4fc;--ee4k-primary-100:#e0e7ff;--ee4k-primary-50:#eef2ff;--ee4k-accent:#f59e0b;--ee4k-bg:#f8f6f2;--ee4k-danger:#ef4444;--ee4k-danger-bg:#fee2e2;--ee4k-radius-sm:6px;--ee4k-radius-md:12px;--ee4k-radius-lg:20px;--ee4k-shadow-md:0 4px 16px rgba(0,0,0,.1)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.9);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.modal-title{font-size:1.1rem;font-weight:700;color:var(--gray-900,#111827);margin:0}.modal-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--gray-400,#9ca3af);padding:.25rem .4rem;border-radius:var(--radius-sm,6px)}.modal-close:hover{color:var(--gray-700,#374151);background:var(--gray-100,#f3f4f6)}.modal-body{padding:1.25rem 1.5rem}.modal-footer{padding:0 1.5rem 1.25rem;display:flex;gap:.5rem;justify-content:flex-end}.ee4k-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ee4k-font-sans,inherit);font-size:.875rem;font-weight:600;padding:.55rem 1.1rem;border-radius:var(--ee4k-radius-sm,6px);border:none;cursor:pointer;transition:all .18s;text-decoration:none;white-space:nowrap}.ee4k-btn:disabled{opacity:.6;cursor:not-allowed}.ee4k-btn--primary{background:var(--ee4k-primary-700,#1e4080);color:var(--ee4k-white,#fff)}.ee4k-btn--primary:hover:not(:disabled){background:var(--ee4k-primary-600,#2255a4)}.ee4k-btn--secondary{background:var(--ee4k-primary-50,#f0f6ff);color:var(--ee4k-primary-700,#1e4080);border:1px solid var(--ee4k-primary-200,#b8d4f8)}.ee4k-btn--secondary:hover:not(:disabled){background:var(--ee4k-primary-100,#deeafc)}.ee4k-btn--ghost{background:var(--ee4k-gray-100,#f3f4f6);color:var(--ee4k-gray-700,#374151)}.ee4k-btn--ghost:hover:not(:disabled){background:var(--ee4k-gray-200,#e5e7eb)}.ee4k-btn--danger{background:var(--ee4k-danger-bg,#fee2e2);color:var(--ee4k-danger,#dc2626)}.ee4k-btn--danger:hover:not(:disabled){background:var(--ee4k-danger-hover,#fca5a5)}.ee4k-btn--sm{font-size:.78rem;padding:.3rem .7rem}.ee4k-btn--full{width:100%;justify-content:center;padding:.75rem;font-size:.95rem}.ee4k-field{margin-bottom:1rem}.ee4k-field-label{display:block;font-size:.8rem;font-weight:600;color:var(--ee4k-gray-700,#374151);margin-bottom:.4rem}.ee4k-field-optional{font-weight:400;color:var(--ee4k-gray-500,#6b7280)}.ee4k-input{width:100%;padding:.65rem .9rem;border:1.5px solid var(--ee4k-gray-300,#d1d5db);border-radius:var(--ee4k-radius-sm,6px);font-size:.95rem;font-family:var(--ee4k-font-sans,inherit);color:var(--ee4k-gray-900,#111827);background:var(--ee4k-white,#fff);transition:border-color .2s,box-shadow .2s;outline:none}.ee4k-input:focus{border-color:var(--ee4k-primary-500,#2d6bc4);box-shadow:0 0 0 3px rgba(45,107,196,.15)}@media (max-width:768px){.ee4k-input{font-size:16px!important}}.ee4k-field-error{font-size:.82rem;color:var(--ee4k-danger,#dc2626);margin-top:.6rem;padding:.5rem .75rem;background:#fef2f2;border-radius:var(--ee4k-radius-sm,6px);border-left:3px solid var(--ee4k-danger,#dc2626)}.ee4k-card{border-radius:var(--ee4k-radius-md,10px);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;margin-bottom:1.5rem;transition:box-shadow .2s}.ee4k-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.ee4k-card--glass{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.9)}.ee4k-card--solid{background:var(--ee4k-white,#fff);border:1px solid var(--ee4k-gray-200,#e5e7eb)}.ee4k-card-header{padding:.9rem 1.25rem;border-bottom:1px solid var(--ee4k-gray-200,#e5e7eb);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ee4k-card-title{font-family:var(--ee4k-font-sans,inherit);font-size:.95rem;font-weight:700;color:var(--ee4k-primary-900,#0d1f3c)}.ee4k-card-body{padding:1.25rem}.ee4k-spinner{display:inline-block;border:2px solid var(--ee4k-gray-200,#e5e7eb);border-top-color:var(--ee4k-primary-600,#2255a4);border-radius:50%;animation:ee4k-spin .7s linear infinite}@keyframes ee4k-spin{to{transform:rotate(1turn)}}.ee4k-empty{text-align:center;padding:3rem;color:var(--ee4k-gray-500,#6b7280);font-size:.9rem}.ee4k-empty-icon{margin-bottom:.75rem;opacity:.6}.ee4k-error{text-align:center;padding:2rem;font-size:.9rem;color:var(--ee4k-danger,#dc2626)}.ee4k-error-msg{margin-bottom:.9rem}.ee4k-footer{margin-top:2.5rem;padding:1.25rem 1rem 1.5rem;border-top:1px solid var(--ee4k-gray-200,#e5e7eb);text-align:center;font-size:.78rem;color:var(--ee4k-gray-500,#6b7280)}.ee4k-footer-brand{font-weight:600;margin-bottom:.35rem}.ee4k-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.ee4k-footer-links a{color:var(--ee4k-primary-600,#2255a4);text-decoration:none}.ee4k-footer-links a:hover{text-decoration:underline}.ee4k-footer-sep{opacity:.5}.ee4k-footer-socials{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:.75rem}.ee4k-footer-socials a{color:var(--ee4k-gray-500,#6b7280);transition:color .2s}.ee4k-footer-socials a:hover{color:var(--ee4k-primary-600,#2255a4)}.ee4k-footer-bottom{margin-top:.6rem;font-size:.72rem;color:var(--ee4k-gray-500,#6b7280);opacity:.85}[data-theme=world] .ee4k-footer{border-top-color:rgba(148,163,184,.25);color:#94a3b8}[data-theme=world] .ee4k-footer-links a{color:var(--ee4k-primary-300,#818cf8)}[data-theme=world] .ee4k-footer-bottom,[data-theme=world] .ee4k-footer-socials a{color:#94a3b8}.ee4k-table-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--ee4k-radius-md,10px);border:1px solid var(--ee4k-gray-200,#e5e7eb);background:linear-gradient(90deg,#fff 30%,hsla(0,0%,100%,0)) 0 0,linear-gradient(270deg,#fff 30%,hsla(0,0%,100%,0)) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.14),transparent) 0 0,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.14),transparent) 100% 0;background-repeat:no-repeat;background-size:34px 100%,34px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.ee4k-rtable{width:100%;border-collapse:collapse;font-size:14px;background:transparent}.ee4k-rtable thead tr{background:var(--ee4k-gray-100,#f3f4f6);border-bottom:2px solid var(--ee4k-gray-200,#e5e7eb)}.ee4k-rtable th{padding:10px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--ee4k-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ee4k-rtable td{padding:10px 14px;vertical-align:middle}.ee4k-rtable td.ee4k-num,.ee4k-rtable th.ee4k-num{text-align:right}@media (max-width:640px){.ee4k-table-wrapper{background:none;border:none;overflow-x:visible}.ee4k-rtable,.ee4k-rtable tbody,.ee4k-rtable td,.ee4k-rtable th,.ee4k-rtable thead,.ee4k-rtable tr{display:block}.ee4k-rtable thead{display:none}.ee4k-rtable tbody tr{border:1px solid var(--ee4k-gray-200,#e5e7eb);border-radius:var(--ee4k-radius-md,10px);padding:.5rem .85rem;margin:.5rem 0}.ee4k-rtable td{border:none;padding:.35rem 0;white-space:normal;display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;text-align:right}.ee4k-rtable td:before{content:attr(data-label);font-size:.7rem;font-weight:700;color:var(--ee4k-gray-500,#6b7280);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;text-align:left}.ee4k-rtable td:empty{display:none}.ee4k-rtable td:first-child{font-size:1rem;font-weight:600;padding:.25rem 0 .5rem;margin-bottom:.35rem;border-bottom:1px solid var(--ee4k-gray-100,#f3f4f6);justify-content:flex-start;text-align:left}.ee4k-rtable td:first-child:before{display:none}}.ee4k-stack{display:flex;flex-direction:column;gap:.75rem}.ee4k-stack>*{min-width:0}.ee4k-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ee4k-cluster>*{min-width:0}.ee4k-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ee4k-form-row{display:flex;align-items:center;gap:1rem}.ee4k-form-row-label{flex:0 0 160px;min-width:0;font-size:.85rem;font-weight:600;color:var(--ee4k-gray-500,#6b7280)}.ee4k-form-row-field{flex:1 1;min-width:0}@media (max-width:480px){.ee4k-form-row{flex-direction:column;align-items:stretch;gap:.3rem}.ee4k-form-row-label{flex:none}}.ee4k-cal{display:flex;flex-direction:column;gap:12px}.ee4k-cal-card{border-radius:14px;background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.9);box-shadow:var(--ee4k-shadow-sm,0 2px 8px rgba(0,0,0,.04))}.ee4k-cal-navbtn{padding:4px 10px;border-radius:8px;border:1px solid var(--ee4k-gray-300,#d1d5db);background:#fff;color:var(--ee4k-gray-700,#374151);font-weight:700;font-size:14px;cursor:pointer;line-height:1.4}.ee4k-cal-navbtn:hover{background:var(--ee4k-gray-100,#f3f4f6)}.ee4k-cal-today{font-size:13px;padding:4px 12px}.ee4k-cal-toggle{display:flex;border:1px solid var(--ee4k-gray-300,#d1d5db);border-radius:8px;overflow:hidden}.ee4k-cal-toggle button{padding:4px 12px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:#fff;color:var(--ee4k-gray-500,#6b7280)}.ee4k-cal-toggle button.is-active{background:#3b82f6;color:#fff}.ee4k-cal-notice{border-radius:12px;padding:12px 14px;background:#fef2f2;border:1.5px solid #fecaca}.ee4k-cal-notice-head{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#b91c1c;margin-bottom:6px}.ee4k-cal-notice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ee4k-cal-notice-item{width:100%;text-align:left;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;color:#7f1d1d;font-size:13px;font-weight:600}.ee4k-cal-notice-reason{font-size:12px;font-weight:500;color:#b45309}.ee4k-cal-agenda{border-radius:14px;background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.9);box-shadow:var(--ee4k-shadow-sm,0 2px 8px rgba(0,0,0,.04));padding:14px 16px}.ee4k-cal-agenda-head{font-size:14px;font-weight:800;color:var(--ee4k-primary-900,#0d1f3c);margin-bottom:10px}.ee4k-cal-agenda-empty{font-size:13px;color:var(--ee4k-gray-500,#6b7280)}.ee4k-cal-agenda-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ee4k-cal-agenda-item{display:flex;align-items:flex-start;gap:10px}.ee4k-cal-agenda-dot{flex-shrink:0;width:10px;height:10px;border-radius:3px;margin-top:4px}.ee4k-cal-agenda-body{display:flex;flex-direction:column;min-width:0}.ee4k-cal-agenda-title{font-size:14px;font-weight:600;color:var(--ee4k-gray-900,#111827)}.ee4k-cal-agenda-time{font-weight:700;color:var(--ee4k-primary-700,#1e4080);margin-right:6px}.ee4k-cal-agenda-sub{font-size:12px;color:var(--ee4k-gray-500,#6b7280);margin-top:1px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue-900:var(--ee4k-primary-900,#0d1f3c);--blue-800:var(--ee4k-primary-800,#1a3560);--blue-700:var(--ee4k-primary-700,#1e4080);--blue-600:var(--ee4k-primary-600,#2255a4);--blue-500:var(--ee4k-primary-500,#2d6bc4);--blue-400:var(--ee4k-primary-400,#4d8de0);--blue-300:var(--ee4k-primary-300,#7aaef0);--blue-200:var(--ee4k-primary-200,#b8d4f8);--blue-100:var(--ee4k-primary-100,#deeafc);--blue-50:var(--ee4k-primary-50,#f0f6ff);--accent:var(--ee4k-accent,#f5a623);--white:var(--ee4k-white,#fff);--gray-900:var(--ee4k-gray-900,#111827);--gray-700:var(--ee4k-gray-700,#374151);--gray-500:var(--ee4k-gray-500,#6b7280);--gray-300:var(--ee4k-gray-300,#d1d5db);--gray-200:var(--ee4k-gray-200,#e5e7eb);--gray-100:var(--ee4k-gray-100,#f3f4f6);--bg:var(--ee4k-bg,#f1f5f9);--radius-sm:var(--ee4k-radius-sm,6px);--radius-md:var(--ee4k-radius-md,10px);--radius-lg:var(--ee4k-radius-lg,16px);--shadow-sm:var(--ee4k-shadow-sm,0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05));--shadow-md:var(--ee4k-shadow-md,0 4px 12px rgba(0,0,0,.1))}body,html{height:100%}body{font-family:var(--font-sora),sans-serif;background:var(--bg);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;background:linear-gradient(160deg,#0a1628 0,var(--blue-800) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.login-logo{text-align:center;margin-bottom:2rem}.login-logo img{border-radius:50%;background:var(--blue-900);padding:5px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:inline-block}.login-logo-title{font-family:var(--font-sora),sans-serif;font-size:1.05rem;font-weight:900;color:var(--blue-900);line-height:1.2}.login-logo-title span{color:var(--blue-500)}.login-logo-sub{font-size:.75rem;color:var(--gray-500);margin-top:.3rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.login-title{font-family:var(--font-sora),sans-serif;font-size:1.4rem;font-weight:800;color:var(--blue-900);margin-bottom:.25rem}.login-subtitle{font-size:.875rem;color:var(--gray-500);margin-bottom:1.75rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--gray-700);margin-bottom:.4rem}.form-input{width:100%;padding:.65rem .9rem;border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-sora),sans-serif;color:var(--gray-900);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(45,107,196,.15)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%236b7280'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:10px;padding-right:2.25rem;cursor:pointer}.form-error{font-size:.82rem;color:#dc2626;margin-top:.6rem;padding:.5rem .75rem;background:#fef2f2;border-left:3px solid #dc2626}.btn,.form-error{border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sora),sans-serif;font-size:.875rem;font-weight:600;padding:.55rem 1.1rem;border:none;cursor:pointer;transition:all .18s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blue-700);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--blue-600)}.btn-full{width:100%;justify-content:center;padding:.75rem;font-size:.95rem;margin-top:.5rem}.btn-sm{font-size:.78rem;padding:.3rem .7rem}.btn-ghost{background:var(--gray-100);color:var(--gray-700)}.btn-ghost:hover{background:var(--gray-200)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fca5a5}.btn-signout{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.6);font-size:.78rem;padding:.35rem .85rem;border:1px solid hsla(0,0%,100%,.12);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.btn-signout:hover{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.85)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--blue-900);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{padding:1.5rem 1.25rem 1.1rem;border-bottom:1px solid hsla(0,0%,100%,.07)}.sidebar-logo-title{font-family:var(--font-sora),sans-serif;font-weight:900;font-size:.9rem;color:var(--white);line-height:1.2}.sidebar-logo-title span{color:var(--blue-300)}.sidebar-logo-img{height:52px;width:auto;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);margin-bottom:.4rem;display:block}.sidebar-portal-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-400);margin-top:.35rem}.sidebar-nav{flex:1 1;padding:.75rem 0}.sidebar-nav-section{font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-400);padding:.75rem 1.25rem .2rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;color:hsla(0,0%,100%,.6);transition:all .15s;border-left:2px solid transparent}.sidebar-link:hover{color:var(--white);background:hsla(0,0%,100%,.05)}.sidebar-link.active{color:var(--white);background:hsla(0,0%,100%,.09);border-left-color:var(--blue-300)}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid hsla(0,0%,100%,.07)}.sidebar-user-name{font-size:.85rem;font-weight:600;color:var(--white);margin-bottom:.15rem}.sidebar-user-role{font-size:.72rem;color:var(--blue-300);margin-bottom:.75rem}@keyframes portal-float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-10vh) scale(1)}}.portal-particles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.portal-particle{position:absolute;border-radius:50%;opacity:0;animation:portal-float linear infinite}.app-content{flex:1 1;min-width:0;padding:2rem 2.5rem;overflow-y:auto;background:linear-gradient(180deg,#f8fafd,#eef3fa);position:relative}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.page-header-left{display:flex;flex-direction:column}.back-link{font-size:.78rem;color:var(--gray-500);display:inline-flex;align-items:center;gap:.25rem;margin-bottom:.3rem;transition:color .15s}.back-link:hover{color:var(--blue-600)}.page-title{font-family:var(--font-sora),sans-serif;font-size:1.5rem;font-weight:800;color:var(--blue-900)}.page-subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.stat-card-value{font-family:var(--font-sora),sans-serif;font-size:2rem;font-weight:800;color:var(--blue-900);line-height:1}.stat-card-label{font-size:.78rem;color:var(--gray-500);margin-top:.3rem;font-weight:500}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:1.5rem}.card-header{padding:.9rem 1.25rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-title{font-family:var(--font-sora),sans-serif;font-size:.95rem;font-weight:700;color:var(--blue-900)}.card-body{padding:1.25rem}.table-wrapper{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse}thead tr{background:var(--gray-100)}th{padding:.7rem 1rem;text-align:left;font-size:.72rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{padding:.8rem 1rem;font-size:.875rem;color:var(--gray-700);border-top:1px solid var(--gray-200)}tbody tr:hover td{background:var(--blue-50)}.td-actions{display:flex;gap:.4rem;align-items:center}.mgmt-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.mgmt-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--blue-700);box-shadow:var(--shadow-sm);transition:all .18s;text-align:center}.mgmt-nav-link:hover{background:var(--blue-50);border-color:var(--blue-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mgmt-nav-icon{font-size:1.5rem}.class-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.class-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.class-card-name{font-family:var(--font-sora),sans-serif;font-size:1rem;font-weight:700;color:var(--blue-900)}.class-card-meta{font-size:.82rem;color:var(--gray-500);margin-top:.2rem}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.75rem}.summary-card{border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.summary-card-label{font-weight:600;font-size:.875rem}.summary-card-value{font-size:1.5rem;font-weight:800}.badge{display:inline-block;padding:.2em .65em;border-radius:100px;font-size:.72rem;font-weight:700;white-space:nowrap}.badge-draft{background:#fef3c7;color:#92400e}.badge-sent{background:#dbeafe;color:#1e40af}.badge-paid,.badge-present{background:#dcfce7;color:#15803d}.badge-absent{background:#fee2e2;color:#dc2626}.badge-active{background:var(--blue-100);color:var(--blue-700)}.radio-group{display:flex;gap:.4rem}.radio-opt{display:flex;align-items:center;gap:.3rem;font-size:.82rem;cursor:pointer;padding:.3rem .65rem;border-radius:var(--radius-sm);border:1.5px solid var(--gray-300);transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-opt:has(input:checked){background:var(--blue-100);border-color:var(--blue-400);color:var(--blue-700);font-weight:600}.radio-opt input{display:none}.empty{text-align:center;padding:3rem;color:var(--gray-500);font-size:.9rem}.enroll-section{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem}.enroll-section-head{background:var(--gray-100);padding:.6rem 1rem;font-size:.78rem;font-weight:700;color:var(--gray-600,var(--gray-700));text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.section-title{font-family:var(--font-sora),sans-serif;font-size:1rem;font-weight:700;color:var(--blue-900);margin-bottom:1rem}.student-block{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.student-block-header{background:linear-gradient(135deg,var(--blue-800) 0,var(--blue-600) 100%);padding:1rem 1.5rem;color:var(--white)}.student-block-name{font-family:var(--font-sora),sans-serif;font-size:1.05rem;font-weight:800}.student-block-body{padding:1.25rem 1.5rem}@media (max-width:768px){.sidebar{display:none}.app-content{padding:1.25rem}.mgmt-nav,.stats-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}[role=button],a,button,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.add-student-btn,.area-dropdown-item,.back-link,.btn,.menu-link,.mobile-close,.nav-toggle,.sidebar-link,.signup-back,button[type=button],button[type=submit]{min-height:44px;min-width:44px}body,li,p,td,th{color:#1a1a1a}.form-label,.section-title,.summary-key{color:#555}@media (max-width:768px){body{font-size:16px}input,select,textarea{font-size:16px!important}}.badge-paid,.badge-present{background:#dcfce7;color:#16a34a}.badge-absent,.badge-unpaid{background:#fee2e2;color:#dc2626}.badge-draft,.badge-sent{background:#fef3c7;color:#d97706}.portal-welcome{padding:1.5rem 1.5rem 0}.portal-welcome-name{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.portal-balance{border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0,0,0,.04)}.balance-negative{background:#fdf6f6;border:1px solid #f0c6c6}.balance-zero{background:#f3f4f6;border:1px solid #e5e7eb}.balance-positive{background:#dcfce7;border:1px solid #86efac}.balance-positive .portal-balance-amount{color:#16a34a}.balance-positive .portal-balance-note{color:#15803d}.portal-balance-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#555;margin-bottom:.5rem}.portal-balance-amount{font-size:2.5rem;font-weight:800;color:#b03a2e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.balance-zero .portal-balance-amount{color:#6b7280}.portal-balance-note{font-size:.85rem;color:#b03a2e;margin-top:.5rem}.portal-quick-nav{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;padding:0 1.5rem 1.5rem}@media (max-width:380px){.portal-quick-nav{grid-template-columns:repeat(2,1fr)}}.portal-quick-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.9);border-radius:14px;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:.8rem;text-align:center;transition:all .2s;touch-action:manipulation;min-height:72px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.portal-quick-card:hover{background:hsla(0,0%,100%,.95);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.portal-quick-icon{font-size:1.4rem}.portal-section{padding:0 1.5rem 2rem}.portal-section-title{font-size:1.15rem;font-weight:800;color:#fff;padding:18px 22px;margin-bottom:1.5rem;background:linear-gradient(135deg,#0d1f3c,#1e4080);border-radius:14px;letter-spacing:.02em;text-align:center;text-transform:uppercase}.portal-student-card{background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.9);border-radius:14px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s}.portal-student-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.portal-student-name{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.portal-student-class{font-size:.85rem;color:#555;margin-bottom:.75rem}.portal-balance-summary{font-size:.95rem;color:#555;margin-bottom:1rem}.mobile-top-bar{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--blue-900);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-top-bar-title{font-weight:800;font-size:.9rem;flex:1 1}.mobile-top-bar-title span{color:var(--blue-300)}.mobile-top-bar-user{font-size:.8rem;color:hsla(0,0%,100%,.7)}@media (max-width:768px){.sidebar{display:none!important}.mobile-top-bar{display:flex}.app-shell{flex-direction:column}.app-content{padding:0}.portal-quick-nav,.portal-section,.portal-welcome{padding-left:1rem;padding-right:1rem}.portal-section{padding-top:1rem}}.mobile-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:6px;flex-shrink:0;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-hamburger:hover{background:hsla(0,0%,100%,.1)}@media (max-width:768px){.mobile-hamburger{display:flex}}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--blue-900);z-index:300;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto}.mobile-drawer-open{transform:translateX(0)}.mobile-drawer-header{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.mobile-drawer-logo-img{height:44px;width:auto;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.4);margin-bottom:.5rem;display:block}.mobile-drawer-logo{font-family:var(--font-sora),sans-serif;font-weight:900;font-size:.9rem;color:var(--white);line-height:1.2}.mobile-drawer-logo span{color:var(--blue-300)}.mobile-drawer-family{font-size:.78rem;color:var(--blue-300);margin-top:.35rem;font-weight:600}.mobile-drawer-links{flex:1 1;padding:.5rem 0}.mobile-drawer-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;color:hsla(0,0%,100%,.75);text-decoration:none;transition:background .12s,color .12s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.mobile-drawer-link:active,.mobile-drawer-link:hover{background:hsla(0,0%,100%,.08);color:var(--white)}.mobile-drawer-section{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-400);padding:.85rem 1.25rem .25rem}.mobile-drawer-icon{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0}.portal-section.tab-hidden{display:none!important}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary::marker{display:none}.portal-bottom-tabs{display:none}@media (max-width:767px){.portal-quick-nav{display:none}.app-content{padding-bottom:72px}.portal-bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--gray-200);box-shadow:0 -2px 12px rgba(0,0,0,.08);height:60px}.portal-bottom-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;cursor:pointer;color:var(--gray-500);font-size:10px;font-weight:500;padding:6px 4px;transition:color .15s;-webkit-tap-highlight-color:transparent}.portal-bottom-tab.active{color:var(--blue-600)}.portal-bottom-tab-icon{display:flex;align-items:center;justify-content:center;line-height:1}.portal-bottom-tab-label{font-size:10px;letter-spacing:.01em}}.dark{--bg:#0f0f1a;--white:#1a1a2e;--gray-900:#e8e6e2;--gray-700:#b8b6b2;--gray-500:#7a7882;--gray-300:#3e3c50;--gray-200:#2e2c44;--gray-100:#242238;--blue-900:#0d1128;--blue-800:#141a3c;--blue-50:#1e1c3a;--blue-100:#2a2858;--blue-200:#3730a3}.dark body{background:var(--bg);color:var(--gray-900)}.dark .login-card{background:#1a1a2e;box-shadow:0 20px 60px rgba(0,0,0,.6)}.dark input,.dark select,.dark textarea{background:var(--gray-100);color:var(--gray-900);border-color:var(--gray-200)}.dark input::placeholder,.dark textarea::placeholder{color:var(--gray-500)}.dark .btn-ghost{background:var(--gray-100);color:var(--gray-700)}.dark .btn-ghost:hover{background:var(--gray-200)}.dark .btn-danger{background:#3d1010;color:#fca5a5}.dark .btn-danger:hover{background:#5a1a1a}.dark .badge-draft{background:#3a2a00;color:#fcd34d}.dark .badge-sent{background:#1e3a5f;color:#93c5fd}.dark .badge-paid,.dark .badge-present{background:#0a2e1e;color:#6ee7b7}.dark .badge-absent{background:#3d1010;color:#fca5a5}.dark thead tr{background:var(--gray-100)}.dark tbody tr:hover td{background:var(--blue-50)}.dark .modal-overlay{background:rgba(0,0,0,.7)}.dark .modal-content,.dark [class*=modal]{background:#1a1a2e;border-color:var(--gray-200)}