:root{--navy:#071426;--blue:#087ef5;--cyan:#16c6e8;--bg:#f4f7fb;--card:#fff;--text:#17243a;--muted:#77849a;--border:#e8edf4;--sidebar:258px}
*{box-sizing:border-box}body{color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none}.not-set{color:#dc3545;font-style:italic}.hint-block{color:var(--muted);font-size:.82rem}.error-summary{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:12px;padding:14px 18px;margin-bottom:18px}
.admin-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:28px 18px 20px;background:linear-gradient(180deg,#071426,#091a2f);color:#fff;display:flex;flex-direction:column;z-index:1040;box-shadow:12px 0 35px rgba(5,18,35,.08)}.sidebar-brand,.auth-brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:1.45rem;font-weight:900;font-style:italic;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 8px 24px rgba(8,126,245,.28)}.sidebar-brand strong,.auth-brand strong{display:block;font-size:1.28rem;letter-spacing:.12em;line-height:1}.sidebar-brand small,.auth-brand small{display:block;color:#92a6bd;font-size:.58rem;letter-spacing:.38em;margin-top:6px}.sidebar-caption{color:#5e738d;font-size:.65rem;font-weight:700;letter-spacing:.16em;margin:42px 12px 12px}.sidebar-nav{display:grid;gap:8px}.sidebar-link{display:flex;align-items:center;gap:13px;color:#91a3b9;padding:12px 14px;border-radius:11px;font-size:.9rem;font-weight:600;transition:.18s}.sidebar-link:hover{color:#fff;background:rgba(255,255,255,.06)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,rgba(8,126,245,.25),rgba(22,198,232,.09));box-shadow:inset 3px 0 var(--cyan)}.nav-symbol{display:grid;place-items:center;width:23px;height:23px;font-size:1.25rem;color:var(--cyan)}.sidebar-support{margin-top:auto;display:flex;gap:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px}.support-icon{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(22,198,232,.16)}.sidebar-support strong,.sidebar-support small,.sidebar-user strong,.sidebar-user small{display:block}.sidebar-support strong{font-size:.77rem}.sidebar-support small{color:#748aa3;font-size:.65rem;line-height:1.35;margin-top:3px}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);margin-top:17px;padding:17px 3px 0}.user-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:.8rem;font-weight:800;color:#071426;background:#e7fbff}.user-copy{min-width:0}.user-copy strong{font-size:.77rem}.user-copy small{color:#748aa3;font-size:.65rem}.logout-button{border:0;background:transparent;color:#71859d;padding:6px;font-size:1.1rem}.logout-button:hover{color:#fff}
.app-topbar{position:fixed;z-index:1030;top:0;right:0;left:var(--sidebar);height:74px;display:flex;align-items:center;padding:0 34px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.topbar-title strong,.topbar-title span{display:block}.topbar-title strong{font-size:.91rem}.topbar-title span{color:var(--muted);font-size:.72rem;margin-top:2px}.theme-button{margin-left:auto;width:38px;height:38px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--card)}.mobile-menu-button,.sidebar-backdrop{display:none}.admin-main{min-height:100vh;margin-left:var(--sidebar);padding-top:74px;display:flex;flex-direction:column}.admin-content{width:100%;max-width:1540px;margin:0 auto;padding:34px 38px 28px;flex:1}.app-breadcrumb{font-size:.75rem;margin-bottom:20px}.app-footer{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--border);padding:17px 38px;font-size:.71rem}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.page-eyebrow{display:block;color:var(--blue);font-size:.65rem;letter-spacing:.16em;font-weight:800;margin-bottom:7px}.page-heading h1{font-size:clamp(1.55rem,2.4vw,2.05rem);letter-spacing:-.035em;margin:0 0 7px;font-weight:750}.page-heading p{color:var(--muted);font-size:.88rem;margin:0}.app-primary-btn{color:#fff;background:linear-gradient(135deg,var(--blue),#0469db);border:0;border-radius:10px;padding:11px 17px;font-size:.8rem;font-weight:700;box-shadow:0 8px 20px rgba(8,126,245,.18)}.app-primary-btn:hover{color:#fff;transform:translateY(-1px)}
.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{position:relative;min-height:174px;overflow:hidden;padding:20px;border-radius:15px;background:var(--card);border:1px solid var(--border);box-shadow:0 7px 23px rgba(20,44,77,.045)}.stat-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font-weight:800;font-size:1.1rem;margin-bottom:13px}.stat-value{font-size:1.8rem;line-height:1;font-weight:800;letter-spacing:-.04em}.stat-card strong{display:block;font-size:.77rem;margin-top:8px}.stat-card small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px}.stat-line{position:absolute;inset:auto 20px 0;height:3px;border-radius:3px 3px 0 0;opacity:.75}.stat-blue .stat-icon{color:#087ef5;background:#eaf4ff}.stat-blue .stat-line{background:#087ef5}.stat-cyan .stat-icon{color:#089ab5;background:#e6faff}.stat-cyan .stat-line{background:#16c6e8}.stat-green .stat-icon{color:#16835c;background:#e9f9f1}.stat-green .stat-line{background:#29b980}.stat-red .stat-icon{color:#d64553;background:#fff0f2}.stat-red .stat-line{background:#ee5f6d}.stat-amber .stat-icon{color:#bf7712;background:#fff7e8}.stat-amber .stat-line{background:#f0a731}
.dashboard-card{overflow:hidden;border:1px solid var(--border);background:var(--card);border-radius:15px;box-shadow:0 7px 23px rgba(20,44,77,.045);margin-bottom:22px}.dashboard-card-header{min-height:72px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.dashboard-card-header>div{display:flex;align-items:center;gap:12px}.dashboard-card-header strong,.dashboard-card-header small{display:block}.dashboard-card-header strong{font-size:.86rem}.dashboard-card-header small{color:var(--muted);font-size:.67rem;margin-top:3px}.section-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:1.05rem}.section-icon.blue{color:var(--blue);background:#eaf4ff}.section-icon.amber{color:#b9710f;background:#fff5dd}.card-link{color:var(--blue);font-size:.72rem;font-weight:700}.dashboard-card .table{--bs-table-bg:transparent;margin:0}.dashboard-card .table thead th{padding:13px 20px;color:#8996a9;background:#fafbfd;border-bottom:1px solid var(--border);font-size:.61rem;letter-spacing:.08em}.dashboard-card .table tbody td{padding:15px 20px;color:var(--text);border-color:#f0f3f7;font-size:.75rem}.application-id{color:var(--blue);font-weight:700}.client-name{font-weight:650}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;font-size:.65rem;font-weight:700;white-space:nowrap}.status-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status-new{color:#08759b;background:#e7f8fc}.status-accepted{color:#187554;background:#eaf8f1}.status-rejected{color:#bf3c49;background:#fff0f2}.status-postponed{color:#a66a15;background:#fff6e4}.reminder-item{padding:14px 20px;font-size:.78rem;border-color:var(--border)}
.application-index>.d-flex,.application-view>.d-flex,.application-update>h1{margin-bottom:22px!important}.application-index h1,.application-view h1,.application-update h1{font-size:1.7rem;font-weight:750;letter-spacing:-.03em}.grid-view,.application-view .table,.application-form{padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--card);box-shadow:0 7px 23px rgba(20,44,77,.045)}.grid-view .table{margin:0;font-size:.76rem}.grid-view .table th{white-space:nowrap;color:#66758b;font-size:.67rem}.grid-view .form-control,.grid-view .form-select{min-width:90px;font-size:.72rem;border-color:var(--border)}.form-control,.form-select{border-radius:9px;border-color:#dfe6ef;padding:.65rem .8rem}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,245,.1)}.btn-primary{background:var(--blue);border-color:var(--blue);border-radius:9px}
.auth-body{min-height:100vh;background:#061426}.auth-main{min-height:100vh}.site-login{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:34px;background:radial-gradient(circle at 12% 20%,rgba(8,126,245,.2),transparent 27%),radial-gradient(circle at 90% 82%,rgba(22,198,232,.13),transparent 25%),#061426}.auth-decoration{position:absolute;width:260px;height:260px;border:1px solid rgba(22,198,232,.12);border-radius:50%}.auth-decoration-one{left:-100px;bottom:-80px}.auth-decoration-two{right:-90px;top:-110px;width:330px;height:330px}.login-split-card{position:relative;width:min(1120px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.38);z-index:1}.login-brand-panel{position:relative;min-height:650px;background:#09203a url('../images/atmu-academy.jpg') center/cover no-repeat}.login-brand-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,36,.28),rgba(4,18,34,.97)),linear-gradient(90deg,rgba(7,25,46,.4),transparent)}.login-brand-content{position:relative;z-index:1;min-height:650px;display:flex;flex-direction:column;justify-content:space-between;padding:38px 42px;color:#fff}.brand-message .eyebrow{display:block;color:var(--cyan);font-size:.67rem;letter-spacing:.18em;font-weight:800;margin-bottom:13px}.brand-message h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.045em;font-weight:750;margin-bottom:17px}.brand-message p{width:82%;color:#aebdce;font-size:.9rem}.brand-features{display:flex;gap:20px;color:#bbcad9;font-size:.68rem}.login-form-panel{min-height:650px;display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,66px)}.login-heading{display:flex;align-items:center;gap:13px;margin-bottom:34px}.login-lock{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:var(--blue);background:#eaf4ff;font-size:1.35rem}.login-heading h1{font-size:1.7rem;font-weight:750;letter-spacing:-.035em;margin:0 0 4px}.login-heading p{color:var(--muted);font-size:.75rem;margin:0}.login-form-panel .form-label{color:#34445b;margin-bottom:7px}.login-form-panel .input-group{border:1px solid #dfe6ef;border-radius:10px;overflow:hidden;transition:.18s}.login-form-panel .input-group:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,245,.1)}.login-form-panel .input-group-text,.login-form-panel .input-group .form-control{border:0;background:#fff}.login-form-panel .input-group-text{color:#8996a9;padding-left:14px}.login-form-panel .input-group .form-control{box-shadow:none;padding:.78rem .75rem;font-size:.84rem}.login-options label{color:#67758a;font-size:.74rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;border:0;border-radius:10px;background:linear-gradient(135deg,var(--blue),#056bdc);font-size:.82rem;font-weight:700;padding:.82rem 1rem;box-shadow:0 10px 24px rgba(8,126,245,.22)}.login-btn:hover{color:#fff;transform:translateY(-1px);background:#0673e7}.auth-note{color:#93a0b1;text-align:center;font-size:.65rem;margin:26px 0 0}.auth-brand-mobile{color:var(--text);margin-bottom:42px}.auth-brand-mobile small{color:var(--muted)}
[data-bs-theme=dark]{--bg:#081526;--card:#0e2036;--text:#e8f0f8;--muted:#8293aa;--border:#1d324b}[data-bs-theme=dark] .app-topbar{background:rgba(11,29,52,.92)}[data-bs-theme=dark] .dashboard-card .table thead th{background:#0a1b2e}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background-color:#0a1b2e;color:var(--text)}
@media(max-width:1199.98px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991.98px){.app-sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(3,12,24,.58);z-index:1035}.app-topbar{left:0;padding:0 20px}.mobile-menu-button{display:block;border:0;background:transparent;color:var(--text);font-size:1.35rem;margin-right:14px}.admin-main{margin-left:0}.login-split-card{max-width:560px}}@media(max-width:767.98px){.admin-content{padding:25px 17px}.page-heading{align-items:stretch;flex-direction:column}.page-heading .btn{align-self:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:160px}.dashboard-card-header{align-items:flex-start;gap:12px}.card-link{white-space:nowrap}.app-footer{padding:15px 17px}.site-login{padding:18px}.login-form-panel{min-height:590px;padding:34px 28px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.app-footer span:last-child{display:none}}

/* Spike-inspired ATMU dashboard */
.admin-body{background:#eef5f9}.admin-body .app-sidebar{top:14px;bottom:14px;left:14px;height:auto;border:1px solid #e2eaf1;border-radius:16px;background:#fff;color:#17243a;box-shadow:0 7px 24px rgba(29,61,93,.07)}.admin-body .sidebar-brand,.admin-body .auth-brand{color:#17243a}.admin-body .sidebar-brand small{color:#92a0b2}.admin-body .sidebar-caption{color:#98a5b5}.admin-body .sidebar-link{color:#66758a}.admin-body .sidebar-link:hover{color:#17243a;background:#f1f6fa}.admin-body .sidebar-link.active{color:#087ef5;background:#e7f4fb;box-shadow:none}.admin-body .sidebar-support{background:#f2f8fc;border-color:#e1eef6}.admin-body .sidebar-support strong{color:#25364d}.admin-body .sidebar-support small{color:#7b8ca0}.admin-body .sidebar-user{border:0;border-radius:13px;background:#e5f4fc;padding:12px;margin-top:15px}.admin-body .user-copy strong{color:#203149}.admin-body .user-copy small{color:#73859a}.admin-body .logout-button{color:#168fda}.admin-body .app-topbar{top:14px;right:16px;left:calc(var(--sidebar) + 30px);height:62px;border:1px solid #e2eaf1;border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(29,61,93,.055)}.admin-body .admin-main{margin-left:calc(var(--sidebar) + 14px);padding-top:88px}.admin-body .admin-content{padding-top:18px}
.dashboard-top-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(520px,1.85fr);gap:18px;margin-bottom:28px}.welcome-card{position:relative;min-height:244px;overflow:hidden;border:1px solid #e0e9f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(39,76,109,.06)}.welcome-copy{position:relative;z-index:2;width:62%;padding:30px}.welcome-copy h1{margin:0 0 8px;font-size:1.32rem;font-weight:750;letter-spacing:-.025em}.welcome-copy p{color:#738298;font-size:.77rem;line-height:1.6;margin-bottom:20px}.welcome-copy p strong{color:#26384f}.welcome-button{color:#fff;background:#1297df;border:0;border-radius:24px;padding:9px 17px;font-size:.72rem;font-weight:700}.welcome-button:hover{color:#fff;background:#087fc5}.welcome-art{position:absolute;inset:0 0 0 48%;background:linear-gradient(145deg,#eefaff,#dff3fb)}.welcome-art:before{content:'';position:absolute;right:-24px;top:-25px;width:160px;height:160px;border-radius:50%;background:#c8edf8}.art-orbit{position:absolute;border:2px solid rgba(8,126,245,.15);border-radius:50%}.orbit-one{width:190px;height:190px;right:10px;top:35px}.orbit-two{width:115px;height:115px;right:48px;top:73px}.art-device{position:absolute;right:38px;bottom:27px;width:123px;height:160px;border:8px solid #173d62;border-radius:22px;background:linear-gradient(160deg,#168fdc,#25c0e4);box-shadow:0 18px 28px rgba(22,87,134,.22);transform:rotate(5deg)}.art-device span{display:block;color:#fff;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.16em;margin-top:18px}.art-device i{display:block;width:66px;height:4px;border-radius:3px;background:rgba(255,255,255,.5);margin:9px auto}.art-device b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#0ca1df;font-size:1.3rem;margin:20px auto}
.dashboard-top-grid .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}.dashboard-top-grid .stat-card{min-height:244px;padding:21px;color:#fff;border:0;border-radius:18px;background:#0f96df;box-shadow:0 10px 24px rgba(13,137,209,.18)}.dashboard-top-grid .stat-card:nth-child(2){background:#157fd8}.dashboard-top-grid .stat-card:nth-child(3){background:#238fdd}.dashboard-top-grid .stat-card:nth-child(4){background:#0aa5d9}.stat-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.dashboard-top-grid .stat-icon{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.35);margin:0}.stat-arrow{color:rgba(255,255,255,.72);font-size:.85rem}.dashboard-top-grid .stat-value{position:relative;z-index:2;margin-top:43px;font-size:2rem}.dashboard-top-grid .stat-card strong{position:relative;z-index:2;font-size:.81rem}.dashboard-top-grid .stat-card small{position:relative;z-index:2;color:rgba(255,255,255,.73)}.card-blob{position:absolute;display:block;border-radius:0 0 0 65px}.blob-one{width:72px;height:72px;right:-7px;top:-4px;background:rgba(255,193,106,.92)}.blob-two{width:49px;height:57px;right:-7px;top:-4px;background:rgba(255,255,255,.16)}.stat-coral .blob-one{background:#ff9785}.stat-cyan .blob-one{background:#4bcce6}.stat-indigo .blob-one{background:#99afff}.content-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 14px}.content-heading h2{font-size:1.08rem;margin:0 0 4px;font-weight:750}.content-heading p{color:#8795a7;font-size:.7rem;margin:0}.dashboard-card{border-radius:17px;box-shadow:0 8px 24px rgba(39,76,109,.055)}
[data-bs-theme=dark] .admin-body{background:#152a3e}[data-bs-theme=dark] .admin-body .app-sidebar{background:#0e1d2f;border-color:#23384d;color:#fff}[data-bs-theme=dark] .admin-body .sidebar-brand{color:#fff}[data-bs-theme=dark] .admin-body .sidebar-link{color:#9aabc0}[data-bs-theme=dark] .admin-body .sidebar-link.active{color:#fff;background:#205873}[data-bs-theme=dark] .admin-body .sidebar-support,[data-bs-theme=dark] .admin-body .sidebar-user{background:#162d42;border-color:#29445d}[data-bs-theme=dark] .admin-body .sidebar-support strong,[data-bs-theme=dark] .admin-body .user-copy strong{color:#fff}[data-bs-theme=dark] .welcome-card{background:#0e2036;border-color:#23384d}[data-bs-theme=dark] .welcome-art{background:linear-gradient(145deg,#102e48,#173b53)}[data-bs-theme=dark] .welcome-copy p strong{color:#e8f0f8}
@media(max-width:1350px){.dashboard-top-grid{grid-template-columns:1fr}.dashboard-top-grid .stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-top-grid .stat-card{min-height:200px}.dashboard-top-grid .stat-value{margin-top:28px}}@media(max-width:991.98px){.admin-body .app-sidebar{top:0;bottom:0;left:0;border-radius:0}.admin-body .app-topbar{left:16px}.admin-body .admin-main{margin-left:0}}@media(max-width:767.98px){.dashboard-top-grid .stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-copy{width:72%;padding:24px}.welcome-art{left:60%}.dashboard-top-grid .stat-card{min-height:180px}.content-heading{align-items:flex-start;gap:12px}}@media(max-width:480px){.welcome-card{min-height:270px}.welcome-copy{width:100%;padding:24px}.welcome-copy p{width:70%}.welcome-art{left:70%;opacity:.55}.dashboard-top-grid .stats-grid{grid-template-columns:1fr 1fr}.dashboard-top-grid .stat-card{min-height:165px;padding:17px}.dashboard-top-grid .stat-value{margin-top:19px}.content-heading{flex-direction:column}.admin-body .app-topbar{right:10px;left:10px}}