/* Consent First — Gilded Ledger Core PHP design system. Ink surfaces, ivory reading matter, and reserved gold signal. */
:root{--ink:#080808;--black:#0d0d0d;--panel:#111213;--raised:#151515;--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.055);--gold:#d4af37;--gold-light:#e5c76b;--ivory:#f5f1e8;--muted:#a6a39b;--green:#5fbf78;--amber:#d9a441;--red:#d96b6b;--blue:#6b9bd1;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 82% 0,rgba(212,175,55,.045),transparent 31rem),var(--ink);color:var(--ivory);font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:220px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 12px 18px;border-right:1px solid var(--line);background:linear-gradient(160deg,#090909,#0b0e10)}.brand-lockup{text-align:center;color:var(--gold)}.brand-lockup strong{font-family:"Cormorant Garamond",serif;font-size:29px;line-height:.81;letter-spacing:.05em}.brand-lockup>div{display:flex;align-items:center;gap:7px;width:142px;margin:12px auto 8px}.brand-lockup>div span{height:1px;flex:1;background:currentColor}.brand-lockup small{font-size:9px;font-weight:800;letter-spacing:.14em}.sidebar nav{display:grid;gap:6px;margin-top:42px}.sidebar nav a{position:relative;display:flex;align-items:center;gap:16px;padding:13px 18px;border-radius:0 8px 8px 0;color:#dedbd4;font-size:14px;font-weight:600;transition:.16s var(--ease)}.sidebar nav a:hover{background:rgba(255,255,255,.035)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(212,175,55,.09));color:var(--gold-light)}.sidebar nav a.active:before{position:absolute;inset:0 auto 0 -12px;width:3px;background:var(--gold);content:""}.sidebar-bottom{display:grid;gap:22px}.sidebar-quote{padding:16px 13px 14px;border:1px solid rgba(212,175,55,.18);border-radius:7px;color:var(--gold);text-align:center}.sidebar-quote>b{font-family:Georgia,serif;font-size:25px}.sidebar-quote p{margin:4px 0 11px;font-family:"Cormorant Garamond",serif;font-size:16px;font-weight:600;line-height:1.24}.profile-card{display:flex;align-items:center;gap:10px;padding:0 5px}.profile-card img{width:47px;height:47px;border:2px solid rgba(212,175,55,.45);border-radius:50%;object-fit:cover}.profile-card span:nth-child(2){display:grid;flex:1;gap:2px}.profile-card b{font-size:12px}.profile-card small,.top-profile small{color:var(--gold);font-size:10px;font-weight:700}.main-content{min-height:100vh;margin-left:220px}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 26px 0 19px;border-bottom:1px solid var(--line);background:rgba(8,8,8,.9)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.menu-button{display:grid;place-items:center;width:54px;height:64px;margin-left:-19px;border:0;border-right:1px solid var(--line);background:transparent}.topbar-left>b{font-size:15px}.topbar-left small{display:none;color:var(--muted)}.global-search{display:flex;align-items:center;gap:8px;width:230px;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:#0c0c0c}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ivory);font-size:12px}.notification{position:relative;border:0;background:transparent;padding:8px}.notification i{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--gold);color:#201909;font-size:10px;font-style:normal;font-weight:800}.top-profile{display:flex;align-items:center;gap:9px}.top-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover}.top-profile span{display:grid;gap:2px}.top-profile b{font-size:11px}.page-content{max-width:1780px;margin:0 auto;padding:23px 28px 30px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:78px;margin-bottom:10px}.page-header h1{margin:0 0 4px;font-size:27px;font-weight:800;letter-spacing:-.045em;line-height:1.05}.page-header p{margin:0;color:#d5d1ca;font-size:13px}.page-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.btn,.select-btn,.rows-btn,.date-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:13px;font-weight:700;white-space:nowrap;transition:.16s var(--ease)}.btn:hover,.date-btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(105deg,#ddb654,#cfa23b);box-shadow:inset 0 1px rgba(255,255,255,.25);color:#1a1509}.btn.secondary{border-color:rgba(212,175,55,.67);color:var(--gold-light)}.btn.secondary:hover,.date-btn:hover{border-color:var(--gold-light);background:rgba(212,175,55,.08)}.date-btn{border-color:var(--line);color:#dedbd4}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}.metric-card{display:flex;align-items:center;gap:16px;min-height:107px;padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#131313,#0e1011);transition:.16s var(--ease)}.metric-card:hover{border-color:rgba(212,175,55,.25);transform:translateY(-1px)}.metric-icon{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;border:1px solid rgba(212,175,55,.75);border-radius:50%;color:var(--gold)}.metric-card small{display:block;color:#e2ded6;font-size:12px}.metric-card strong{display:block;font-size:26px;letter-spacing:-.035em}.metric-card p{margin:6px 0 0;color:#aaa59d;font-size:11px}.metric-card p.up{color:#aaa59d}.metric-card p.up:first-letter{color:var(--green)}.metric-card p.down:first-letter{color:var(--red)}.panel,.data-panel{border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#121212,#0f1011)}.panel{position:relative;min-height:280px;padding:18px 20px}.panel h2,.section-title{margin:0;font-size:15px;letter-spacing:-.02em}.panel-head{margin-bottom:16px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-layout{display:flex;align-items:center;gap:38px;min-height:199px}.donut{display:grid;flex:0 0 auto;place-items:center;width:204px;height:204px;border-radius:50%;background:conic-gradient(#59a657 0 34.6%,#d5a33d 34.6% 80.1%,#3b7eca 80.1% 96%,#777 96% 100%)}.donut>div{display:grid;place-content:center;width:135px;height:135px;border-radius:50%;background:#111213;text-align:center}.donut strong{font-size:23px}.donut span{color:var(--muted);font-size:10px}.legend{flex:1}.legend p{display:flex;align-items:center;gap:9px;margin:0;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.legend p:last-child{border:0}.legend i{width:10px;height:10px;border-radius:50%}.legend b{font-weight:600}.legend span{margin-left:auto}.text-link{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--gold-light);font-size:12px}.activity-list{display:grid;gap:15px}.activity{display:flex;align-items:center;gap:13px}.activity-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%}.activity-icon.green{border:1px solid rgba(95,191,120,.5);background:rgba(95,191,120,.12);color:#63b46d}.activity-icon.gold{border:1px solid rgba(212,175,55,.5);background:rgba(212,175,55,.13);color:#dfb748}.activity-icon.blue{border:1px solid rgba(107,155,209,.5);background:rgba(107,155,209,.12);color:#6b9bd1}.activity>div:nth-child(2){display:grid;min-width:0;gap:2px}.activity strong{font-size:13px}.activity span,.activity time{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.activity time{margin-left:auto}.course-list{display:grid;gap:7px}.top-course{display:grid;grid-template-columns:83px 1.15fr 1.18fr 58px;align-items:center;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--line-soft)}.top-course img{width:83px;height:48px;border-radius:4px;object-fit:cover}.top-course>div{display:grid;gap:3px}.top-course strong{font-size:12px}.top-course span{color:var(--muted);font-size:10px}.top-course .rate{grid-template-columns:1fr 27px;align-items:center}.top-course .rate>span{grid-column:1/-1}.top-course .rate b{font-size:11px;text-align:right}.progress{display:block;overflow:hidden;height:7px;border-radius:99px;background:#2b2d2e}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e4b941,#c99529)}.deadline{display:grid;grid-template-columns:64px 1fr 90px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;border:1px solid var(--line-soft);border-radius:5px}.date-tile{padding:7px 3px;background:#161616;text-align:center}.date-tile small{display:block;color:var(--muted);font-size:9px}.date-tile strong{font-size:19px}.deadline>div:not(.date-tile){display:grid;gap:3px}.deadline b{font-size:12px}.deadline span{color:var(--muted);font-size:10px}.deadline>div:last-child{text-align:right}.deadline>div:last-child span{color:var(--gold-light)}.filter-bar{display:flex;align-items:center;gap:14px;margin-bottom:10px;padding:10px 0}.search-field{display:flex;align-items:center;gap:11px;flex:1;max-width:390px;min-width:275px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:5px;background:#0d0e0f}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ivory);font-size:12px}.filter-selects{display:flex;gap:14px}.select-btn{min-width:155px;justify-content:space-between;border-color:var(--line);background:#0e0f10;color:#e6e1d9}.filter-btn{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:7px;background:transparent}.reset-btn{border:0;background:transparent;color:var(--gold-light);font-size:12px;font-weight:700}.data-panel{overflow:auto}.data-head,.data-row{display:grid;align-items:center;column-gap:16px}.data-head{min-height:50px;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);color:#c4c0b8;font-size:10px;font-weight:700}.data-row{min-height:66px;padding:9px 12px;border-bottom:1px solid var(--line-soft);color:#e8e4dc;font-size:12px}.data-row:hover{background:rgba(255,255,255,.018)}.student-grid{grid-template-columns:2.35fr 1.05fr 1.4fr 1.4fr 1.28fr 1.08fr 1.3fr 56px;min-width:1120px}.student{display:flex;align-items:center;gap:11px;min-width:0}.student img{width:44px;height:44px;border-radius:50%;object-fit:cover}.student>div,.stack{display:grid;gap:3px}.data-row strong{font-size:12px;font-weight:600}.data-row span{color:var(--muted);font-size:10px}.status,.level,.type{display:inline-flex;width:max-content;align-items:center;border:1px solid var(--line);border-radius:4px;padding:4px 8px;color:var(--muted);font-size:10px;white-space:nowrap}.status.in-progress,.status.draft{border-color:rgba(217,164,65,.35);background:rgba(217,164,65,.04);color:var(--gold-light)}.status.completed,.status.published,.status.verified{border-color:rgba(95,191,120,.31);background:rgba(95,191,120,.04);color:#82d28d}.score.good,.score.excellent{color:var(--green)}.score.average{color:var(--amber)}.score.needs{color:var(--red)}.actions{display:flex;gap:8px}.square-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:transparent}.square-btn:hover{border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.08);color:var(--gold-light)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:10px 12px;color:var(--muted);font-size:11px}.pager{display:flex;align-items:center;gap:7px}.rows-btn{min-height:35px;border-color:var(--line);padding:0 10px;color:var(--ivory);font-size:11px}.page-no{width:35px;height:35px;border:1px solid var(--line);border-radius:4px;background:transparent}.page-no.active{border-color:transparent;background:linear-gradient(135deg,#e0b64e,#c79a34);color:#201805;font-weight:800}.course-grid{grid-template-columns:2.4fr .72fr .72fr .75fr 1.15fr .72fr .86fr .8fr;min-width:1050px}.course{display:flex;align-items:center;gap:12px;min-width:0}.course img{width:92px;height:59px;border-radius:4px;object-fit:cover}.course>div{display:grid;min-width:0;gap:4px}.course>div>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course>div>span{line-height:1.45;font-size:11px}.enrolled{display:flex;align-items:center;gap:7px}.level.level-1{border-color:rgba(95,191,120,.33);color:#7ecf82}.level.level-2{border-color:rgba(107,155,209,.33);color:#6b9bd1}.level.level-3{border-color:rgba(191,134,209,.33);color:#bf86d1}.breadcrumbs{display:flex;align-items:center;gap:9px;margin:-2px 0 8px;color:var(--gold-light);font-size:12px}.breadcrumbs b{color:var(--ivory)}.course-select{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--muted);font-size:11px}.course-select select{min-width:266px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:#0e0f10;color:var(--ivory)}.lesson-grid{grid-template-columns:2.3fr .72fr .85fr .72fr .82fr .5fr .55fr 1.1fr .8fr;min-width:1050px}.lesson{display:flex;align-items:center;gap:10px;min-width:0}.lesson img{width:72px;height:55px;border-radius:4px;object-fit:cover}.lesson>div{display:grid;min-width:0;gap:3px}.lesson strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson span{line-height:1.35;font-size:10px}.type.video{border-color:rgba(194,135,217,.35);color:#c287d9}.type.text{border-color:rgba(107,155,209,.35);color:#6b9bd1}.type.interactive{border-color:rgba(121,189,122,.35);color:#79bd7a}.type.audio{border-color:rgba(221,173,67,.35);color:#ddad43}.tab-strip{display:flex;gap:27px;margin:0 -28px 17px;padding:0 28px;border-bottom:1px solid var(--line)}.tab-strip a{padding:12px 5px;color:#bab6ae;font-size:12px}.tab-strip a.active{box-shadow:inset 0 -2px var(--gold);color:var(--gold-light)}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-row b{font-size:12px}.questions{display:grid;max-width:900px;gap:13px}.question-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#111213}.question-top{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 14px}.question-top>div{display:flex;align-items:center;gap:12px}.question-top b,.question-top span{font-size:12px}.question-top span{color:var(--muted)}.question-top button{border:0;background:transparent}.question-body{display:none;border-top:1px solid var(--line)}.question-card.open .question-body{display:block}.question-body h3{margin:19px 34px;font-size:13px}.answer{display:flex;align-items:center;gap:10px;min-height:41px;margin:0 34px 3px;padding:0 8px;border-radius:4px;font-size:12px}.answer i{width:16px;height:16px;border:1px solid #999;border-radius:50%}.answer.correct{border:1px solid rgba(95,191,120,.18);background:linear-gradient(90deg,rgba(46,126,65,.12),rgba(46,126,65,.02));color:#90d593}.answer.correct i{border-color:#72be77;background:#72be77}.question-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:18px;padding:16px 34px;border-top:1px solid var(--line)}.question-actions>span{margin-right:auto;font-size:11px}.text-btn{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#8ec3ed;font-size:11px}.text-btn.danger{color:var(--red)}.quiz-footer{display:flex;align-items:center;justify-content:space-between;max-width:900px;padding:20px 0}.quiz-footer>span{font-size:11px}.certificate-layout{max-width:1010px}.certificate-paper{padding:15px;border-radius:9px;background:#eee8d8;color:#1e1c18}.certificate-inner{position:relative;min-height:465px;overflow:hidden;padding:29px 38px;border:3px double #cda94e;text-align:center}.certificate-inner .mark{width:29px;height:29px;margin:0 auto 2px}.certificate-brand{margin:0;color:#b99235;font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:700;line-height:.75;letter-spacing:.08em}.certificate-tag{display:block;margin:12px 0 14px;color:#a77a20;font-size:8px;font-weight:800;letter-spacing:.18em}.certificate-ribbon{position:absolute;top:0;right:36px;padding:19px 13px 30px;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);background:#151717;color:#e2b951;font-size:15px;font-weight:800;line-height:1.3}.certificate-inner h2{margin:0 0 8px;font-size:21px;letter-spacing:.04em}.certificate-inner>p{margin:5px 0;color:#a47725;font-size:13px}.certificate-inner h1{margin:3px;font-family:"Cormorant Garamond",serif;font-size:55px;font-style:italic;font-weight:600;line-height:.95}.certificate-inner h3{margin:8px 0 6px;font-size:17px}.certificate-inner>strong{font-size:12px}.certificate-sign{display:grid;grid-template-columns:1fr 92px 1fr;align-items:end;gap:22px;margin-top:21px}.certificate-sign>span{padding-bottom:3px;border-bottom:1px solid #c8a755;font-size:11px}.certificate-sign small{font-size:10px}.seal{display:grid;place-items:center;justify-self:center;width:77px;height:77px;border:4px solid #d1a444;border-radius:50%;background:radial-gradient(circle,#dcbb61 0 22%,#c29025 24% 38%,#e7c875 40% 46%,#c99a32 48%);box-shadow:0 4px 6px rgba(0,0,0,.18);color:#f2dc8c}.signature{font-family:"Cormorant Garamond",serif;font-size:20px!important;font-style:italic;line-height:.75}.signature small{display:block;margin-top:8px;font-family:Manrope,sans-serif;font-style:normal;line-height:1.35}.certificate-details{display:grid;gap:15px;margin-top:15px}.details-strip{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#111213}.details-strip>div{display:grid;gap:5px;padding:16px 14px;border-right:1px solid var(--line)}.details-strip>div:last-child{border:0}.details-strip svg{color:var(--gold)}.details-strip span,.details-strip em{color:var(--muted);font-size:10px;font-style:normal}.details-strip b{font-size:11px}.certificate-info{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px;border:1px solid var(--line);border-radius:7px;background:#111213}.certificate-info h2{margin:0 0 15px;font-size:13px}.certificate-info p{display:grid;grid-template-columns:120px 1fr;gap:16px;margin:0;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:10px}.certificate-info p span{color:var(--muted)}.verify-box{display:flex;align-items:center;gap:15px;max-width:250px}.verify-box>div:last-child{display:grid;gap:7px}.verify-box b{font-size:12px}.verify-box span{color:var(--muted);font-size:10px;line-height:1.5}.fake-qr{display:grid;flex:0 0 auto;place-items:center;width:103px;height:103px;border:6px solid #fff;background:repeating-conic-gradient(#111 0 25%,#eee 0 50%) 0/15px 15px;color:#111}.settings-tabs{display:flex;gap:21px;overflow:auto;margin-bottom:12px;border-bottom:1px solid var(--line)}.settings-tabs a{flex:0 0 auto;padding:13px 2px;color:#d4d0c8;font-size:12px}.settings-tabs a.active{box-shadow:inset 0 -2px var(--gold);color:var(--gold-light)}.settings-grid{display:grid;grid-template-columns:1.12fr .92fr;gap:20px;max-width:1266px}.general-card{min-height:670px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.field{display:grid;gap:7px}.field>span,.form-label{color:#d9d5ce;font-size:11px}.field input,.field select{width:100%;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:4px;outline:0;background:#0b0d0e;color:#e4e1d9;font-size:11px}.form-label{display:block;margin:19px 0 10px}.logo-upload{display:flex;align-items:center;gap:22px}.logo-preview{display:grid;place-items:center;width:148px;height:144px;border:1px solid var(--line);border-radius:5px;background:#0d0e0f}.logo-preview .brand-lockup{transform:scale(.72)}.logo-upload>div:nth-child(2){display:grid;gap:11px}.logo-upload p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.remove{border:0;background:transparent;color:var(--red);text-align:left;font-size:11px}.editor{position:relative;min-height:140px;border:1px solid var(--line);border-radius:4px;background:#0b0d0e}.editor-tools{display:flex;align-items:center;gap:15px;height:35px;padding:0 12px;border-bottom:1px solid var(--line)}.editor p{max-width:580px;margin:13px;color:#d9d5ce;font-size:12px;line-height:1.55}.editor small{position:absolute;right:10px;bottom:8px;color:var(--muted);font-size:10px}.settings-side{display:grid;align-content:start;gap:17px}.settings-panel{min-height:0;padding:18px 20px}.settings-panel .field{margin-top:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}.toggle-row>div{display:grid;gap:4px}.toggle-row span{font-size:11px}.toggle-row small{color:var(--muted);font-size:10px}.toggle{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:20px;background:#707174}.toggle i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#e5e5e5;transition:.18s var(--ease)}.toggle.on{background:#d4a83e}.toggle.on i{transform:translateX(16px);background:#fff7df}.settings-footer{display:flex;justify-content:space-between;max-width:1266px;margin-top:32px;color:var(--muted);font-size:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:40;max-width:320px;padding:13px 17px;border:1px solid rgba(212,175,55,.35);border-radius:7px;background:#191815;color:var(--ivory);box-shadow:0 18px 42px rgba(0,0,0,.35);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s var(--ease)}.toast.visible{opacity:1;transform:translateY(0)}.sidebar-backdrop{display:none}@media(max-width:1320px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-grid,.lesson-grid{min-width:1050px}.student-grid{min-width:1120px}.global-search{width:180px}}@media(max-width:1100px){.dashboard-grid,.settings-grid{grid-template-columns:1fr}.settings-side{grid-template-columns:repeat(2,1fr)}.settings-side .settings-panel:last-child{grid-column:1/-1}.top-profile span{display:none}}@media(max-width:820px){.sidebar{transform:translateX(-105%);transition:transform .26s var(--ease);box-shadow:20px 0 45px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:9;inset:0;border:0;background:rgba(0,0,0,.56)}.sidebar.open+.sidebar-backdrop{display:block}.main-content{margin-left:0}.topbar{padding:0 18px}.menu-button{margin-left:-18px}.top-profile{display:none}.page-content{padding:21px 18px 28px}.page-header{flex-direction:column;min-height:auto;margin-bottom:16px}.page-actions{justify-content:flex-start;width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%;max-width:none;width:100%}.filter-selects{flex:1;overflow:auto}.details-strip{grid-template-columns:repeat(2,1fr)}.details-strip>div:nth-child(2){border:0}.details-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.certificate-info{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.topbar{height:58px}.menu-button{height:58px}.topbar-left>b{font-size:13px}.topbar-left small{display:inline}.global-search{display:none}.page-content{padding:18px 14px 26px}.page-header h1{font-size:25px}.page-header p{font-size:12px;line-height:1.55}.page-actions{gap:8px}.btn{min-height:38px;padding:0 11px;font-size:11px}.metrics-grid{grid-template-columns:1fr;gap:8px}.metric-card{min-height:87px;padding:14px}.metric-icon{width:46px;height:46px}.metric-card strong{font-size:23px}.dashboard-grid{gap:10px}.panel{padding:15px}.progress-layout{gap:16px}.donut{width:155px;height:155px}.donut>div{width:105px;height:105px}.donut strong{font-size:19px}.legend p{gap:6px;padding:8px 0;font-size:10px}.activity time{display:none}.top-course{grid-template-columns:55px 1fr 76px;gap:8px}.top-course img{width:55px;height:42px}.top-course .rate{display:none}.deadline{grid-template-columns:50px 1fr}.deadline>div:last-child{display:none}.filter-bar{gap:8px}.filter-selects{gap:8px}.select-btn{min-width:135px;min-height:38px;padding:0 10px;font-size:11px}.data-panel{overflow:visible}.data-head{display:none}.data-row{display:block;min-height:0;padding:15px}.student-grid,.course-grid,.lesson-grid{min-width:0}.data-row>[data-label]{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:30px;padding:6px 0;border-bottom:1px solid var(--line-soft)}.data-row>[data-label]:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.data-row>[data-label]:last-child{border-bottom:0}.student,.course,.lesson{align-items:flex-start!important;justify-content:flex-start!important;min-height:55px!important;padding-top:0!important}.student:before,.course:before,.lesson:before{display:none}.student>div,.course>div,.lesson>div{display:grid!important;flex:1;padding:0!important;border:0!important}.course img{width:76px;height:54px}.lesson img{width:60px;height:47px}.course>div>strong,.lesson strong{overflow:visible;white-space:normal}.data-row>[data-label="Progress"],.data-row>[data-label="Completion Rate"]{display:grid!important;grid-template-columns:1fr 1fr}.data-row>[data-label="Progress"]>.progress,.data-row>[data-label="Completion Rate"]>.progress{grid-column:1/-1;width:100%}.actions{justify-content:flex-end!important}.table-footer{align-items:flex-start;flex-direction:column;padding:14px}.pager{width:100%}.pager .extra{display:none}.rows-btn{margin-left:auto}.breadcrumbs{flex-wrap:wrap}.course-select{width:100%;margin:8px 0 0}.course-select select{min-width:0;flex:1}.tab-strip{gap:18px;margin:0 -14px 15px;padding:0 14px}.question-top{padding:0 10px}.question-top>div{gap:8px}.question-top>div:first-child span{display:none}.question-body h3,.answer{margin-right:15px;margin-left:15px}.question-actions{gap:14px;padding:14px 15px}.quiz-footer{align-items:flex-start;flex-direction:column;gap:12px}.certificate-paper{padding:7px}.certificate-inner{min-height:425px;padding:23px 13px}.certificate-ribbon{right:15px;padding:12px 8px 22px;font-size:11px}.certificate-brand{font-size:21px}.certificate-inner h2{margin-top:20px;font-size:14px}.certificate-inner h1{font-size:42px}.certificate-inner h3{font-size:13px}.certificate-inner>strong{font-size:10px}.certificate-sign{grid-template-columns:1fr 64px 1fr;gap:7px}.seal{width:60px;height:60px}.signature{font-size:14px!important}.details-strip{grid-template-columns:1fr}.details-strip>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.certificate-info{padding:15px}.certificate-info p{grid-template-columns:95px 1fr;gap:8px}.settings-tabs{gap:17px;margin:0 -14px 12px;padding:0 14px}.general-card,.settings-panel{padding:15px}.form-grid{grid-template-columns:1fr;gap:12px}.logo-upload{align-items:flex-start;flex-direction:column}.settings-footer{flex-direction:column;gap:6px}}

/* Sidebar: independently-scrolling nav (scrollbar hidden) so all tabs stay reachable on short viewports; logout pinned at bottom. */
.sidebar{overflow:hidden}
.sidebar-top{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}
.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding-right:2px}
.sidebar nav::-webkit-scrollbar{width:0;height:0;display:none}
.sidebar-bottom{flex:0 0 auto}
.logout-link{display:flex;align-items:center;gap:10px;padding:10px 10px;margin-top:2px;border-top:1px solid var(--line-soft);border-radius:6px;color:var(--muted);font-size:12px;font-weight:700;transition:.16s var(--ease)}
.logout-link:hover{color:var(--red);background:rgba(217,107,107,.08)}

/* Top-right user dropdown */
.user-menu{position:relative}
.top-profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:6px 8px;border-radius:9px;transition:.16s var(--ease)}
.top-profile:hover{background:rgba(255,255,255,.045)}
.top-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.top-profile span{display:grid;gap:2px;text-align:left}
.top-profile b{font-size:11px}
.top-profile svg{margin-left:1px;color:var(--muted);flex:0 0 auto;transition:transform .16s var(--ease)}
.user-menu.open .top-profile svg{transform:rotate(180deg)}
.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;display:none;min-width:196px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#141414;box-shadow:0 18px 42px rgba(0,0,0,.45)}
.user-menu.open .dropdown-menu{display:block}
.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:7px;color:#e6e2da;font-size:12.5px;font-weight:600}
.dropdown-menu a:hover{background:rgba(255,255,255,.06)}
.dropdown-menu a.danger{color:var(--red)}
.dropdown-menu a.danger:hover{background:rgba(217,107,107,.1)}
.dropdown-menu hr{margin:6px 2px;border:0;border-top:1px solid var(--line)}
@media(max-width:820px){.top-profile{display:flex}.top-profile span{display:none}.dropdown-menu{right:-8px}}