:root{--bg:#0b0b0b;--surface:#121212;--surface2:#171717;--border:#272727;--text:#f4f0e7;--muted:#98958e;--gold:#d7a63c;--gold2:#f0c96b;--green:#69c58b;--purple:#a78bfa;--pink:#ef83ad;--red:#f17878;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:#0d0d0d;border-right:1px solid var(--border);padding:25px 17px;display:flex;flex-direction:column;z-index:30}.brand{padding:0 14px 22px;border-bottom:1px solid var(--border)}.brand img{width:166px;height:78px;object-fit:contain;display:block}.workspace{padding:20px 8px 14px}.workspace-label,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#716f6a}.campus-switcher{margin-top:9px;width:100%;background:#161616;border:1px solid #252525;color:#ddd9d0;border-radius:10px;padding:10px 11px;text-align:left;font:inherit;font-size:12px}.campus-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.chevron{float:right;color:#777}.nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#96938c;text-align:left;padding:11px 12px;border-radius:10px;font:600 13px "DM Sans";cursor:pointer;transition:.2s;display:flex;align-items:center;gap:10px}.nav-item:hover{background:#171717;color:#eee}.nav-item.active{background:linear-gradient(90deg,#242016,#171511);color:#f2d28b;border:1px solid #3a301c}.nav-icon{width:18px;text-align:center;font-size:16px;color:#777}.active .nav-icon{color:var(--gold)}.nav-badge{margin-left:auto;font-size:10px;background:#2c2414;color:#e3bb65;border-radius:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.upgrade-card{margin:8px 3px 13px;padding:14px;background:linear-gradient(145deg,#1b1812,#141414);border:1px solid #3a301e;border-radius:13px}.upgrade-icon{color:var(--gold);font-size:18px}.upgrade-card strong{display:block;margin-top:7px;font-size:12px}.upgrade-card p{font-size:10px;line-height:1.5;color:#817e77;margin:5px 0 9px}.upgrade-card button{border:0;background:none;color:#d8b35f;font-size:10px;padding:0;cursor:pointer}.muted{margin-bottom:8px}.user-mini{display:flex;align-items:center;gap:9px;padding:12px 9px;border-top:1px solid var(--border)}.user-mini strong{display:block;font-size:11px}.user-mini span{display:block;color:#777;font-size:10px;margin-top:2px}.dots{margin-left:auto!important;color:#777!important}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#3b3020;color:#e5bd67;font-size:10px;font-weight:700}.avatar.small{width:27px;height:27px;font-size:9px}.avatar.purple{background:#2e2940;color:#c4b5fd}.avatar.green{background:#203329;color:#8ee2a9}.avatar.pink{background:#392530;color:#f0a2c1}.main{margin-left:258px;flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(11,11,11,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.crumb{display:flex;gap:9px;color:#686660;font-size:12px}.crumb b{font-weight:400;color:#383838}.crumb strong{color:#c5c1b8}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn,.help-btn,.profile-btn{border:0;background:transparent;color:#a4a19a;cursor:pointer}.icon-btn{font-size:18px;position:relative}.notification-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);top:2px;right:1px}.help-btn{border:1px solid #373737;width:25px;height:25px;border-radius:50%;font-size:11px}.profile-btn{display:flex;align-items:center;gap:8px;font-size:11px}.content{padding:38px;max-width:1600px;margin:auto}.welcome,.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.welcome h1,.page-head h1{font-family:"Playfair Display",serif;font-size:34px;letter-spacing:-.03em;margin:7px 0}.welcome h1 span{font-family:"DM Sans";font-size:17px;color:var(--gold)}.subhead{color:#77756f;margin:0;font-size:12px}.primary{background:linear-gradient(135deg,#e4b957,#c18c28);border:0;color:#1a150b;font-weight:800;border-radius:10px;padding:11px 16px;cursor:pointer;box-shadow:0 7px 25px rgba(207,157,52,.13);transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(207,157,52,.2)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card,.panel{background:linear-gradient(145deg,#151515,#111);border:1px solid var(--border);border-radius:var(--radius)}.stat-card{padding:18px 19px}.stat-top{display:flex;justify-content:space-between;color:#77756e;font-size:11px}.stat-icon{width:27px;height:27px;border:1px solid #292929;border-radius:8px;display:grid;place-items:center;color:#777}.stat-icon.gold{color:var(--gold);border-color:#493c21}.stat-card>strong{font-size:28px;display:block;margin:12px 0 5px;letter-spacing:-.04em}.trend{font-size:10px}.trend.up{color:#75c994}.trend.neutral{color:#d2ad5b}.trend span{color:#66635e;margin-left:4px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.panel-head h2{font-size:14px;margin:0 0 4px}.panel-head p{font-size:10px;color:#696761;margin:0}.text-btn,.filter-btn{background:none;border:0;color:#cba454;font-size:10px;cursor:pointer}.filter-btn{border:1px solid #2b2b2b;color:#85817a;padding:7px 9px;border-radius:8px}.event-list{display:grid}.event-row{display:grid;grid-template-columns:46px 1fr auto 20px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #202020}.event-row:first-child{border-top:0;padding-top:0}.date-chip{height:45px;width:43px;border:1px solid #302c25;border-radius:10px;background:#17140f;display:grid;place-items:center;align-content:center}.date-chip b{font-size:17px;line-height:17px}.date-chip span{font-size:8px;color:var(--gold);letter-spacing:.12em}.event-main strong{display:block;font-size:12px}.event-main>span{display:block;color:#6f6d67;font-size:10px;margin-top:3px}.event-meta{display:flex!important;gap:8px;align-items:center;margin-top:7px!important}.event-meta>span:last-child{color:#76736c}.pill{font-size:8px!important;display:inline-block!important;color:#d8b96f!important;background:#282114;border-radius:12px;padding:3px 7px}.pill.purple{color:#c3b5fa!important;background:#28243a}.pill.green{color:#8ed5a4!important;background:#203128}.pill.pink{color:#e99abb!important;background:#38242d}.status{font-size:9px}.status.live{color:#79c996}.status.full{color:#d8ae52}.row-menu{border:0;background:none;color:#5f5d58;letter-spacing:2px;cursor:pointer}.chart-wrap{display:flex;height:230px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px 24px 0;color:#555;font-size:8px}.chart{position:relative;flex:1}.gridline{position:absolute;left:0;right:0;border-top:1px dashed #262626}.g1{top:9px}.g2{top:55px}.g3{top:101px}.g4{top:147px}.chart svg{position:absolute;inset:0 0 25px;width:100%;height:190px}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#5f5d58;font-size:8px}.chart-foot{border-top:1px solid #222;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;color:#777}.chart-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:5px}.chart-foot strong{color:#c7c2b8}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick{background:#121212;border:1px solid #252525;color:#eee;text-align:left;border-radius:11px;padding:14px;cursor:pointer;transition:.2s}.quick:hover{border-color:#574622;background:#17140f;transform:translateY(-2px)}.quick>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#242016;color:var(--gold);margin-bottom:11px;font-size:17px}.quick strong{display:block;font-size:10px}.quick small{display:block;color:#64625c;font-size:8px;margin-top:4px}.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #222}.activity-item:first-child{border-top:0}.activity-avatar{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:12px}.gold-bg{background:#2b2415;color:#e0b75d}.purple-bg{background:#28243a;color:#c4b5fd}.green-bg{background:#203229;color:#83d09e}.activity-item strong{display:block;font-size:10px}.activity-item span,.activity-item time{font-size:8px;color:#64615c}.activity-item time{align-self:start;padding-top:3px}.page{display:none}.page.active{display:block}.page-head{align-items:center}.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.event-card{background:#141414;border:1px solid var(--border);border-radius:18px;overflow:hidden}.event-banner{height:110px}.gold-banner{background:radial-gradient(circle at 30% 30%,#e1bb67,#3b2d16 45%,#17120b)}.purple-banner{background:radial-gradient(circle at 70% 30%,#a78bfa,#2d2743 42%,#14111d)}.green-banner{background:radial-gradient(circle at 35% 40%,#76d39a,#20372a 42%,#111a15)}.event-card-body{padding:18px}.event-card h3{margin:11px 0 5px;font-family:"Playfair Display",serif;font-size:19px}.event-card p,.event-card-body>div{color:#77746e;font-size:10px}.event-card-body>div{margin:12px 0 16px}.event-card-body>div b{color:#ddd}.outline{border:1px solid #383838;background:transparent;color:#c6c1b7;border-radius:8px;padding:9px 11px;font-size:10px;cursor:pointer}.outline:hover{border-color:#6b552d;color:#e0bd6a}.attendance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-panel{display:grid;place-items:center;min-height:420px}.qr-placeholder{text-align:center;display:grid;justify-items:center;gap:10px}.qr-box{width:220px;height:220px;background:repeating-linear-gradient(0deg,#eee 0 4px,#161616 4px 8px),repeating-linear-gradient(90deg,transparent 0 4px,#161616 4px 8px);border:15px solid #eee;outline:1px solid #777;display:grid;place-items:center;margin-bottom:10px}.qr-box span{background:#eee;color:#111;font-size:45px;padding:8px}.qr-placeholder strong{font-size:15px}.qr-placeholder>span{color:#777;font-size:10px}.qr-placeholder small{color:#555;font-size:9px}.attendance-summary{padding:28px}.summary-big{display:grid;gap:5px}.summary-big span{color:#777;font-size:10px}.summary-big strong{font-size:36px;letter-spacing:-.05em}.summary-big em{color:#7bd09a;font-size:11px;font-style:normal}.progress{height:7px;background:#252525;border-radius:9px;margin:20px 0}.progress i{display:block;height:100%;background:var(--gold);border-radius:9px}.summary-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #252525;color:#777;font-size:11px}.summary-row b{color:#ddd}.full-btn{width:100%;margin-top:12px}.search-box{border:1px solid #303030;border-radius:9px;padding:9px 11px;color:#777;min-width:250px}.search-box input{border:0;background:transparent;color:#eee;outline:0;width:210px;font:inherit;font-size:11px;margin-left:5px}.table-panel{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#65625d;font-weight:600;padding:14px 18px;border-bottom:1px solid #262626}td{padding:15px 18px;border-bottom:1px solid #202020;color:#85817a;font-size:10px}tr:last-child td{border-bottom:0}.student-cell{display:flex;align-items:center;gap:9px}.student-cell strong{color:#ddd;font-size:11px}.attendance-good{color:#77ce96}.attendance-mid{color:#d7ad58}.cert-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.cert-stat,.report-card{padding:22px}.cert-stat span,.report-card span{color:#777;font-size:10px}.cert-stat strong,.report-card strong{display:block;font-size:32px;margin:8px 0}.cert-stat small{color:#73c990;font-size:9px}.emptyish{min-height:260px;display:grid;place-items:center;text-align:center;align-content:center}.certificate-mark{width:56px;height:56px;border-radius:15px;background:#282114;color:var(--gold);display:grid;place-items:center;font-size:25px}.emptyish h3{margin:15px 0 5px;font-family:"Playfair Display",serif}.emptyish p{margin:0;color:#6f6c65;font-size:10px}.report-card p{color:#6f6c65;font-size:10px}.mini-bars{height:55px;display:flex;gap:5px;align-items:end}.mini-bars i{display:block;flex:1;background:#735b2b;border-radius:3px 3px 0 0}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(500px,calc(100% - 30px));background:#161616;border:1px solid #34302a;border-radius:18px;padding:27px;box-shadow:0 30px 100px #000}.modal-card h2{font-family:"Playfair Display",serif;font-size:26px;margin:7px 0}.modal-copy{font-size:11px;color:#716e68;margin:0 0 20px}.modal-card label{display:block;color:#a19e97;font-size:10px;margin-bottom:13px}.modal-card input{display:block;width:100%;margin-top:6px;background:#101010;border:1px solid #303030;color:#eee;border-radius:8px;padding:11px;font:inherit;font-size:11px;outline:0}.modal-card input:focus{border-color:#735b2b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-close{position:absolute;right:17px;top:13px;background:none;border:0;color:#777;font-size:23px;cursor:pointer}.mobile-menu{display:none;background:none;border:0;color:#bbb;font-size:20px}@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:260px;box-shadow:20px 0 60px #000}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{padding:0 17px}.mobile-menu{display:block}.crumb{margin-right:auto;margin-left:10px}.profile-btn span:nth-child(2),.profile-btn>span:last-child{display:none}.content{padding:25px 16px}.welcome,.page-head{align-items:flex-start;flex-direction:column}.welcome h1,.page-head h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr}.event-cards,.attendance-grid,.cert-grid,.report-grid{grid-template-columns:1fr}.event-row{grid-template-columns:43px 1fr auto}.row-menu{display:none}.search-box{width:100%;min-width:0}.search-box input{width:calc(100% - 25px)}.quick-actions{grid-template-columns:1fr 1fr}.top-actions .help-btn{display:none}.qr-box{width:180px;height:180px}}@media(max-width:450px){.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.stats-grid .stat-card>strong{font-size:25px}}