:root{--bg:#0b0f17;--surface:#121824;--surface2:#172031;--border:#243249;--text:#f8fafc;--muted:#94a3b8;--green:#18c08f;--green2:#34d399;--gold:#f59e0b;--red:#fb7185;--blue:#38bdf8;--purple:#a78bfa;--shadow:0 22px 70px #0007;--radius:16px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 75% -10%,#18c08f17,transparent 32%),var(--bg);color:var(--text);font:14px/1.5 Inter,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:#0b0f17dc;backdrop-filter:blur(22px);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--green2),#0e8c72);display:grid;place-items:center;color:#eafff9;box-shadow:0 0 32px #18c08f42;font:800 22px Outfit}.brand-name{font:800 24px Outfit}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.nav{display:grid;gap:6px}.nav-btn{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;text-align:left;transition:.2s}.nav-btn:hover{background:var(--surface);color:var(--text);transform:translateX(2px)}.nav-btn.active{color:#64f5cb;background:linear-gradient(90deg,#18c08f33,#18c08f12);box-shadow:inset 3px 0 var(--green)}.nav-icon{font-size:17px;width:22px}.sidebar-foot{margin-top:auto;background:linear-gradient(145deg,#18c08f26,#121824b3);border:1px solid #18c08f40;padding:16px;border-radius:14px}.sidebar-foot strong{display:block;margin-bottom:5px}.sidebar-foot p{margin:0;color:var(--muted);font-size:12px}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;background:#0b0f17d1;backdrop-filter:blur(18px);z-index:15}.mobile-menu{display:none}.search{max-width:500px;flex:1;position:relative}.search input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px 11px 40px;outline:0}.search input:focus{border-color:var(--green);box-shadow:0 0 0 3px #18c08f1a}.search>span{position:absolute;left:14px;top:10px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-btn{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1c6185,#182b4b);font-weight:700;border:1px solid #36516d;flex:0 0 auto}.page{padding:28px;max-width:1600px;margin:auto}.page-head{flex:0 0 auto}.page-head{flex-basis:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{font:700 clamp(24px,3vw,34px) Outfit;margin:0 0 5px}.page-head p{color:var(--muted);margin:0}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;padding:10px 15px;font-weight:650;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.2s}.btn:hover{border-color:#3e526e;background:#1b2739;transform:translateY(-1px)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--green2),var(--green));color:#04271d;box-shadow:0 8px 26px #18c08f2b}.btn.danger{border-color:#fb718559;color:#ff9aaa;background:#fb718514}.btn.ghost{background:transparent}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card{background:linear-gradient(145deg,#131b29f5,#0e141ff5);border:1px solid var(--border);border-radius:var(--radius)}.kpi{padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;top:-36px;background:var(--glow,#18c08f1f);filter:blur(4px)}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font:750 25px Outfit;margin:6px 0 3px}.trend{color:#45e5b7;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px}.chart-card,.list-card{padding:20px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title h3{margin:0;font-size:16px}.chart{height:270px;display:flex;align-items:flex-end;gap:8px;padding:24px 8px 0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 53px,#94a3b814 54px)}.bar{flex:1;min-width:10px;background:linear-gradient(to top,#18c08f33,var(--green2));border-radius:6px 6px 0 0;position:relative;transition:.3s}.bar:hover{filter:brightness(1.2);transform:scaleX(1.06)}.bar span{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);opacity:0}.bar:hover span{opacity:1}.activity{display:grid}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #243249b3}.activity-row:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:#18c08f1f;display:grid;place-items:center;color:var(--green)}.muted{color:var(--muted)}.tiny{font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar input,.toolbar select,.form-control{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;outline:0}.toolbar input{min-width:260px}.toolbar .spacer{flex:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{font-size:12px;color:var(--muted);font-weight:600;text-align:left;padding:13px 14px;border-bottom:1px solid var(--border)}.data-table td{padding:14px;border-bottom:1px solid #243249a6}.data-table tbody tr:hover{background:#18c08f09}.entity{display:flex;align-items:center;gap:10px;cursor:pointer}.entity:hover strong{color:#69eac5}.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;border:1px solid}.status.green{color:#4be2b7;background:#18c08f1a;border-color:#18c08f3d}.status.gold{color:#ffc14f;background:#f59e0b1a;border-color:#f59e0b47}.status.blue{color:#7dd3fc;background:#38bdf81a;border-color:#38bdf840}.actions{display:flex;gap:6px}.mini-btn{width:32px;height:32px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px}.mini-btn:hover{color:var(--text);border-color:var(--green)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow:auto;padding-bottom:10px}.kanban-col{background:#121824a6;border:1px solid var(--border);border-radius:16px;padding:12px;min-height:520px}.kanban-col.drag-over{border-color:var(--green);background:#18c08f0f}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 13px}.kanban-head b{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--col)}.count{color:var(--muted);background:#1e293b;border-radius:99px;padding:2px 8px;font-size:11px}.lead-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:14px;margin-bottom:10px;cursor:grab;transition:.16s;touch-action:none}.lead-card:hover{transform:translateY(-2px);border-color:#40516a;box-shadow:0 12px 24px #0004}.lead-card.dragging{opacity:.35;transform:rotate(2deg)}.lead-card h4{margin:0 0 7px}.lead-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.lead-tags{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.tag{background:#1e293b;color:#b8c5d8;border-radius:6px;padding:3px 7px;font-size:10px}.value{color:#66e7c2;font-weight:700}.empty{padding:40px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#02060cc7;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:100;animation:fade .15s}.modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid #32435c;border-radius:20px;box-shadow:var(--shadow);animation:pop .2s}.modal.small{width:min(430px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font:700 22px Outfit}.modal-body{padding:22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}.close{border:0;background:transparent;color:var(--muted);font-size:22px}.form-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label,.detail-item span{color:var(--muted);font-size:12px;font-weight:600}.form-control{width:100%}.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px #18c08f17}textarea.form-control{min-height:90px;resize:vertical}.detail-item{background:var(--bg);border:1px solid var(--border);padding:12px;border-radius:10px}.detail-item span{display:block;margin-bottom:3px}.modal-profile{display:flex;align-items:center;gap:14px;margin-bottom:20px}.modal-profile .avatar{width:54px;height:54px;font-size:18px}.toast{position:fixed;right:22px;bottom:22px;background:#152239;border:1px solid #2e465f;border-left:3px solid var(--green);border-radius:11px;padding:13px 16px;box-shadow:var(--shadow);z-index:200;animation:slide .25s}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.funnel{display:grid;justify-items:center;gap:7px;padding:20px}.funnel-step{height:62px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green2),#0ea883);clip-path:polygon(5% 0,95% 0,83% 100%,17% 100%);font-weight:800}.funnel-step:nth-child(2){background:linear-gradient(135deg,#38bdf8,#2563eb)}.funnel-step:nth-child(3){background:linear-gradient(135deg,#a78bfa,#7c3aed)}.bottom-nav{display:none}@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes slide{from{opacity:0;transform:translateY(12px)}}
@media(max-width:1050px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{padding-inline:4px;justify-content:center}.brand-copy,.nav-label,.sidebar-foot{display:none}.nav-btn{justify-content:center;padding:13px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.report-grid{grid-template-columns:1fr}}
@media(max-width:720px){body{padding-bottom:70px}.app-shell{display:block}.sidebar{display:none}.topbar{height:64px;padding:0 14px}.mobile-menu{display:grid}.search{display:none}.user-chip>div:last-child{display:none}.page{padding:18px 14px}.page-head{align-items:flex-start}.page-head p{font-size:12px}.page-head .btn{padding:10px 12px}.kpis{gap:10px}.kpi{padding:14px}.kpi-value{font-size:21px}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:12px}.chart{height:220px}.toolbar input{min-width:0;width:100%}.toolbar select{flex:1}.kanban{grid-template-columns:repeat(4,82vw);scroll-snap-type:x mandatory}.kanban-col{scroll-snap-align:center;min-height:480px}.form-grid,.detail-grid{grid-template-columns:1fr}.modal{border-radius:18px 18px 0 0;max-height:92vh;align-self:end}.modal-backdrop{padding:0}.report-grid{display:block}.report-grid>*{margin-bottom:12px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:66px;background:#0b0f17f5;border-top:1px solid var(--border);z-index:30;backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:10px;padding:7px 2px}.bottom-nav button span{font-size:19px;line-height:1}.bottom-nav button.active{color:#56e8be}.toast{left:14px;right:14px;bottom:78px}}
.lead-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.lead-card-head h4{margin:2px 0 7px}.lead-card-head .actions{opacity:.45;transition:.16s}.lead-card:hover .lead-card-head .actions,.lead-card:focus-within .lead-card-head .actions{opacity:1}.mini-btn{width:auto;min-width:32px;padding:0 9px;white-space:nowrap}.mini-btn.danger-action:hover{color:#ff9aaa;border-color:#fb718580}.form-group small{font-size:11px;margin-top:-2px}.btn:disabled{opacity:.55;cursor:wait;transform:none}
.lead-card.touch-dragging{opacity:.25}.drag-ghost{position:fixed;left:0;top:0;width:min(280px,76vw);z-index:300;pointer-events:none;opacity:.96;cursor:grabbing;box-shadow:0 22px 55px #0009;border-color:var(--green);transform-origin:top left;will-change:transform}.kanban-col.drag-over{box-shadow:inset 0 0 0 2px #18c08f55,0 12px 36px #18c08f12;transform:translateY(-2px)}.kanban-col{transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.lead-card{user-select:none;-webkit-user-select:none}.lead-card button{touch-action:manipulation}
.search-results{position:absolute;top:calc(100% + 9px);left:0;right:0;background:#111927;border:1px solid #32435c;border-radius:14px;box-shadow:0 22px 60px #000a;overflow-x:hidden;overflow-y:auto;max-height:min(510px,calc(100vh - 92px));z-index:80}.search-results[hidden]{display:none}.search-summary{padding:10px 13px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}.search-result{width:100%;border:0;border-bottom:1px solid #243249a6;background:transparent;color:var(--text);display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 13px;text-align:left}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result.active{background:#18c08f12}.search-result-icon{width:34px;height:34px;border-radius:10px;background:#18c08f1a;color:var(--green);display:grid;place-items:center}.search-result b,.search-result small{display:block}.search-result small{color:var(--muted);font-size:12px;margin-top:2px}.search-arrow{color:var(--green);font-size:18px}.search-empty{display:grid;gap:4px;padding:20px;text-align:center}.search-empty small{color:var(--muted)}
@media(max-width:720px){.topbar .search{display:block;max-width:none}.topbar .search input{padding-left:34px}.top-actions>.icon-btn{display:none}.search-results{position:fixed;top:64px;left:10px;right:10px}.search-result{padding:12px}}
.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:14px;border:1px solid #d9b95066;box-shadow:0 8px 24px #e8c83b24}.brand-name{font-size:17px;letter-spacing:.02em}.lead-card.readonly{cursor:pointer;touch-action:auto}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#c6a9341d,transparent 32%),radial-gradient(circle at 85% 85%,#18c08f17,transparent 30%),var(--bg)}.login-card{width:min(440px,100%);display:grid;gap:24px;padding:34px;background:linear-gradient(145deg,#151d2bfa,#0d131dfa);border:1px solid #3c4960;border-radius:24px;box-shadow:0 30px 80px #0008}.login-brand{display:flex;align-items:center;gap:16px}.login-brand img{width:72px;height:72px;object-fit:cover;border-radius:20px;border:1px solid #d9b95077}.login-brand h1{margin:0;font:800 25px "Be Vietnam Pro",sans-serif;letter-spacing:.03em}.login-brand p,.login-card h2,.login-note{margin:0}.login-card h2{font:700 28px "Be Vietnam Pro",sans-serif}.login-card form{display:grid;gap:16px}.login-submit{width:100%;padding:13px}.login-message{padding:11px 13px;color:#f9d979;background:#eab30814;border:1px solid #eab30845;border-radius:10px}.login-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.5}body[data-role="advisor"] [data-add="staff"],body[data-role="advisor"] [data-add="class"],body[data-role="advisor"] [data-edit="staff"],body[data-role="advisor"] [data-edit="class"],body[data-role="advisor"] [data-delete],body[data-role="advisor"] [data-reset],body[data-role="cskh"] [data-add],body[data-role="cskh"] [data-edit="staff"],body[data-role="cskh"] [data-edit="class"],body[data-role="cskh"] [data-delete],body[data-role="cskh"] [data-reset]{display:none!important}
html,body,button,input,select,textarea{font-family:"Be Vietnam Pro","Noto Sans",Arial,sans-serif!important}body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.brand-name,.page-head h1,.modal-head h2,.kpi-value,.login-brand h1,.login-card h2{font-family:"Be Vietnam Pro","Noto Sans",Arial,sans-serif!important;line-height:1.28;letter-spacing:-.025em}.page-head h1{font-weight:800}.modal-head h2{font-weight:700}.nav-btn{font-size:14px;font-weight:500;min-height:48px}.nav-icon{display:grid;place-items:center}.mobile-account,.mobile-logout{display:none}
@media(max-width:720px){.navigation-menu{width:min(430px,calc(100% - 24px));margin:12px;border-radius:24px;max-height:calc(100vh - 24px);align-self:center;overflow:hidden;background:linear-gradient(160deg,#151e2d,#0e1520);border-color:#364760}.navigation-menu .modal-head{padding:20px 20px 16px}.navigation-menu .modal-head h2{font-size:20px}.navigation-menu .modal-body{padding:16px 18px 20px}.navigation-menu .mobile-account{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:14px;border:1px solid #2b3b52;border-radius:15px;background:#0b111bbd}.mobile-account .avatar{width:42px;height:42px}.mobile-account div:last-child{display:grid}.mobile-account strong{font-size:14px}.mobile-account span{font-size:12px;color:var(--muted)}.navigation-menu .nav{display:grid;grid-template-columns:1fr 1fr;gap:9px}.navigation-menu .nav-btn{min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 14px;border:1px solid #27364c;border-radius:14px;background:#111a28;color:#aebbd0;font-size:13px}.navigation-menu .nav-btn:hover{transform:none;border-color:#52637c}.navigation-menu .nav-btn.active{color:#70edca;border-color:#18c08f70;background:linear-gradient(145deg,#18c08f26,#121d2a);box-shadow:inset 0 0 0 1px #18c08f18}.navigation-menu .nav-icon{width:auto;font-size:20px}.navigation-menu .mobile-logout{width:100%;margin-top:14px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #fb718544;border-radius:13px;background:#fb71850e;color:#ff9aaa;font-weight:600}.navigation-menu .close{width:38px;height:38px;border-radius:10px;background:#1b2637}.page-head h1{font-size:clamp(24px,7vw,32px);line-height:1.3}.brand-name{letter-spacing:-.015em}}

/* Unified icon system and responsive staff workspace */
.ui-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-icon{width:38px;height:38px;border:1px solid transparent;border-radius:11px;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}.nav-btn:hover .nav-icon{color:#d9fff4;background:#172333;border-color:#2d4159}.nav-btn.active .nav-icon{color:#6ff1cd;background:#18c08f1a;border-color:#18c08f45}.nav-btn.active{box-shadow:inset 3px 0 var(--green),0 10px 30px #00000018}.page-head{align-items:center}.page-title{min-width:0}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.page-actions:empty{display:none}.page-actions .btn{min-height:44px;padding-inline:17px}.page-actions .ui-icon,.btn .ui-icon{width:18px;height:18px}.add-entity-btn{white-space:nowrap}.class-icon{width:40px;height:40px;border-radius:12px}.class-icon .ui-icon{width:21px;height:21px}.search-result-icon .ui-icon{width:19px;height:19px}

@media(max-width:900px){.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.page-actions .btn{flex:1 1 auto}}

@media(max-width:720px){
  .page{padding:20px 14px}.page-head{gap:18px;margin-bottom:20px}.page-head h1{font-size:clamp(28px,9vw,36px);line-height:1.12;margin-bottom:8px}.page-head p{font-size:14px;line-height:1.55;max-width:34rem}.page-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-actions .btn{width:100%;min-width:0;min-height:48px;padding:11px 12px}.page-actions .btn:only-child{grid-column:1/-1}.add-entity-btn{font-size:14px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:16px}.toolbar input{grid-column:1/-1;height:48px}.toolbar select{width:100%;min-width:0;height:46px}.toolbar .spacer{display:none}.toolbar .btn{height:46px;white-space:nowrap;padding-inline:13px}.page-staff .table-wrap{overflow:visible;border:0;background:transparent}.page-staff .data-table{display:block;min-width:0}.page-staff .data-table thead{display:none}.page-staff .data-table tbody{display:grid;gap:12px}.page-staff .data-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(145deg,#131b29f5,#0e141ff5);border:1px solid var(--border);border-radius:16px;overflow:hidden}.page-staff .data-table td{min-width:0;padding:12px 14px;border-bottom:1px solid #243249a6;overflow-wrap:anywhere}.page-staff .data-table td:first-child{grid-column:1/-1;padding:16px}.page-staff .data-table td:nth-child(2){grid-column:1/-1}.page-staff .data-table td:nth-child(n+3):nth-child(-n+7){display:grid;gap:3px}.page-staff .data-table td:nth-child(3)::before{content:"Vai trò"}.page-staff .data-table td:nth-child(4)::before{content:"Đội nhóm"}.page-staff .data-table td:nth-child(5)::before{content:"Lead"}.page-staff .data-table td:nth-child(6)::before{content:"Doanh thu"}.page-staff .data-table td:nth-child(7)::before{content:"Trạng thái"}.page-staff .data-table td:nth-child(n+3):nth-child(-n+7)::before{color:var(--muted);font-size:12px;font-weight:600}.page-staff .data-table td:last-child{grid-column:1/-1;border-bottom:0}.page-staff .data-table td:last-child:empty{display:none}.page-staff .data-table .entity{gap:12px}.page-staff .data-table .entity strong{font-size:16px}.page-staff .data-table .avatar{width:44px;height:44px}.page-staff .data-table .actions{justify-content:flex-end}.page-staff .data-table .mini-btn{min-height:38px}.bottom-nav .ui-icon{width:21px;height:21px}.navigation-menu .nav-icon{width:36px;height:36px}.navigation-menu .nav-btn{min-height:82px}
}

@media(max-width:430px){.page-actions{grid-template-columns:1fr}.page-actions .btn{grid-column:1}.toolbar{grid-template-columns:1fr}.toolbar select,.toolbar .btn{width:100%}.page-staff .data-table tr{grid-template-columns:1fr}.page-staff .data-table td{grid-column:1!important}}

/* Class schedule picker */
.schedule-group{position:relative}.schedule-trigger{width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;transition:border-color .18s,box-shadow .18s,background .18s}.schedule-trigger:hover,.schedule-trigger:focus-visible{outline:0;border-color:var(--green);background:#141e2c;box-shadow:0 0 0 3px #18c08f17}.schedule-trigger-icon{width:38px;height:38px;border:1px solid #18c08f45;border-radius:11px;background:#18c08f17;color:#65e8c1;display:grid;place-items:center}.schedule-trigger-icon .ui-icon{width:20px;height:20px}.schedule-trigger small,.schedule-trigger b{display:block}.schedule-trigger small{margin-bottom:1px;color:var(--muted);font-size:11px;font-weight:600}.schedule-trigger b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.schedule-chevron{color:var(--muted);font-size:22px}.schedule-picker{margin-top:10px;border:1px solid #344760;border-radius:16px;background:linear-gradient(155deg,#172131,#101722);box-shadow:0 22px 50px #0008;overflow:hidden}.schedule-picker[hidden]{display:none}.schedule-picker-head{padding:16px 18px;border-bottom:1px solid var(--border)}.schedule-picker-head b,.schedule-picker-head small{display:block}.schedule-picker-head b{font-size:16px}.schedule-picker-head small{margin-top:2px;color:var(--muted);font-size:11px}.schedule-quick{display:flex;gap:8px;padding:14px 18px 0}.schedule-quick button{padding:7px 11px;border:1px solid #314158;border-radius:999px;background:#101826;color:#c8d3e4;font-size:12px}.schedule-quick button:hover{color:#64e9c3;border-color:#18c08f66;background:#18c08f12}.schedule-fields{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;padding:14px 18px 18px}.schedule-fields label{display:grid;gap:6px}.schedule-fields label>span{color:var(--muted);font-size:11px;font-weight:600}.schedule-fields input{min-height:44px;color-scheme:dark}.schedule-picker-foot{min-height:62px;padding:10px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;background:#0c131ed1}.schedule-picker-foot>span{color:#67e8c3;font-size:12px}.schedule-picker-foot .btn{flex:0 0 auto}

@media(max-width:720px){.schedule-picker{border-radius:14px}.schedule-fields{grid-template-columns:1fr 1fr}.schedule-fields label:first-child{grid-column:1/-1}.schedule-picker-foot{align-items:stretch;flex-direction:column}.schedule-picker-foot .btn{width:100%}}
@media(max-width:390px){.schedule-fields{grid-template-columns:1fr}.schedule-fields label:first-child{grid-column:1}.schedule-quick{display:grid;grid-template-columns:1fr 1fr}.schedule-picker-head,.schedule-fields,.schedule-picker-foot{padding-inline:14px}}