:root{
  --navy:#10213d;--navy-2:#173865;--blue:#2563eb;--cyan:#06b6d4;--gold:#f59e0b;
  --green:#10b981;--rose:#f43f5e;--purple:#7c3aed;--ink:#172033;--muted:#6b7280;
  --page:#f3f6fb;--card:#ffffff;--border:#e3e9f2;--shadow:0 18px 44px rgba(16,33,61,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(37,99,235,.08),transparent 28%),var(--page);color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:286px;padding:22px 17px;background:linear-gradient(175deg,#0c1d37 0%,#12325d 55%,#0c4765 100%);color:#fff;z-index:1040;overflow-y:auto;box-shadow:16px 0 40px rgba(16,33,61,.18);transition:transform .25s ease}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:2px 7px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-title{font-size:15px;font-weight:800;letter-spacing:.03em}.brand-sub{font-size:10px;letter-spacing:.11em;opacity:.66;margin-top:4px}.portal-badge{display:flex;align-items:center;gap:10px;margin:17px 4px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.08)}.portal-badge>i{font-size:22px;color:#fbbf24}.portal-badge strong,.portal-badge small{display:block}.portal-badge strong{font-size:12px}.portal-badge small{font-size:10px;opacity:.65;margin-top:2px}.nav-caption{padding:2px 12px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;opacity:.5}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:13px;color:rgba(255,255,255,.78);text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.side-nav a>i:first-child{font-size:17px;width:21px;text-align:center}.side-nav a span{flex:1}.side-nav a:hover{color:#fff;background:rgba(255,255,255,.08);transform:translateX(3px)}.side-nav a.active{background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(6,182,212,.76));color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.16)}.nav-arrow{font-size:11px}.sidebar-footer{display:flex;align-items:center;gap:10px;margin:20px 4px 2px;padding:13px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.sidebar-footer>i{font-size:20px;color:#6ee7b7}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:11px}.sidebar-footer small{font-size:10px;opacity:.62;margin-top:2px}.main-wrap{margin-left:286px;width:calc(100% - 286px);min-height:100vh}.topbar{position:sticky;top:0;z-index:1020;height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(227,233,242,.9)}.top-title{font-weight:800;color:var(--navy);font-size:17px}.top-subtitle{color:#8290a5;font-size:11px}.menu-btn{display:none;width:42px;height:42px;border:0;border-radius:13px;background:#eaf1ff;color:var(--blue);font-size:22px}.home-link,.logout-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;text-decoration:none}.home-link{gap:7px;padding:0 13px;background:#fff;border:1px solid var(--border);color:var(--navy);font-size:12px;font-weight:800}.logout-btn{width:42px;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 24px rgba(16,33,61,.05)}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.role-text{font-size:10px}.content{padding:28px}.portal-footer{text-align:center;color:#8a96a8;font-size:11px;padding:0 24px 24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.page-head h2{margin:0;color:var(--navy);font-size:27px;font-weight:800;letter-spacing:-.03em}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.page-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:22px;box-shadow:0 12px 28px rgba(37,99,235,.22)}.card,.panel{background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.card-header{padding:17px 20px;background:transparent;border-bottom:1px solid var(--border);color:var(--navy);font-size:14px;font-weight:800}.card-body{padding:20px}.form-label{display:block;margin-bottom:7px;color:#53627a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.form-control,.form-select{min-height:45px;padding:10px 12px;border:1px solid #dbe4f0;border-radius:11px;background:#fff;color:var(--ink);font-size:13px}.form-control:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .23rem rgba(37,99,235,.11)}textarea.form-control{min-height:100px}.btn{border-radius:11px;padding:10px 16px;font-size:13px;font-weight:800}.btn-primary{border:0;background:linear-gradient(135deg,var(--blue),#3b82f6)}.btn-warning{border:0;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.btn-dark{border:0;background:var(--navy)}.btn-success{border:0;background:linear-gradient(135deg,#059669,#10b981)}.table-responsive,.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:19px;box-shadow:0 12px 36px rgba(16,33,61,.06)}.table{margin:0}.table thead{background:#edf3fb;color:#53627a}.table thead th{padding:13px 14px;border:0;font-size:10px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.table tbody td{padding:13px 14px;border-color:#edf1f6;vertical-align:middle;font-size:13px}.table tbody tr:hover{background:#f8fbff}.badge-soft{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-size:11px;font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.status-new{background:#e0f2fe;color:#0369a1}.status-contacted{background:#ede9fe;color:#6d28d9}.status-interested{background:#fef3c7;color:#92400e}.status-joined,.status-approved,.status-active{background:#d1fae5;color:#047857}.status-rejected,.status-not-interested{background:#ffe4e6;color:#be123c}.status-pending{background:#fff7ed;color:#c2410c}.kpi-card{position:relative;overflow:hidden;min-height:132px;padding:20px;border:0;color:#fff}.kpi-card:before{content:"";position:absolute;width:120px;height:120px;right:-42px;top:-45px;border-radius:50%;background:rgba(255,255,255,.15)}.kpi-card .label{font-size:11px;font-weight:700;opacity:.78;text-transform:uppercase;letter-spacing:.08em}.kpi-card .value{margin-top:12px;font-size:29px;font-weight:800}.kpi-icon{position:absolute;right:18px;bottom:14px;font-size:34px;opacity:.32}.kpi-purple{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.kpi-orange{background:linear-gradient(135deg,#ea580c,#f59e0b)}.kpi-green{background:linear-gradient(135deg,#047857,#10b981)}.kpi-pink{background:linear-gradient(135deg,#be123c,#fb7185)}.kpi-blue{background:linear-gradient(135deg,#1d4ed8,#06b6d4)}.stat-card{height:100%;display:flex;align-items:center;justify-content:space-between;padding:22px;border:1px solid var(--border);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.stat-card>i{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:24px}.stat-label{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.stat-value{margin-top:8px;color:var(--navy);font-size:28px;font-weight:800}.dashboard-hero{position:relative;overflow:hidden;padding:28px;border-radius:23px;background:linear-gradient(135deg,#10213d,#174a76 65%,#0e7490);color:#fff;box-shadow:0 20px 46px rgba(16,33,61,.2)}.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;border:50px solid rgba(255,255,255,.06);border-radius:50%;right:-90px;top:-100px}.dashboard-hero h2{position:relative;z-index:1;color:#fff;margin:0;font-size:29px;font-weight:800}.dashboard-hero p{position:relative;z-index:1;margin:9px 0 0;color:#d7e7f8;max-width:620px;font-size:13px}.hero-actions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.hero-actions .btn-light{color:var(--navy)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quick-tile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:15px;text-decoration:none;color:var(--navy);background:#fff;transition:.2s}.quick-tile:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 10px 24px rgba(37,99,235,.08)}.quick-tile i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:18px}.quick-tile strong,.quick-tile small{display:block}.quick-tile strong{font-size:12px}.quick-tile small{font-size:10px;color:var(--muted);margin-top:2px}.timeline-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.timeline-item:last-child{border-bottom:0}.timeline-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue)}.timeline-item strong{font-size:12px;color:var(--navy)}.timeline-item p{font-size:11px;color:var(--muted);margin:3px 0}.timeline-item small{font-size:9px;color:#9aa5b4}.form-section-title{margin-top:4px;padding:10px 13px;border-radius:10px;background:linear-gradient(90deg,#eaf1ff,#f8fbff);border-left:4px solid var(--blue);color:#174a76;font-size:12px;font-weight:800}.empty-state{text-align:center;padding:36px;color:var(--muted);font-size:12px}.alert{border:0;border-radius:14px;box-shadow:0 10px 24px rgba(16,33,61,.07)}.section-title{margin-bottom:15px;color:var(--navy);font-size:14px;font-weight:800}.profile-avatar,.teacher-avatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.profile-avatar{width:92px;height:92px;border-radius:28px;font-size:36px;margin:auto}.teacher-avatar{width:58px;height:58px;border-radius:18px;font-size:22px;flex:0 0 auto}.teacher-card{transition:.2s}.teacher-card:hover{transform:translateY(-3px)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid div{padding:12px;border-radius:12px;background:#f7f9fc}.detail-grid small{display:block;color:var(--muted);margin-bottom:3px}.detail-grid strong{color:var(--navy)}.login-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 12% 12%,rgba(6,182,212,.22),transparent 25%),radial-gradient(circle at 88% 88%,rgba(245,158,11,.16),transparent 28%),linear-gradient(135deg,#07172d,#12325d 62%,#0b5f78)}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 35px 90px rgba(0,0,0,.32)}.login-showcase{position:relative;overflow:hidden;padding:54px;background:linear-gradient(145deg,rgba(9,30,57,.93),rgba(15,86,111,.88)),url('/assets/images/fcm-lab.jpg') center/cover;color:#fff}.login-showcase:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:60px solid rgba(255,255,255,.05);right:-120px;bottom:-115px}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-brand img{width:62px;height:62px;padding:5px;border-radius:17px;background:#fff;object-fit:contain}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:16px}.login-brand small{font-size:11px;opacity:.68;margin-top:3px}.login-showcase h1{position:relative;z-index:2;margin:54px 0 14px;font-size:40px;line-height:1.1;font-weight:800}.login-showcase p{position:relative;z-index:2;color:#d5e7f5;font-size:14px;max-width:460px}.login-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.login-feature{padding:13px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.11);font-size:11px;font-weight:700}.login-feature i{color:#67e8f9;margin-right:6px}.login-panel{padding:46px}.login-panel h2{margin:0;color:var(--navy);font-size:28px;font-weight:800}.login-panel>p{margin:7px 0 23px;color:var(--muted);font-size:12px}.role-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:19px}.role-option{position:relative}.role-option input{position:absolute;opacity:0}.role-option label{display:grid;place-items:center;gap:5px;min-height:70px;border:1px solid var(--border);border-radius:14px;color:#65748a;cursor:pointer;font-size:10px;font-weight:800;text-align:center;transition:.2s}.role-option label i{font-size:20px}.role-option input:checked+label{border-color:#60a5fa;background:#eaf1ff;color:#1d4ed8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.login-control{position:relative}.login-control i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8b98a9}.login-control .form-control{padding-left:41px;min-height:50px}.login-submit{min-height:50px}.login-help{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:10px}.login-help a{color:var(--blue);text-decoration:none;font-weight:800}.mobile-overlay{display:none}@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}.main-wrap{margin-left:0;width:100%}.menu-btn{display:grid;place-items:center}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(7,23,45,.48);z-index:1030;opacity:0;pointer-events:none;transition:.2s}body.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.content{padding:20px}.topbar{padding:0 18px}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{padding:38px}}@media(max-width:700px){.home-link span,.user-meta{display:none}.page-head{align-items:flex-start}.quick-grid{grid-template-columns:1fr}.content{padding:17px}.topbar{height:70px}.page-head h2{font-size:23px}.login-panel{padding:30px 23px}.role-picker{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.top-subtitle{display:none}.user-chip{padding-right:6px}.dashboard-hero{padding:23px}.dashboard-hero h2{font-size:24px}.login-help{display:block}.login-help a{display:block;margin-top:8px}}@media print{.sidebar,.topbar,.portal-footer,.no-print{display:none!important}.main-wrap{margin:0;width:100%}.content{padding:0}.card,.table-responsive{box-shadow:none}}