@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d1117;--bg2:#131a24;--card:#161d28;--card2:#1b2330;--line:#242d3b;--line2:#2e3949;--text:#e6ebf2;--muted:#8b97a8;--dim:#5f6b7c;
--accent:#3b82f6;--accent2:#60a5fa;--accent-soft:rgba(59,130,246,.16);--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--info:#38bdf8;--purple:#a78bfa;--teal:#2dd4bf;--orange:#f97316;
--radius:14px;--shadow:0 1px 0 rgba(255,255,255,.02) inset,0 8px 24px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
.hidden{display:none!important}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.right{text-align:right}.center{text-align:center}.mono{font-family:ui-monospace,Menlo,monospace}
.app{display:flex;min-height:100vh}
.sidebar{width:232px;background:var(--bg);border-right:1px solid var(--line);color:var(--muted);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.brand{padding:22px 24px 14px;font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:8px}.brand em{font-style:normal;color:var(--accent2)}
.logo-sm{width:26px;height:26px;border-radius:8px;background:var(--accent);display:inline-block;position:relative}.logo-sm:after{content:"";position:absolute;inset:6px;border:3px solid #fff;border-radius:50%;border-right-color:transparent}
nav{padding:8px 12px;flex:1;overflow:auto}nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--muted);margin-bottom:4px;font-weight:500;font-size:14px;border-left:3px solid transparent}
nav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
nav a:hover{background:var(--card);color:var(--text);text-decoration:none}nav a.active{background:var(--accent-soft);color:var(--accent2);border-left-color:var(--accent)}
nav .sec{display:none}
.side-foot{padding:12px;border-top:1px solid var(--line)}.side-user{font-size:12px;margin-bottom:8px;color:var(--muted)}.side-user b{display:block;color:#fff;font-size:13px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:14px;padding:14px 28px;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--dim)}.search input{border:0;background:transparent;padding:0;color:var(--text);font-size:14px}.search input:focus{outline:none}
.crumb{display:none}.top-right{display:flex;align-items:center;gap:14px;margin-left:auto}
.month{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-weight:500;color:var(--text)}
.demo-chip{border:1px solid var(--accent);color:var(--accent2);background:var(--accent-soft);border-radius:10px;padding:8px 14px;font-weight:500;font-size:13px}
.userchip{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer}.userchip .avatar{width:34px;height:34px}
.bell{position:relative;font-size:18px;color:var(--muted)}.badge-dot{position:absolute;top:-4px;right:-8px;background:var(--bad);color:#fff;border-radius:10px;font-size:10px;padding:1px 5px;font-weight:700}
.timer-widget{display:flex;align-items:center;gap:8px;font-size:12px}.timer-widget .t{font-family:ui-monospace,Menlo,monospace;font-weight:600}
.view{padding:24px 28px 40px;max-width:1440px;width:100%}
h1{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}h1+.sub,.sub{color:var(--muted);font-size:15px;margin:0 0 20px}h2{font-size:17px;font-weight:600;margin:0 0 12px}h3{font-size:14px;font-weight:600;margin:0 0 8px}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{margin:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.card.tight{padding:14px 16px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head h2{margin:0}.card-head .lnk{color:var(--muted);font-size:13px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g6{grid-template-columns:repeat(6,1fr)}.g21{grid-template-columns:2fr 1fr}.g12{grid-template-columns:1fr 2fr}.g31{grid-template-columns:3fr 1.3fr}
table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tr.click{cursor:pointer}tr.click:hover td{background:var(--card2)}tr.sel td{background:#1d2a3d}
.tbl-wrap{overflow-x:auto}
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--card2);color:var(--muted);border:1px solid var(--line2)}
.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.b-PLANNED{color:#9aa7b8}.b-IN_PROGRESS{color:#60a5fa}.b-REVIEW{color:#fbbf24}.b-APPROVED{color:#a78bfa}.b-REWORK{color:#f87171}.b-BLOCKED{color:#f97316}
.b-GREEN,.b-OK,.b-PRESENT,.b-ontime{color:#34d399}.b-AMBER,.b-DEGRADED,.b-LATE{color:#fbbf24}.b-RED,.b-DOWN,.b-ABSENT{color:#f87171}.b-NO_DATA,.b-LEFT{color:#9aa7b8}
.b-URGENT{color:#f87171}.b-HIGH{color:#f87171}.b-MEDIUM{color:#fbbf24}.b-LOW{color:#9aa7b8}
.b-NEW{color:#60a5fa}.b-REJECTED{color:#f87171}.b-IN_REVIEW{color:#a78bfa}
.b-ASSIGNED{color:#9aa7b8}.b-MATERIAL_DONE{color:#60a5fa}.b-TEST_PASSED{color:#fbbf24}.b-PRACTICAL_SUBMITTED{color:#a78bfa}
.pill{display:inline-block;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid var(--line2);background:var(--card2);color:var(--text)}
.pill.ok{color:#34d399;border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.1)}.pill.warn{color:#fbbf24;border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1)}.pill.info{color:#60a5fa;border-color:rgba(96,165,250,.4);background:rgba(96,165,250,.1)}.pill.bad{color:#f87171;border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.1)}.pill.purple{color:#c4b5fd;border-color:rgba(167,139,250,.4);background:rgba(167,139,250,.12)}
.btn{border:1px solid var(--line2);background:var(--card2);color:var(--text);padding:9px 16px;border-radius:10px;cursor:pointer;font:inherit;font-weight:500;display:inline-flex;align-items:center;gap:8px}.btn:hover{border-color:var(--dim)}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.1)}.btn.ok{background:var(--ok);color:#052e16;border-color:var(--ok)}.btn.bad{background:transparent;color:#f97316;border-color:#f97316}.btn.warn{background:var(--warn);color:#1c1300;border-color:var(--warn)}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{padding:6px 12px;font-size:12.5px}.btn.outline{background:transparent;border-color:var(--accent);color:var(--accent2)}.btn:disabled{opacity:.5;cursor:default}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.seg svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
.icon-btn{border:0;background:transparent;font-size:20px;cursor:pointer;color:inherit}
.btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
input,select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--line2);border-radius:10px;width:100%;background:var(--card2);color:var(--text)}textarea{min-height:80px;resize:vertical}select option{background:#1b2330}label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}label>input,label>select,label>textarea{margin-top:4px}input[type=date]{color-scheme:dark}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters select,.filters input{width:auto;min-width:140px}
.progress{height:8px;background:var(--line);border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:6px}.progress.ok i{background:var(--ok)}.progress.warn i{background:var(--warn)}.progress.bad i{background:var(--bad)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs a{padding:9px 14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.active{color:var(--accent2);border-color:var(--accent);font-weight:600}.tabs a:hover{text-decoration:none;color:var(--text)}
.seg{display:inline-flex;gap:6px}.seg a,.seg button{padding:9px 16px;border:1px solid var(--line2);border-radius:10px;color:var(--muted);background:var(--card);font:inherit;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.seg .active{background:var(--accent-soft);color:var(--accent2);border-color:var(--accent)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto}.kcol{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:200px}.kcol h4{margin:4px 4px 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.kcol h4 .dot{width:10px;height:10px;border-radius:50%}.kcol h4 .cnt{background:var(--card2);border-radius:8px;padding:0 8px;font-size:12px;color:var(--muted)}
.kcard{background:var(--card);border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid var(--line);cursor:pointer;font-size:13px}.kcard:hover{border-color:var(--accent)}.kcard .t{font-weight:600;font-size:14px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.kcard .m{font-size:12px;color:var(--muted);margin-top:8px;display:flex;gap:8px;align-items:center}.kcard .d{color:var(--muted);font-size:12.5px;margin-top:4px}.kcard.overdue{border-left:3px solid var(--bad)}
.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0 8px 18px;border-left:2px solid var(--line2);position:relative;margin-left:6px}.timeline li:before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.timeline .who{font-size:12px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow:auto}.modal-card{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:22px;width:100%;max-width:680px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow-wrap:anywhere;overflow-x:hidden}.modal-card h2{margin-top:0}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e6ebf2;color:#0d1117;padding:10px 16px;border-radius:10px;z-index:60;font-size:13px;font-weight:500}.toast.bad{background:var(--bad);color:#fff}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 0%,#16243a,transparent),var(--bg)}.login-box{background:var(--card);border:1px solid var(--line2);padding:30px;border-radius:18px;width:100%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.login .logo{font-size:28px;font-weight:800;color:#fff}.login .logo em{font-style:normal;color:var(--accent2)}.login .muted{margin-bottom:18px}.login button{width:100%;margin-top:6px;justify-content:center}.err{color:var(--bad);font-size:12px;min-height:16px;margin-bottom:6px}
.avatar{width:36px;height:36px;border-radius:50%;background:#2a3648;color:#dbe4f0;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:24px;background:var(--accent);color:#fff}.avatar.sel{background:var(--accent);color:#fff}
.person{display:flex;align-items:center;gap:10px}.person .nm{font-weight:600}.person .ps{font-size:12px;color:var(--muted)}
.list{list-style:none;margin:0;padding:0}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 12px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0}
.chip{display:inline-block;background:var(--card2);border:1px solid var(--line2);border-radius:6px;padding:2px 8px;font-size:12px;margin:2px 4px 2px 0}
.md h2,.md h3{margin:12px 0 6px}.md ul{padding-left:18px}.md p{margin:6px 0}.md pre{background:var(--bg2);padding:10px;border-radius:8px;overflow:auto}.md code{background:var(--bg2);padding:1px 5px;border-radius:4px}
.hint{background:var(--bg2);border-left:3px solid var(--accent);padding:8px 12px;border-radius:8px;font-size:12.5px;color:var(--muted);margin:8px 0}
.only-mobile{display:none}.loading{color:var(--muted);padding:30px;text-align:center}.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px}
/* stat tiles */
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;cursor:pointer;transition:.15s;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px;position:relative}.stat:hover{border-color:var(--accent)}.stat .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent2);flex-shrink:0}.stat .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stat .n{font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.stat .l{color:var(--muted);font-size:14px;margin-bottom:2px}.stat.ok{border-color:rgba(34,197,94,.35)}.stat.ok .ic{background:rgba(34,197,94,.14);color:#34d399}.stat.warn{border-color:rgba(245,158,11,.35)}.stat.warn .ic{background:rgba(245,158,11,.14);color:#fbbf24}.stat.bad .ic{background:rgba(239,68,68,.14);color:#f87171}.stat.info .ic{background:rgba(56,189,248,.14);color:#38bdf8}.stat .arrow{margin-left:auto;color:var(--dim)}
.statrow{display:flex;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px}.statrow .stat{border:0;border-radius:0;flex:1;background:transparent;box-shadow:none;padding:22px 28px}.statrow .stat+.stat{border-left:1px solid var(--line)}
/* charts */
.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:12px;font-family:inherit}.chart .grid-l{stroke:var(--line);stroke-width:1}.chart .axis{stroke:var(--line2)}.chart .val{fill:var(--text);font-weight:600}.chart .lbl{fill:var(--muted)}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);align-items:center}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.hbar{display:grid;grid-template-columns:90px 1fr 90px;gap:12px;align-items:center;margin:14px 0}.hbar .bar{height:22px;background:var(--line);border-radius:6px;overflow:hidden}.hbar .bar i{display:block;height:100%;background:var(--accent);border-radius:6px}.hbar .v{text-align:right;color:var(--muted)}
.matrix{width:100%;border-collapse:separate;border-spacing:0}.matrix th,.matrix td{border:1px solid var(--line);text-align:center;padding:12px}.matrix th{background:var(--bg2)}.matrix td:first-child,.matrix th:first-child{text-align:left}.dotm{display:inline-block;width:16px;height:16px;border-radius:50%;background:#3a4657}.dotm.l1{background:#9aa7b8}.dotm.l2{background:var(--accent2)}
.stepper{display:flex;align-items:center;gap:0}.stepper .st{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-width:0;flex:1}.stepper .st .c{width:26px;height:26px;border-radius:50%;border:2px solid var(--line2);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:13px;z-index:1}.stepper .st.done .c{background:var(--teal);border-color:var(--teal);color:#042f2e}.stepper .st.cur .c{border-color:var(--teal);color:var(--teal)}.stepper .st .n{font-size:12px;color:var(--muted);white-space:nowrap}.stepper .st:not(:last-child):after{content:"";position:absolute;top:12px;left:50%;width:100%;height:2px;background:var(--line2)}.stepper .st.done:not(:last-child):after{background:var(--teal)}
.stepper.mini .st .c{width:12px;height:12px;border-width:2px}.stepper.mini .st:not(:last-child):after{top:5px}.stepper.mini .st .n{display:none}
.vsteps{list-style:none;margin:0;padding:0}.vsteps li{display:flex;gap:14px;padding:0 0 22px;position:relative}.vsteps li:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line2)}.vsteps .c{width:28px;height:28px;border-radius:50%;border:2px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:var(--card)}.vsteps li.done .c{background:var(--accent);border-color:var(--accent);color:#fff}.vsteps li.cur .c{border-color:var(--accent);color:var(--accent2);box-shadow:0 0 0 4px var(--accent-soft)}.vsteps .t{font-weight:600}.vsteps .s{font-size:12.5px;color:var(--muted)}
.radio-list{list-style:none;margin:0;padding:0}.radio-list li{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--muted)}.radio-list li i{width:16px;height:16px;border-radius:50%;border:2px solid var(--line2);flex-shrink:0}.radio-list li.on{color:var(--text)}.radio-list li.on i{background:var(--warn);border-color:var(--warn)}
.heat{border-collapse:separate;border-spacing:4px;font-size:12px}.heat th{padding:2px 0;font-weight:500;color:var(--muted);text-align:center;border:0}.heat th small{display:block;color:var(--dim);font-weight:400}.heat td{padding:0;border:0}.heat td.nm{padding-right:8px;color:var(--text);text-align:left}.hc{width:26px;height:26px;border-radius:5px;background:#2a3441;display:block}.hc.ok{background:#22c55e}.hc.late{background:#eab308}.hc.leave{background:#3b82f6}.hc.off{background:#1f2937}.hc.remote{background:#14b8a6}
.weekgrid{border-collapse:separate;border-spacing:6px}.weekgrid th{text-align:center;border:0;color:var(--text);font-weight:600}.weekgrid th small{display:block;color:var(--muted);font-weight:400}.weekgrid td{border:0;padding:0;vertical-align:top}.weekgrid td.nm{white-space:nowrap;padding-right:8px}.wblock{border-radius:8px;padding:8px 10px;font-size:12px;color:#0b1220;margin-bottom:6px;min-width:90px}.wblock b{display:block;font-size:14px}
.gantt-row{display:grid;grid-template-columns:150px 1fr;align-items:center;height:44px;border-top:1px solid var(--line)}.gantt-bar{height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;position:relative}
.daybar{display:flex;height:56px;border-radius:8px;overflow:hidden;gap:2px;background:var(--bg2)}.daybar div{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#0b1220;min-width:0}.daybar small{font-weight:400}
.filecard{display:flex;align-items:center;gap:10px;padding:8px 0}.filecard .ic{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}
.check{display:flex;align-items:center;gap:8px;padding:6px 0}.check i{width:20px;height:20px;border-radius:5px;border:2px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.check.on i{background:var(--ok);border-color:var(--ok);color:#052e16}
.course-hero{background:linear-gradient(120deg,#1e1b3a,#161d28);border:1px solid var(--line2);border-radius:14px;padding:22px;display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.course-hero .tag{color:var(--muted);font-size:12.5px}.course-hero h3{font-size:22px;margin:4px 0 6px}
.mini-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:14px}.mini-card .ic{width:60px;height:60px;border-radius:12px;background:rgba(167,139,250,.2);display:flex;align-items:center;justify-content:center;color:#c4b5fd;font-size:24px;flex-shrink:0}
/* per-page accent */
.acc-blue{--accent:#3b82f6;--accent2:#60a5fa;--accent-soft:rgba(59,130,246,.16)}.acc-teal{--accent:#14b8a6;--accent2:#2dd4bf;--accent-soft:rgba(20,184,166,.16)}.acc-indigo{--accent:#6366f1;--accent2:#818cf8;--accent-soft:rgba(99,102,241,.18)}.acc-amber{--accent:#f59e0b;--accent2:#fbbf24;--accent-soft:rgba(245,158,11,.16)}.acc-cyan{--accent:#06b6d4;--accent2:#22d3ee;--accent-soft:rgba(6,182,212,.16)}.acc-orange{--accent:#f97316;--accent2:#fb923c;--accent-soft:rgba(249,115,22,.16)}.acc-purple{--accent:#8b5cf6;--accent2:#a78bfa;--accent-soft:rgba(139,92,246,.18)}.acc-green{--accent:#22c55e;--accent2:#4ade80;--accent-soft:rgba(34,197,94,.16)}
@media (max-width:1100px){.g4,.g6{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr 1fr}.g21,.g12,.g31{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media (max-width:900px){.g2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.statrow{flex-direction:column}.statrow .stat+.stat{border-left:0;border-top:1px solid var(--line)}.course-hero{grid-template-columns:1fr}}
@media (max-width:760px){.only-mobile{display:inline-block}.sidebar{position:fixed;left:-260px;z-index:40;transition:.2s;height:100vh}.sidebar.open{left:0}.view{padding:14px}.topbar{padding:10px 14px}.month,.demo-chip,.userchip span{display:none}.g4,.g6,.g3{grid-template-columns:1fr 1fr}.stat .n{font-size:22px}.timer-widget .lbl{display:none}.modal{padding:8px 4px}.modal-card{padding:14px}.hint{overflow-wrap:anywhere}.kanban{grid-template-columns:1fr}h1{font-size:24px}}
@media print{.sidebar,.topbar{display:none}}

/* ===== 2026 visual refresh: barcha bo'limlar uchun yagona premium dark tizim ===== */
:root{
  --bg:#080c14;--bg2:#0d1420;--card:#111a27;--card2:#172231;
  --line:rgba(148,163,184,.12);--line2:rgba(148,163,184,.22);
  --text:#f1f5f9;--muted:#94a3b8;--dim:#64748b;
  --radius:18px;--radius-sm:12px;
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px rgba(0,0,0,.2);
  --shadow-hover:0 1px 0 rgba(255,255,255,.06) inset,0 24px 70px rgba(0,0,0,.3);
}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-height:100vh;background:var(--bg);font-size:14px;letter-spacing:-.005em}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 82% -10%,var(--accent-soft),transparent 68%),radial-gradient(700px 420px at 18% 105%,rgba(45,212,191,.055),transparent 72%)}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#263346;border:3px solid transparent;background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#34445a;background-clip:padding-box}
a{transition:color .18s ease,opacity .18s ease}a:hover{text-decoration:none;color:#fff}

/* Layout va navigatsiya */
.app{background:linear-gradient(135deg,rgba(255,255,255,.01),transparent 44%)}
.sidebar{width:264px;background:linear-gradient(180deg,rgba(15,23,35,.98),rgba(8,13,22,.99));border-right:1px solid rgba(148,163,184,.1);box-shadow:18px 0 60px rgba(0,0,0,.18);padding:0 10px}
.brand{height:78px;padding:18px 16px;font-size:20px;letter-spacing:-.035em;border-bottom:1px solid var(--line);margin:0 4px 8px}
.logo-sm{width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,var(--accent2),var(--accent));box-shadow:0 8px 22px var(--accent-soft),0 0 0 1px rgba(255,255,255,.14) inset}
.logo-sm:after{inset:8px;border-width:3px}
nav{padding:4px 6px 10px}
.nav-section{padding:18px 12px 7px;color:#536176;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
nav a{position:relative;min-height:44px;padding:9px 11px;border:1px solid transparent;border-left:0;border-radius:12px;margin-bottom:3px;font-size:13.5px;color:#8997aa;gap:11px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
nav a .nav-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(148,163,184,.065);transition:.18s ease}
nav a svg{width:17px;height:17px}
nav a .nav-arrow{font-style:normal;margin-left:auto;opacity:0;transform:translateX(-5px);transition:.18s ease;font-size:18px}
nav a:hover{background:rgba(255,255,255,.035);border-color:var(--line);color:#dbe5f2;transform:translateX(2px)}
nav a:hover .nav-arrow{opacity:.55;transform:none}
nav a.active{background:linear-gradient(90deg,var(--accent-soft),rgba(255,255,255,.025));color:#fff;border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.14)}
nav a.active:before{content:"";position:absolute;left:-6px;top:11px;bottom:11px;width:3px;background:var(--accent2);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--accent)}
nav a.active .nav-icon{color:var(--accent2);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent) inset}
.side-foot{margin:0 4px 10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.side-user{margin-bottom:10px}.side-user b{font-size:13.5px;margin-bottom:2px}
.main{background:transparent}
.topbar{height:72px;padding:12px 30px;background:rgba(8,12,20,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.search{max-width:500px;height:42px;background:rgba(17,26,39,.72);border-color:var(--line);border-radius:13px;transition:.2s ease}
.search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--card)}
.search input::placeholder{color:#56657a}
.month,.demo-chip{border-radius:12px;background:rgba(17,26,39,.76);border-color:var(--line);height:38px;padding:7px 12px}
.demo-chip{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}
.bell{width:38px;height:38px;border:1px solid var(--line);background:rgba(17,26,39,.75);border-radius:12px;display:grid;place-items:center;transition:.18s}.bell:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft)}
.badge-dot{top:-5px;right:-5px;box-shadow:0 0 0 3px var(--bg)}
.userchip{padding:3px 7px 3px 3px;border:1px solid transparent;border-radius:13px}.userchip:hover{background:var(--card);border-color:var(--line)}
.view{padding:30px 34px 64px;max-width:1560px;margin:0 auto;animation:viewIn .28s ease both}
@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Sarlavha va sahifa kompozitsiyasi */
h1{font-size:32px;font-weight:780;line-height:1.16;letter-spacing:-.04em;color:#f8fafc}
h2{font-size:17px;font-weight:700;letter-spacing:-.018em;color:#eef4fb}
h3{font-weight:650;color:#e6edf7}
.sub{font-size:14px;color:#8492a6!important;max-width:760px}
.page-head{position:relative;align-items:center;padding:2px 0 18px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.page-head:after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.page-head>div:first-child h1+.sub{margin-top:7px}
.view>h1:first-child{position:relative;margin-bottom:8px}.view>h1:first-child:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--accent);margin-right:11px;vertical-align:5px;box-shadow:0 0 18px var(--accent)}
.view>h1:first-child+.sub{margin-left:21px;margin-bottom:24px}

/* Kartalar, ko'rsatkichlar va bloklar */
.card{position:relative;background:linear-gradient(145deg,rgba(18,28,42,.96),rgba(14,22,34,.96));border-color:var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);pointer-events:none}
.card:hover{border-color:rgba(148,163,184,.2)}
.card-head{min-height:28px;margin-bottom:16px}.card-head .lnk{padding:5px 9px;border-radius:8px}.card-head .lnk:hover{background:var(--accent-soft);color:var(--accent2)}
.mini-card{background:rgba(8,13,22,.46);border-color:var(--line);border-radius:15px;transition:.2s ease}.mini-card:hover{background:rgba(19,29,44,.9);border-color:var(--line2);transform:translateY(-1px)}
.mini-card .ic{border-radius:14px;background:linear-gradient(145deg,var(--accent-soft),rgba(255,255,255,.035));box-shadow:0 0 0 1px var(--line) inset}
.stat{min-height:98px;background:linear-gradient(145deg,rgba(19,30,45,.98),rgba(13,21,33,.98));border-color:var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow);overflow:hidden;isolation:isolate;transition:.2s ease}
.stat:before{content:"";position:absolute;width:92px;height:92px;right:-38px;top:-44px;border-radius:50%;background:var(--accent);opacity:.055;filter:blur(2px);z-index:-1}
.stat:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.stat .ic{width:46px;height:46px;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}.stat .n{font-size:31px;font-weight:760}.stat .l{font-size:12.5px;letter-spacing:.01em}
.stat.ok,.stat.warn{border-color:var(--line)}.stat.bad{border-color:rgba(239,68,68,.18)}
.statrow{background:linear-gradient(145deg,rgba(18,28,42,.94),rgba(13,20,31,.94));border-color:var(--line);border-radius:18px;overflow:hidden}.statrow .stat:hover{transform:none;background:rgba(255,255,255,.02)}
.hint{position:relative;background:linear-gradient(90deg,var(--accent-soft),rgba(17,26,39,.58));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-left:3px solid var(--accent);padding:12px 14px;border-radius:12px;color:#aab6c6;line-height:1.55}

/* Tugmalar va formalar */
.btn{min-height:38px;padding:8px 14px;border-radius:11px;background:linear-gradient(180deg,#1b293a,#162131);border-color:var(--line2);box-shadow:0 1px 0 rgba(255,255,255,.045) inset;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.btn:hover{transform:translateY(-1px);border-color:#526177;background:#202f42;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent;color:#fff;box-shadow:0 9px 24px var(--accent-soft),0 1px 0 rgba(255,255,255,.25) inset}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 12px 32px var(--accent-soft)}
.btn.ok{background:linear-gradient(135deg,#34d399,#16a34a);color:#032b18;border:0}.btn.warn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:0}.btn.bad{background:rgba(249,115,22,.07)}
.btn.small{min-height:32px;border-radius:9px;padding:5px 10px}
input,select,textarea{min-height:42px;padding:10px 12px;background:rgba(8,13,22,.58);border-color:var(--line2);border-radius:11px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
textarea{min-height:94px}input:hover,select:hover,textarea:hover{border-color:#415169}input:focus,select:focus,textarea:focus{background:#0d1623;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
label{font-size:11.5px;font-weight:600;letter-spacing:.015em;color:#8795a8}label>input,label>select,label>textarea{font-weight:400;letter-spacing:0;color:var(--text)}
.form-grid{gap:3px 16px}.filters{padding:4px;border-radius:13px}
.seg{gap:4px;padding:3px;background:rgba(8,13,22,.48);border:1px solid var(--line);border-radius:13px}.seg a,.seg button{border:0;background:transparent;border-radius:9px}.seg .active{box-shadow:0 4px 15px rgba(0,0,0,.2)}

/* Jadvallar va ro'yxatlar */
.tbl-wrap{border:1px solid var(--line);border-radius:14px;background:rgba(7,12,20,.24)}
.card>.tbl-wrap{margin:0 -5px -5px}
table{font-size:13px}th{height:43px;padding:10px 13px;background:rgba(8,13,22,.5);border-color:var(--line);font-size:10.5px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;color:#718096}td{height:49px;padding:11px 13px;border-color:rgba(148,163,184,.09)}
tr.click td{transition:background .15s,color .15s}tr.click:hover td{background:rgba(255,255,255,.035)}tr.sel td{background:var(--accent-soft);box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 -1px color-mix(in srgb,var(--accent) 16%,transparent)}
.list li{padding:12px 2px;border-color:rgba(148,163,184,.1)}.list li::marker{color:var(--accent)}
.badge{min-height:25px;padding:3px 9px;background:rgba(8,13,22,.55);border-color:var(--line);font-size:11px;font-weight:650}.badge:before{width:6px;height:6px;box-shadow:0 0 8px currentColor}
.pill{border-radius:999px;background:rgba(8,13,22,.5);font-size:11px;font-weight:650}
.tabs{gap:7px;padding:4px;background:rgba(8,13,22,.42);border:1px solid var(--line);border-radius:13px;margin-bottom:20px}.tabs a{border:0;border-radius:9px;padding:8px 13px}.tabs a.active{background:var(--accent-soft);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent) inset}
.timeline li{padding:10px 0 11px 22px;border-left-color:var(--line2)}.timeline li:before{left:-7px;top:14px;width:11px;height:11px;background:var(--card);border:3px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.kv{gap:11px 16px}.kv dt{color:#7f8ca0;font-size:12px}.kv dd{color:#e3eaf3}
.avatar{background:linear-gradient(145deg,#34445a,#202c3d);border:1px solid rgba(255,255,255,.08);box-shadow:0 5px 14px rgba(0,0,0,.18)}

/* Maxsus bo'lim komponentlari */
.kanban{gap:16px;padding:2px}.kcol{background:rgba(8,13,22,.48);border-color:var(--line);border-radius:16px;padding:13px}.kcard{background:linear-gradient(145deg,rgba(22,34,50,.98),rgba(14,23,35,.98));border-color:var(--line);border-radius:13px;padding:14px;box-shadow:0 8px 25px rgba(0,0,0,.13);transition:.18s}.kcard:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 14px 35px rgba(0,0,0,.23)}
.progress{height:7px;background:#202c3b;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)}.progress i{background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px var(--accent-soft)}
.chart{filter:drop-shadow(0 8px 20px rgba(0,0,0,.08))}.chart .grid-l{stroke:rgba(148,163,184,.11)}
.hbar .bar{height:18px;background:#202c3b}.hbar .bar i{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.matrix{border-radius:12px;overflow:hidden}.matrix th,.matrix td{border-color:var(--line)}.matrix th{background:rgba(8,13,22,.62)}
.stepper .st .c,.vsteps .c{background:#111b29;border-color:#344155}.stepper .st.cur .c,.vsteps li.cur .c{box-shadow:0 0 0 5px var(--accent-soft),0 0 18px var(--accent-soft)}
.heat{border-spacing:5px}.hc{border-radius:7px;background:#202c3a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.hc.ok,.hc.late,.hc.leave,.hc.remote{box-shadow:0 5px 12px rgba(0,0,0,.18)}
.wblock{border-radius:10px;box-shadow:0 7px 16px rgba(0,0,0,.15)}
.gantt-bar{border-radius:8px;box-shadow:0 7px 16px rgba(0,0,0,.15)}
.course-hero{background:radial-gradient(500px 220px at 100% 0%,rgba(167,139,250,.18),transparent 70%),linear-gradient(135deg,#171a38,#111a27);border-color:rgba(167,139,250,.18);border-radius:18px;padding:24px}.course-hero h3{font-size:24px}
.filecard{border-radius:10px;padding:8px}.filecard:hover{background:rgba(255,255,255,.035)}
.check i{border-color:#3b485b;background:rgba(8,13,22,.45)}
.bar-chart{height:180px;display:flex;align-items:flex-end;gap:8px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.bar-chart .b{flex:1;min-width:10px;max-width:42px;margin:auto;background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:6px 6px 2px 2px;box-shadow:0 0 18px var(--accent-soft);transition:.18s}.bar-chart .b:hover{filter:brightness(1.2);transform:scaleX(1.06)}

/* Modal, bildirishnoma va login */
.modal{background:rgba(2,6,12,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding-top:6vh}.modal-card{background:radial-gradient(550px 250px at 100% 0%,var(--accent-soft),transparent 70%),linear-gradient(145deg,#152033,#0e1724);border-color:var(--line2);border-radius:22px;padding:25px;box-shadow:0 30px 100px rgba(0,0,0,.62);animation:modalIn .2s ease both}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.toast{bottom:28px;padding:11px 17px;border-radius:12px;background:#f8fafc;box-shadow:0 15px 45px rgba(0,0,0,.35)}
.login{position:relative;isolation:isolate;overflow:hidden;background:#080c14;padding:34px}
.login:before,.login:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.login:before{width:700px;height:700px;left:-280px;top:-340px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%)}.login:after{width:620px;height:620px;right:-270px;bottom:-330px;background:radial-gradient(circle,rgba(45,212,191,.12),transparent 68%)}
.login-shell{width:min(960px,100%);min-height:560px;display:grid;grid-template-columns:1.12fr .88fr;border:1px solid rgba(148,163,184,.14);border-radius:28px;background:rgba(13,20,32,.72);box-shadow:0 40px 120px rgba(0,0,0,.46);overflow:hidden;backdrop-filter:blur(20px)}
.login-story{position:relative;padding:52px;background:radial-gradient(480px 340px at 0 100%,rgba(45,212,191,.12),transparent 70%),linear-gradient(145deg,rgba(31,56,91,.75),rgba(15,25,40,.5));border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.login-story:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.035);border-radius:20px;pointer-events:none}
.login-mark{position:absolute;top:40px;left:48px;display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.03em}.login-mark em{font-style:normal;color:#75a7ff}.login-kicker,.login-eyebrow{color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.login-story h1{font-size:42px;line-height:1.08;max-width:470px;margin:0 0 20px}.login-story p{font-size:15px;line-height:1.7;color:#9daabd;max-width:450px}.login-points{display:grid;gap:11px;margin-top:28px}.login-points span{display:flex;align-items:center;gap:11px;color:#bdc8d6;font-size:13px}.login-points i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.22);border-radius:9px;background:rgba(59,130,246,.08);color:#7eacff;font-size:10px;font-style:normal;font-weight:700}
.login-box{max-width:none;width:auto;padding:52px 42px;background:rgba(10,16,26,.68);border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.login-form-icon{display:none}.login-box h2{font-size:27px;letter-spacing:-.035em;margin-bottom:7px}.login-box .muted{line-height:1.55;margin-bottom:24px}.login-box label{margin-bottom:14px}.login-box input{height:46px}.login-box button{height:46px;margin-top:3px;justify-content:center;font-weight:700}.login-safe{text-align:center;margin-top:18px;font-size:10.5px;color:#536176}.login-safe::first-letter{color:#34d399}

/* Responsive */
@media(max-width:1200px){.sidebar{width:238px}.view{padding:26px}.topbar{padding-left:24px;padding-right:24px}.g6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;max-width:470px;min-height:0}.login-story{display:none}.login-box{padding:42px}.login-form-icon{display:block;margin-bottom:22px}.login-form-icon .logo-sm{width:42px;height:42px}.g21,.g12,.g31{grid-template-columns:1fr}.card{padding:18px}}
@media(max-width:760px){body:after{background:radial-gradient(500px 300px at 80% 0%,var(--accent-soft),transparent 70%)}.sidebar{width:276px;left:-290px;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:30px 0 80px rgba(0,0,0,.5)}.sidebar.open{left:0}.brand{height:68px}.topbar{height:62px;padding:9px 13px}.top-right{gap:7px}.search{height:38px}.view{padding:20px 13px 50px}.page-head{align-items:flex-start;padding-bottom:15px}.page-head .btns{width:100%}.page-head .btns>.btn{flex:1;justify-content:center}h1{font-size:26px}.g4,.g6,.g3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid{gap:12px}.card{margin-bottom:12px;border-radius:15px;padding:15px}.stat{min-height:88px;padding:14px;gap:10px}.stat .ic{width:39px;height:39px}.stat .n{font-size:24px}.stat .l{font-size:11px}.modal{padding:10px 5px}.modal-card{padding:18px;border-radius:18px}.login{padding:14px}.login-shell{border-radius:22px}.login-box{padding:34px 24px}.form-grid{gap:0}.tabs{margin-left:-2px;margin-right:-2px}.kv{grid-template-columns:120px 1fr}.heat{border-spacing:3px}.hc{width:23px;height:23px}}
@media(max-width:460px){.g4,.g6,.g3{grid-template-columns:1fr}.stat{min-height:78px}.topbar .search{max-width:none}.bell{width:36px;height:36px}.kv{grid-template-columns:1fr;gap:3px}.kv dd{margin-bottom:8px}.login-box h2{font-size:24px}}
@media print{body{background:#fff;color:#111}.sidebar,.topbar{display:none!important}.view{max-width:none;padding:0}.card{background:#fff;color:#111;border:1px solid #ddd;box-shadow:none;break-inside:avoid}}

/* ===== Har bir bo'lim uchun o'ziga xos dashboard hero'lari ===== */
.section-hero{position:relative;min-height:154px;margin-bottom:22px;padding:25px 28px;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;background:linear-gradient(125deg,rgba(22,34,51,.98),rgba(10,17,27,.96));box-shadow:var(--shadow)}
.section-hero:before{content:"";position:absolute;width:420px;height:260px;right:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);pointer-events:none}
.section-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 35%);pointer-events:none}
.hero-main{display:flex;align-items:center;gap:19px;position:relative;z-index:1}.hero-main h1{font-size:29px;margin:2px 0 6px}.hero-main p{margin:0;color:#94a3b8;max-width:620px}
.hero-kicker{font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);margin-bottom:4px}
.hero-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,var(--accent-soft),rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent2);font-size:27px;font-weight:800;box-shadow:0 14px 35px rgba(0,0,0,.22),0 0 30px var(--accent-soft)}
.hero-metrics{display:flex;align-items:stretch;position:relative;z-index:1;background:rgba(5,10,17,.34);border:1px solid var(--line);border-radius:16px;padding:8px;backdrop-filter:blur(8px)}
.hero-metrics>div{min-width:96px;padding:9px 15px;border-left:1px solid var(--line);display:flex;flex-direction:column}.hero-metrics>div:first-child{border-left:0}.hero-metrics b{font-size:24px;line-height:1.1;color:#fff}.hero-metrics span{font-size:10.5px;color:var(--muted);margin-top:5px;white-space:nowrap}.hero-metrics .danger b{color:#f87171}
.page-head.compact{padding-top:1px;padding-bottom:12px;margin-bottom:14px}.page-head.compact h2{margin:0}.page-head.compact:after{width:42px}
.hero-tasks{background:radial-gradient(500px 240px at 90% 0%,rgba(99,102,241,.16),transparent 70%),linear-gradient(125deg,#151a35,#0c1421)}
.hero-profile{background:radial-gradient(420px 240px at 88% 15%,rgba(59,130,246,.17),transparent 72%),linear-gradient(125deg,#14233a,#0c1420)}
.hero-avatar{width:76px;height:76px;padding:5px;border-radius:22px}.hero-avatar .avatar{width:64px;height:64px}
.hero-requests{background:radial-gradient(520px 260px at 90% 0%,rgba(59,130,246,.18),transparent 70%),linear-gradient(125deg,#12243b,#0b1421)}
.hero-reports{background:radial-gradient(520px 260px at 90% 0%,rgba(34,197,94,.16),transparent 70%),linear-gradient(125deg,#102c25,#0a1618)}
.hero-ai{background:radial-gradient(520px 280px at 90% 0%,rgba(139,92,246,.22),transparent 70%),linear-gradient(125deg,#21163c,#0e1323)}
.hero-notifications{background:radial-gradient(480px 260px at 90% 0%,rgba(59,130,246,.18),transparent 70%),linear-gradient(125deg,#12243b,#0b1421)}
.hero-admin{background:radial-gradient(500px 270px at 90% 0%,rgba(96,165,250,.14),transparent 70%),linear-gradient(125deg,#172235,#0b131f)}

.request-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.request-summary>div{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(17,26,39,.86);border:1px solid var(--line);border-radius:15px}.request-summary i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-style:normal;font-weight:800}.request-summary span{display:flex;flex-direction:column;color:var(--muted);font-size:11px}.request-summary b{color:#fff;font-size:20px;line-height:1.1}.req-help{color:#60a5fa;background:rgba(59,130,246,.13)}.req-leave{color:#a78bfa;background:rgba(139,92,246,.13)}.req-resource{color:#34d399;background:rgba(34,197,94,.13)}.req-deadline{color:#fbbf24;background:rgba(245,158,11,.13)}
.request-status{margin-bottom:22px}.request-status .stat{min-height:84px}
.report-overview{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;margin-bottom:22px}.report-overview>div{min-height:112px;padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(18,29,43,.95),rgba(12,20,31,.95));display:flex;flex-direction:column;justify-content:center}.report-overview span{font-size:11px;color:var(--muted);font-weight:650}.report-overview b{font-size:28px;margin:4px 0;color:#fff}.report-overview b small{font-size:15px;color:var(--dim)}.report-overview em{font-size:10.5px;color:var(--dim);font-style:normal}.report-overview .progress{margin-top:5px}
.ai-orb{width:70px;height:70px;border-radius:23px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#c4b5fd,#8b5cf6 38%,#4338ca 72%);box-shadow:0 0 0 8px rgba(139,92,246,.08),0 18px 45px rgba(76,29,149,.4)}.ai-orb span{width:27px;height:27px;border:2px solid #fff;border-radius:50% 50% 50% 14%;position:relative}.ai-orb span:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:8px;top:8px;box-shadow:0 0 12px #fff}
.ai-live{position:relative;z-index:1;padding:8px 12px;border:1px solid rgba(52,211,153,.2);border-radius:999px;background:rgba(16,185,129,.07);color:#86efac;font-size:11px;font-weight:650}.ai-live i,.admin-health i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px;box-shadow:0 0 10px #34d399}
.ai-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.ai-capabilities>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;padding:14px;border:1px solid rgba(139,92,246,.14);border-radius:15px;background:rgba(25,20,47,.45)}.ai-capabilities>div>span{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.15);color:#c4b5fd;display:grid;place-items:center;font-size:18px}.ai-capabilities b{font-size:12px;align-self:end}.ai-capabilities small{font-size:10px;color:var(--muted)}.ai-workspace .card{min-height:240px}.ai-question{border-color:rgba(139,92,246,.16)}.ai-spark{font-size:24px;color:#c4b5fd;text-shadow:0 0 20px #8b5cf6}
.notification-card{max-width:980px}.notification-item{display:flex;gap:13px;padding:15px 8px!important}.notification-item>i{width:9px;height:9px;border-radius:50%;background:var(--dim);margin-top:7px;flex-shrink:0}.notification-item.unread>i{background:var(--accent2);box-shadow:0 0 12px var(--accent)}.notification-item.unread{background:linear-gradient(90deg,var(--accent-soft),transparent);margin:0 -8px;padding-left:16px!important;border-radius:10px}.notification-item.read{opacity:.58}.notification-item>div>div{color:#b4bfce;margin:2px 0}
.admin-health{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-health span{font-size:12px;font-weight:650}.admin-health small{color:var(--muted)}.admin-card{border-top-left-radius:8px}.admin-card pre{background:#080d16!important;color:#b6c3d4;border:1px solid var(--line)}

@media(max-width:1000px){.section-hero{align-items:flex-start}.hero-metrics{align-self:stretch}.request-summary,.ai-capabilities{grid-template-columns:repeat(2,1fr)}.report-overview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.section-hero{min-height:0;padding:19px;flex-direction:column;align-items:stretch;border-radius:18px}.hero-main{align-items:flex-start}.hero-main h1{font-size:24px}.hero-icon{width:50px;height:50px;border-radius:15px;font-size:22px}.hero-avatar{width:59px;height:59px}.hero-avatar .avatar{width:49px;height:49px}.hero-metrics{width:100%;justify-content:space-around}.hero-metrics>div{min-width:0;flex:1;padding:7px 10px}.hero-metrics b{font-size:20px}.request-summary,.ai-capabilities,.report-overview{grid-template-columns:1fr 1fr}.report-overview>div{min-height:94px}.section-hero>.btn{align-self:flex-start}.admin-health{align-items:flex-start}}
@media(max-width:460px){.request-summary,.ai-capabilities,.report-overview{grid-template-columns:1fr}.hero-main{gap:12px}.hero-main p{font-size:12px}.hero-metrics span{white-space:normal}.request-summary>div{padding:11px 13px}}

/* ---- tuzatishlar (2026-09-12): tor ustunlarda kartalar kesilmasin ---- */
#rvDetail .grid.g2{grid-template-columns:1fr}
#rvDetail .mini-card{min-width:0}
.daybar div{overflow:hidden;white-space:nowrap;padding:0 4px}.daybar div span,.daybar div small{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.stat .n{overflow-wrap:anywhere}
.person .nm{overflow-wrap:anywhere}
@media (max-width:1400px){.grid[style*="2fr 2.6fr"],.grid[style*="1fr 2.6fr 1.15fr"]{grid-template-columns:1fr 2fr!important}.grid[style*="2fr 1.4fr 1fr"]{grid-template-columns:1fr 1fr!important}}

/* ===== Rahbar dashboardi — maket 2 (yashil-qora, hero, KPI trend, halqa, donut) ===== */
:root{--bg:#0a1114;--bg2:#0c161a;--card:#0f1b1f;--card2:#132227;--line:rgba(148,190,180,.12);--line2:rgba(148,190,180,.22);--glow:rgba(34,197,94,.14)}
body:after{background:radial-gradient(900px 520px at 82% -10%,var(--accent-soft),transparent 68%),radial-gradient(700px 420px at 18% 105%,rgba(34,197,94,.06),transparent 70%)}
.sidebar{background:linear-gradient(180deg,#0d181c,#0a1114)}
.sidebar .brand{justify-content:space-between}.sidebar .brand .collapse{border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:8px}.sidebar .brand .collapse:hover{background:var(--card2);color:#fff}
.side-promo{margin:10px 4px;padding:16px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(160deg,#0f2a23,#0b1b1f 60%,#0d2a2f);border:1px solid rgba(34,197,94,.22);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.side-promo:before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:linear-gradient(135deg,rgba(34,197,94,.55),rgba(34,197,94,0));transform:rotate(25deg);border-radius:20px;opacity:.5}
.side-promo b{display:block;font-size:14.5px;line-height:1.3;color:#fff;margin-bottom:6px;position:relative}.side-promo span{font-size:12px;color:#8fb3a6;position:relative;display:block}.side-promo .go{position:absolute;right:14px;bottom:12px;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#04140a;display:grid;place-items:center;font-weight:800}
.side-foot{padding:0;border:0;background:transparent;margin:0 4px 10px}
.side-user-box{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:6px;cursor:pointer}.side-user-box:hover{border-color:var(--line2)}.side-user-box .chev{margin-left:auto;color:var(--dim)}
.side-logout{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;color:var(--muted);cursor:pointer;border:1px solid transparent;background:transparent;width:100%;font:inherit;text-align:left}.side-logout:hover{background:var(--card2);color:#fff;border-color:var(--line)}
.sidebar.collapsed{width:76px}.sidebar.collapsed .brand span.t,.sidebar.collapsed nav a span,.sidebar.collapsed .nav-section,.sidebar.collapsed .side-promo,.sidebar.collapsed .side-user-box>div,.sidebar.collapsed .side-user-box .chev,.sidebar.collapsed .side-logout span{display:none}.sidebar.collapsed nav a{justify-content:center;padding:10px}.sidebar.collapsed .side-user-box{justify-content:center}
.exec-hero{position:relative;margin:-30px -34px 22px;padding:26px 34px 0;min-height:150px;overflow:hidden;border-bottom:1px solid var(--line)}
.exec-hero .art{position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 200px at 62% 0%,rgba(34,197,94,.22),transparent 70%),linear-gradient(180deg,rgba(34,197,94,.04),transparent)}
.exec-hero .art svg{position:absolute;right:0;top:0;height:100%;width:70%;opacity:.9}
.exec-hero .quote{position:absolute;right:270px;top:78px;color:#9fb8ad;font-style:italic;font-size:14px;max-width:190px;line-height:1.4}
.exec-hero h1{position:relative}.exec-hero .sub{position:relative;margin-bottom:0}
.exec-hero .actions{position:absolute;right:34px;top:82px;display:flex;gap:10px;align-items:center;z-index:2}
.btn.dl{background:linear-gradient(135deg,#34d399,#16a34a);color:#04140a;border:0;font-weight:700;min-height:46px;padding:10px 22px;border-radius:12px;box-shadow:0 10px 26px rgba(34,197,94,.3)}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.kpi{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;border:1px solid rgba(34,197,94,.2);background:linear-gradient(145deg,#0f221f,#0d1a1f 70%);box-shadow:var(--shadow);cursor:pointer;position:relative;overflow:hidden}.kpi:hover{border-color:rgba(34,197,94,.45)}
.kpi .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.3);flex-shrink:0}.kpi .ic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kpi.amber{border-color:rgba(245,158,11,.25);background:linear-gradient(145deg,#1d1a10,#0f1a1f 70%)}.kpi.amber .ic{background:rgba(245,158,11,.14);color:#fbbf24;border-color:rgba(245,158,11,.35)}
.kpi.blue{border-color:rgba(56,189,248,.25);background:linear-gradient(145deg,#0f1d29,#0d1a1f 70%)}.kpi.blue .ic{background:rgba(56,189,248,.14);color:#38bdf8;border-color:rgba(56,189,248,.35)}
.kpi .l{color:#b4c6bf;font-size:14px}.kpi .n{font-size:34px;font-weight:800;line-height:1.05;display:flex;align-items:baseline;gap:10px}.kpi .d{font-size:13px;font-weight:600}.kpi .d.up{color:#4ade80}.kpi .d.down{color:#fbbf24}.kpi .d.flat{color:#9fb8ad}
.spark{margin-left:auto;display:flex;align-items:flex-end;gap:3px;height:34px}.spark i{display:block;width:6px;border-radius:2px;background:#22c55e;opacity:.9;min-height:3px}.kpi.amber .spark i{background:#fbbf24}.kpi.blue .spark i{background:#38bdf8}
.tile-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}
.tile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#101d21,#0d171b);cursor:pointer;box-shadow:var(--shadow)}.tile:hover{border-color:var(--line2)}
.tile .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.tile .l{font-size:12.5px;color:#9fb8ad}.tile .n{font-size:26px;font-weight:800;line-height:1.05}
.ring{margin-left:auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#cfe6dc;position:relative;flex-shrink:0}.ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--card)}.ring b{position:relative}
.exec-charts{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px}
.chart-wrap{position:relative}.chart-tip{position:absolute;pointer-events:none;background:#132227;border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font-size:12px;color:#cfe6dc;box-shadow:0 10px 30px rgba(0,0,0,.35);transform:translate(-50%,-115%);white-space:nowrap;display:none}.chart-tip b{display:block;font-size:14px;color:#fff}
.donut-wrap{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}.donut-legend{list-style:none;margin:0;padding:0}.donut-legend li{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}.donut-legend li:last-child{border:0}.donut-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.donut-legend b{font-size:15px}.donut-legend span.p{color:#9fb8ad;min-width:36px;text-align:right}
.exec-table th{font-size:10.5px}.exec-table td{height:52px}
@media (max-width:1300px){.kpi-row{grid-template-columns:repeat(2,1fr)}.tile-row{grid-template-columns:repeat(3,1fr)}.exec-charts{grid-template-columns:1fr}.exec-hero .quote{display:none}}
@media (max-width:760px){.tile-row{grid-template-columns:repeat(2,1fr)}.kpi-row{grid-template-columns:1fr}.exec-hero{margin:-14px -14px 16px;padding:18px 14px 0}.exec-hero .actions{position:static;margin:12px 0}.donut-wrap{grid-template-columns:1fr}}
/* maket 2 — nozik tuzatishlar */
.kpi{min-width:0;padding:16px 18px}.kpi>div:nth-child(2){min-width:0}.kpi .n{white-space:nowrap;font-size:32px}.kpi .d{font-size:12.5px}.spark{flex-shrink:0;gap:2px}.spark i{width:5px}
.tile{min-width:0;padding:12px;gap:10px}.tile .ic{width:38px;height:38px;font-size:16px}.tile .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.tile .n{font-size:24px}.ring{width:40px;height:40px;font-size:10px}.tile>div:nth-child(2){min-width:0}
.exec-table td:first-child .nm,.exec-table td:first-child .ps{white-space:nowrap}.exec-table td:nth-child(2){white-space:nowrap}.exec-table td:nth-child(4){white-space:nowrap}
.exec-hero .quote{right:290px;top:84px}
@media (max-width:1500px){.tile .l{font-size:11.5px}.ring{display:none}}
@media (max-width:1500px){.ring{display:grid;width:36px;height:36px;font-size:9.5px}.ring:before{inset:3px}.tile{gap:8px;padding:12px 10px}.tile .ic{width:34px;height:34px}}
@media (max-width:1300px){.ring{display:none}}
nav a{min-height:40px;padding:8px 11px;margin-bottom:2px}.nav-section{padding:14px 12px 5px}.side-promo{padding:13px 14px;margin:6px 4px}
@media (max-height:860px){.side-promo{display:none}}

/* ===== Jamoa dashboardi — maket 3 ===== */
.acc-blue{--bg:#0a1220;--bg2:#0d1728;--card:#0f1b30;--card2:#142238;--line:rgba(96,165,250,.14);--line2:rgba(96,165,250,.26)}
.acc-blue body:after,.acc-blue .sidebar{background:linear-gradient(180deg,#0e1a2e,#0a1220)}
.page-title{display:flex;align-items:center;gap:14px}.page-title .pic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--accent2);background:var(--accent-soft);border:1px solid var(--line2)}.page-title .pic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.kpi.blue2{border-color:rgba(96,165,250,.28);background:linear-gradient(145deg,#12213d,#0f1b30 70%)}.kpi.blue2 .ic{background:rgba(59,130,246,.22);color:#93c5fd;border-color:rgba(96,165,250,.4)}
.kpi .sub2{font-size:12px;color:#8fa6c7;margin-top:2px}.kpi .dl{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:12.5px;font-weight:600;background:rgba(34,197,94,.14);color:#4ade80}.kpi .dl.zero{background:rgba(148,163,184,.12);color:#94a3b8}
.cap{display:flex;align-items:center;gap:16px}.cap .ring2{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.cap .ring2:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--card)}.cap .ring2 b{position:relative;font-size:22px;font-weight:800}
.cap .l{font-size:16px;font-weight:700}.cap .s{font-size:12.5px;color:#8fa6c7}.cap .progress{margin:8px 0 4px;height:6px}
.team-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:14px}
.sbar{display:grid;grid-template-columns:72px 1fr 70px;gap:12px;align-items:center;margin:10px 0}.sbar .track{height:16px;background:#1b2a44;border-radius:5px;display:flex;overflow:hidden}.sbar .track i{display:block;height:100%}.sbar .v{text-align:right;color:#cbd5e1;font-weight:600;font-size:13px}
.sbar-axis{display:grid;grid-template-columns:72px 1fr 70px;gap:12px;margin-top:6px}.sbar-axis div{display:flex;justify-content:space-between;font-size:11.5px;color:#7f93b5;border-top:1px solid var(--line);padding-top:4px}
.heat2{border-collapse:separate;border-spacing:5px;width:100%}.heat2 th{font-size:12px;color:#cbd5e1;font-weight:600;text-align:center;padding:2px 0;border:0}.heat2 td{border:0;padding:0}.heat2 td.nm{font-size:13px;color:#e2e8f0;padding-right:6px;white-space:nowrap}.hb{display:block;height:24px;border-radius:5px;background:#1e2f4d}.hb.l1{background:#294a80}.hb.l2{background:#2f6fd6}.hb.l3{background:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.55)}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip2{display:inline-block;padding:3px 10px;border-radius:7px;font-size:12px;font-weight:600;color:#cfe0ff;background:#1b2a44;border:1px solid rgba(96,165,250,.25)}
.loadbar{display:flex;align-items:center;gap:8px}.loadbar .progress{width:110px;height:7px}.loadbar .progress i{background:#3b82f6}.loadbar.warn .progress i{background:#f87171}
.tabs2{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:14px 0 12px}.tabs2 a{padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;font-size:13px}.tabs2 a.active{color:var(--accent2);border-color:var(--accent2);font-weight:600}
.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prof-grid .row{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:13px}.prof-grid .row .k{color:#8fa6c7;font-size:12px;display:block}.prof-grid .row .ico{width:22px;color:#8fa6c7}
.pill.ok2{color:#4ade80;border-color:rgba(74,222,128,.35);background:rgba(34,197,94,.12)}.pill.busy{color:#fbbf24;border-color:rgba(251,191,36,.35);background:rgba(245,158,11,.12)}
@media (max-width:1400px){.team-row{grid-template-columns:1fr 1fr}.kpi4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.team-row,.kpi4{grid-template-columns:1fr}.prof-grid{grid-template-columns:1fr}}
/* Jamoa — nozik tuzatishlar */
h2 svg,h1 svg,.card-head svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px;margin-right:6px}
.kpi.blue2{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px}.kpi.blue2 .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi.blue2 .n{font-size:32px!important}.kpi.blue2>div:last-child{min-width:110px;text-align:left}.kpi.blue2 .sub2{white-space:nowrap}
.kpi.blue2 .cap{grid-column:1/-1}
.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:26px}
#teamRows .nm{white-space:nowrap}#teamRows td:nth-child(2){white-space:nowrap}#teamRows .chips{max-width:230px}
.radar-wrap{padding:0 10px}
.kpi.blue2{grid-template-columns:52px 1fr}.kpi.blue2 .nrow{display:flex;align-items:center;gap:12px}.kpi.blue2 .dblk{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi.blue2 .sub2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.chips.nowrap{flex-wrap:nowrap;overflow:hidden}.chips.nowrap .chip2{white-space:nowrap}
#teamRows td{padding:10px 12px;height:46px}#teamRows .loadbar .progress{width:80px}#teamRows .chip2{font-size:11.5px;padding:2px 8px}
#teamTable{table-layout:fixed;width:100%}#teamTable col.c1{width:25%}#teamTable col.c2{width:19%}#teamTable col.c3{width:27%}#teamTable col.c4{width:17%}#teamTable col.c5{width:9%}#teamTable col.c6{width:3%}
#teamTable td:nth-child(2){overflow:hidden;text-overflow:ellipsis;font-size:12.5px}#teamRows .loadbar .progress{width:64px}#teamRows .loadbar b{font-size:12.5px}#teamTable .pill{padding:2px 8px;font-size:11px}
.team-list-head{flex-wrap:nowrap}.team-list-head h2{white-space:nowrap}.team-list-head .search{max-width:220px}

/* ===== Loyihalar — maket 4 (indigo) ===== */
.acc-indigo{--bg:#0b0f1f;--bg2:#0e1428;--card:#111832;--card2:#171f3d;--line:rgba(129,140,248,.14);--line2:rgba(129,140,248,.28)}
.acc-indigo .sidebar{background:linear-gradient(180deg,#10163a,#0b0f1f)}
.top-slot{display:flex;align-items:center;gap:10px}.top-slot .seg{background:rgba(17,24,50,.8)}
.month small{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.1}.month{line-height:1.15}
.kpi5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.kpi5 .k{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,#141c3a,#111832 70%);box-shadow:var(--shadow);cursor:pointer}.kpi5 .k:hover{border-color:var(--line2)}
.kpi5 .k .top{display:flex;align-items:center;gap:14px}.kpi5 .k .ic{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;border:1px solid transparent}.kpi5 .k .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kpi5 .k .l{color:#aab4d6;font-size:14px}.kpi5 .k .n{font-size:30px;font-weight:800;line-height:1.05}
.kpi5 .k .bar{display:flex;align-items:center;gap:10px;margin-top:12px}.kpi5 .k .bar .progress{flex:1;height:6px;background:#1c2447}.kpi5 .k .bar span{font-size:12.5px;color:#aab4d6;min-width:36px;text-align:right}
.gantt2{position:relative}.gantt2 .months{display:grid;grid-template-columns:150px 1fr;margin-bottom:2px}.gantt2 .months .m{position:relative;height:20px}.gantt2 .months .m span{position:absolute;top:0;font-size:12.5px;color:#cbd5e1;font-weight:500;transform:translateX(-50%);white-space:nowrap}
.gantt2 .days{display:grid;grid-template-columns:150px 1fr}.gantt2 .days .row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}.gantt2 .days .row span{font-size:12px;color:#8b95bd;width:0;text-align:center}
.gantt2 .today{position:absolute;top:0;bottom:0;border-left:2px dashed #818cf8;z-index:1}.gantt2 .today b{position:absolute;top:-2px;left:-28px;background:#6366f1;color:#fff;font-size:12px;padding:3px 10px;border-radius:8px;font-weight:600}
.gantt2 .grow{display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:42px;border-top:1px solid var(--line)}.gantt2 .grow .lbl{font-size:13.5px;color:#e2e8f0}.gantt2 .grow .lane{position:relative;height:42px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/14 - 1px),var(--line) calc(100%/14 - 1px),var(--line) calc(100%/14))}
.gantt2 .gb{position:absolute;top:8px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12.5px;color:#fff;font-weight:500;box-shadow:0 8px 18px rgba(0,0,0,.25)}
.gantt2 .dep{position:absolute;right:-16px;top:13px;width:16px;height:26px;border-right:2px solid #c7d2fe;border-top:2px solid #c7d2fe;border-radius:0 6px 0 0}.gantt2 .dep:after{content:"";position:absolute;right:-5px;bottom:-4px;border:5px solid transparent;border-top:7px solid #c7d2fe}
.donut-note{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(99,102,241,.12);border:1px solid rgba(129,140,248,.25);margin-top:14px;font-size:13px;color:#cbd5e1}.donut-note .ic{width:34px;height:34px;border-radius:9px;background:rgba(99,102,241,.25);display:grid;place-items:center;color:#a5b4fc;flex-shrink:0}
.kcard .kp{display:flex;align-items:center;gap:8px;margin-top:8px}.kcard .kp .progress{flex:1;height:5px}.kcard .kp span{font-size:12px;color:var(--muted)}
.kcol.c-plan .kcard{border-left:3px solid #3b82f6}.kcol.c-prog .kcard{border-left:3px solid #f59e0b}.kcol.c-rev .kcard{border-left:3px solid #a78bfa}.kcol.c-done .kcard{border-left:3px solid #22c55e}
.risk{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.risk:last-child{border:0}.risk .w{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:14px}.risk .w.h{background:rgba(239,68,68,.15);color:#f87171}.risk .w.m{background:rgba(245,158,11,.15);color:#fbbf24}.risk b{display:block;font-size:13.5px}.risk .s{font-size:12px;color:var(--muted)}.risk .pill{margin-left:auto;flex-shrink:0}
.wl-row{display:grid;grid-template-columns:30px 90px 1fr 40px;gap:10px;align-items:center;padding:6px 0;font-size:13px}.wl-row .progress{height:6px;background:#1c2447}.wl-row .progress i{background:#6366f1}.wl-row span:last-child{text-align:right;color:var(--muted)}
.proj-main{display:grid;grid-template-columns:1fr 370px;gap:14px}
@media (max-width:1400px){.kpi5{grid-template-columns:repeat(3,1fr)}.proj-main{grid-template-columns:1fr}}
@media (max-width:760px){.kpi5{grid-template-columns:1fr 1fr}.top-slot{display:none}}
.proj-main .kanban{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.proj-main .kcol{padding:10px}.proj-main .kcard{padding:10px}.proj-main .kcard .t span{font-size:13px}.proj-main .kcol h4{font-size:13px}
.proj-main .donut-wrap{grid-template-columns:150px 1fr!important}.proj-main .donut-legend li{font-size:13px;gap:8px}.proj-main .donut-legend span.p{min-width:44px;font-size:12px}
@media (max-width:1400px){.proj-main .kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* topbar tartibi */
.topbar{gap:12px}.topbar .search{flex:1 1 220px;min-width:180px;max-width:520px}.top-right{flex-shrink:0;gap:10px}
.topbar .btn,.topbar .seg a,.topbar .month,.topbar .demo-chip,.timer-widget .lbl{white-space:nowrap}.topbar .seg a{padding:7px 12px;font-size:13px}.top-slot .btn.primary{padding:8px 14px}
body.has-slot .demo-chip{display:none}body.has-slot .month{padding:5px 10px}body.has-slot .month small{display:none}
@media (max-width:1250px){body.has-slot .timer-widget .lbl,body.has-slot .userchip span{display:none}}

/* ===== Rejalar — maket 5 (amber) ===== */
.acc-amber{--bg:#0c0d10;--bg2:#111318;--card:#14161c;--card2:#1b1e26;--line:rgba(245,158,11,.14);--line2:rgba(245,158,11,.28)}
.acc-amber .sidebar{background:linear-gradient(180deg,#15171d,#0c0d10)}
.pcc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px;position:relative}.pcc-head:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--accent),transparent 60%)}
.pcc-head h1{font-size:34px;margin:0}.pcc-head .sub{margin:4px 0 0;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.pcc-head .quote{color:#cbd5e1;font-style:italic;font-size:14px;white-space:nowrap}
.kpi5.plans{grid-template-columns:1.25fr 1.25fr 1fr 1fr 1fr}
.goal{padding:16px 18px;border-radius:16px;border:1px solid rgba(245,158,11,.5);background:linear-gradient(145deg,#1b160b,#14161c 70%);box-shadow:0 0 0 1px rgba(245,158,11,.15),var(--shadow);display:flex;gap:14px;align-items:flex-start;cursor:pointer}.goal.green{border-color:rgba(34,197,94,.45);background:linear-gradient(145deg,#0f1d14,#14161c 70%);box-shadow:0 0 0 1px rgba(34,197,94,.12),var(--shadow)}
.goal .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(245,158,11,.15);color:#fbbf24;flex-shrink:0}.goal.green .ic{background:rgba(34,197,94,.15);color:#4ade80}
.goal .l{font-size:13px;color:#aab4c6}.goal .t{font-size:16px;font-weight:700;line-height:1.25;margin:2px 0 10px;color:#fff}.goal .pr{display:flex;align-items:center;gap:10px}.goal .pr .progress{flex:1;height:6px;background:#2a2417}.goal .pr .progress i{background:#f59e0b}.goal.green .pr .progress i{background:#22c55e}.goal .pr b{font-size:13px}
.kpi.amber2{border-color:var(--line);background:linear-gradient(145deg,#1a1c24,#14161c 70%)}.kpi.amber2 .ic{background:rgba(245,158,11,.14);color:#fbbf24;border-color:rgba(245,158,11,.35)}.kpi.amber2 .n{font-size:32px}.kpi.amber2 .n small{font-size:14px;font-weight:400;color:#aab4c6;margin-left:4px}
.wk{width:100%;border-collapse:separate;border-spacing:6px 6px}.wk th{border:0;padding:8px 6px;text-align:center;font-size:13px;color:#fff;font-weight:700;background:#1b1e26;border-radius:10px}.wk th small{display:block;font-weight:400;color:#8b95a7;font-size:11.5px;text-transform:none;letter-spacing:0}.wk th.nm{text-align:left;padding-left:14px}
.wk td{border:0;padding:0;vertical-align:top}.wk td.nm{background:#1b1e26;border-radius:10px;padding:8px 12px;white-space:nowrap}
.wk .cell{min-height:52px;border-radius:9px;border:1px dashed rgba(148,163,184,.15);display:flex;flex-direction:column;gap:4px}.wk .wb{border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;color:#0b1220;cursor:pointer;line-height:1.25}.wb small{display:block;font-weight:500;opacity:.8}
.plan-main{display:grid;grid-template-columns:1fr 360px;gap:14px}
.busy-ring{display:flex;align-items:center;gap:16px;margin-top:12px}.busy-ring .r{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.busy-ring .r:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}.busy-ring .r b{position:relative;font-size:18px}.busy-ring ul{list-style:none;margin:0;padding:0;font-size:12.5px}.busy-ring li{display:flex;align-items:center;gap:8px;padding:4px 0}.busy-ring li i{width:9px;height:9px;border-radius:50%}.busy-ring li b{margin-left:auto}
.ai-tip{border:1px solid rgba(34,197,94,.35);border-radius:14px;padding:14px;background:linear-gradient(145deg,#0f1d14,#14161c);margin-top:10px}.ai-tip .row{display:flex;gap:12px}.ai-tip .bulb{width:36px;height:36px;border-radius:50%;background:#fbbf24;color:#3b2a00;display:grid;place-items:center;font-size:18px;flex-shrink:0;box-shadow:0 0 18px rgba(251,191,36,.5)}.ai-tip b{display:block;font-size:14px;color:#fff;margin-bottom:4px}.ai-tip .s{font-size:12.5px;color:#9fb3a8}.ai-tip .btns{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-tip .btn{justify-content:center;font-size:12.5px;padding:8px 6px}.ai-tip .btn.acc{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1300;border:0;font-weight:700}
@media (max-width:1400px){.kpi5.plans{grid-template-columns:repeat(3,1fr)}.plan-main{grid-template-columns:1fr}.pcc-head .quote{display:none}}

/* ===== Davomat — maket 6 (cyan) ===== */
.acc-cyan{--bg:#0a1216;--bg2:#0d1a20;--card:#0f1e25;--card2:#14272f;--line:rgba(34,211,238,.14);--line2:rgba(34,211,238,.28)}
.acc-cyan .sidebar{background:linear-gradient(180deg,#0f2028,#0a1216)}
.att-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;min-height:78px}.att-head .art{position:absolute;right:0;top:-10px;width:55%;height:100px;pointer-events:none;opacity:.6}.att-head .hand{position:absolute;right:20px;top:14px;font-family:"Segoe Script","Bradley Hand","Comic Sans MS",cursive;font-style:italic;color:#9fd5e0;font-size:15px;transform:rotate(-4deg);text-align:right;line-height:1.3}
.kpi5.att{grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr}
.ak{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(145deg,#12242c,#0f1e25 70%);box-shadow:var(--shadow);cursor:pointer;position:relative;overflow:hidden}.ak:hover{border-color:var(--line2)}
.ak .top{display:flex;align-items:center;gap:12px}.ak .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.ak .l{font-size:13.5px;color:#a9c4cc}.ak .n{font-size:30px;font-weight:800;line-height:1.05}.ak .p{margin-left:auto;font-size:13px;font-weight:600;color:#cfe8ee}.ak .bar{height:6px;background:#1a2f38;border-radius:4px;margin-top:12px;overflow:hidden}.ak .bar i{display:block;height:100%;border-radius:4px}.ak .s{font-size:12px;color:#7f9aa3;margin-top:4px}.ak .ghost{position:absolute;right:16px;top:14px;font-size:30px;opacity:.15}
.ak.gauge{display:flex;align-items:center;gap:8px;cursor:default}.ak.gauge .l{font-size:14px;font-weight:600;color:#fff}.ak.gauge .s{font-size:11.5px}
.att-main{display:grid;grid-template-columns:2fr 1fr;gap:14px}.att-bottom{display:grid;grid-template-columns:1fr 1.6fr .9fr;gap:14px;margin-top:14px}
.heat .hc{width:22px;height:22px;border-radius:5px}.heat th{font-size:11px}.heat th small{font-size:9.5px}.heat.all td.nm{font-size:13px}.hc.wk{background:#131f26;opacity:.7}
.today-legend{list-style:none;margin:0;padding:0}.today-legend li{display:grid;grid-template-columns:12px 1fr auto 40px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}.today-legend li:last-child{border:0}.today-legend i{width:9px;height:9px;border-radius:50%}.today-legend b{font-size:14px}.today-legend .pc{text-align:right;color:#a9c4cc}
.hour-box{margin-top:12px;padding:12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--line)}
.tl2{display:flex;height:60px;gap:3px;margin-top:6px}.tl2 div{border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#0b1220;min-width:0;overflow:hidden;white-space:nowrap;padding:0 4px}.tl2 small{font-weight:500;opacity:.85}.tl2 .in,.tl2 .out{background:#1c3a44;color:#cfe8ee}.tl2 .gap{background:transparent;border:1px dashed var(--line2)}
.tl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.tl-stats div{padding:12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid var(--line)}.tl-stats .k{font-size:12px;color:#7f9aa3;display:flex;gap:6px;align-items:center}.tl-stats b{display:block;font-size:14px;margin-top:4px}
.late-box{padding:12px 14px;border-radius:12px;background:rgba(34,211,238,.08);border:1px solid var(--line2);margin-top:12px;font-size:13px;display:flex;gap:10px;align-items:flex-start}.late-box .b{font-size:18px}
@media (max-width:1400px){.kpi5.att{grid-template-columns:repeat(3,1fr)}.att-main{grid-template-columns:1fr}.att-bottom{grid-template-columns:1fr 1fr}.att-head .hand,.att-head .art{display:none}}
@media (max-width:900px){.att-bottom{grid-template-columns:1fr}.tl-stats{grid-template-columns:1fr 1fr}}
/* Davomat — nozik tuzatishlar */
.heat.all{border-spacing:3px}.heat.all .hc{width:17px;height:17px;border-radius:4px}.heat.all th{font-size:10px;padding:0}.heat.all th small{font-size:8.5px}.heat.all td.nm{font-size:12.5px;padding-right:6px}
.att-main .card-head{flex-wrap:nowrap}.att-main .card-head h2{white-space:nowrap}.att-main .card-head .legend{flex-wrap:wrap;gap:8px 12px;font-size:11.5px}
.hour-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}.hour-labels span:nth-child(even){visibility:hidden}
.att-bottom table{font-size:12.5px}.att-bottom th,.att-bottom td{padding:8px 8px}.att-bottom .badge{padding:2px 7px;font-size:10.5px}.att-bottom .card-head h2{white-space:nowrap}
.tl-stats{grid-template-columns:repeat(2,1fr)}@media (min-width:1600px){.tl-stats{grid-template-columns:repeat(4,1fr)}}.tl-stats .k{white-space:nowrap}
.att-bottom{grid-template-columns:1.2fr 1.4fr .85fr}.att-bottom td,.att-bottom th{white-space:nowrap;padding:8px 6px}.att-bottom .card-head .lnk{white-space:nowrap}.att-bottom .badge{padding:2px 6px;font-size:10px;gap:4px}.att-bottom .badge:before{width:5px;height:5px}
@media (max-width:1250px){.att-bottom{grid-template-columns:1fr 1fr}}

/* ===== Tekshiruv — maket 7 (orange) ===== */
.acc-orange{--bg:#0c0f14;--bg2:#10141b;--card:#131820;--card2:#1a2029;--line:rgba(249,115,22,.14);--line2:rgba(249,115,22,.3)}
.acc-orange .sidebar{background:linear-gradient(180deg,#15191f,#0c0f14)}
.qk{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;position:relative}.qk:hover{filter:brightness(1.08)}
.qk .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex-shrink:0;border:2px solid transparent}.qk .l{font-size:14px;color:#cbd5e1}.qk .n{font-size:30px;font-weight:800;line-height:1.05}.qk .ar{margin-left:auto;color:#6b7280;font-size:20px}
.qk.o{background:linear-gradient(145deg,#2a1608,#1a1410);border-color:rgba(249,115,22,.55)}.qk.o .ic{background:rgba(249,115,22,.18);color:#fb923c;border-color:rgba(249,115,22,.5)}
.qk.b{background:linear-gradient(145deg,#0f1f2e,#131820)}.qk.b .ic{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.4)}
.qk.g{background:linear-gradient(145deg,#0f2418,#131820);border-color:rgba(34,197,94,.4)}.qk.g .ic{background:rgba(34,197,94,.15);color:#4ade80;border-color:rgba(34,197,94,.45)}
.qk.r{background:linear-gradient(145deg,#2a1214,#131820);border-color:rgba(239,68,68,.35)}.qk.r .ic{background:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.45)}
.qk.q{cursor:default;gap:16px}.qk.q .ring3{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.qk.q .ring3:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--card)}.qk.q .ring3 b{position:relative;font-size:20px;font-weight:800}.qk.q .t{font-size:17px;font-weight:700;color:#fff}.qk.q .s{font-size:13px;color:#cbd5e1}.qk.q .g{font-size:13px;color:#4ade80;margin-top:4px}
.kpi5.q{grid-template-columns:1fr 1fr 1fr 1fr 1.25fr}
.pillbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.pillbar a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.2);color:#cbd5e1;font-size:13px;cursor:pointer}.pillbar a .c{background:#1f2937;border-radius:8px;padding:0 7px;font-size:12px;color:#fff}.pillbar a.active{border-color:#f97316;color:#fff;background:rgba(249,115,22,.14)}.pillbar a.active .c{background:#f97316;color:#1c1300}.pillbar .sort{margin-left:auto}
.insight{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(34,197,94,.3);background:linear-gradient(90deg,rgba(34,197,94,.12),rgba(34,197,94,.03));margin-top:14px}.insight .bulb{width:42px;height:42px;border-radius:50%;background:rgba(34,197,94,.2);display:grid;place-items:center;font-size:20px;flex-shrink:0;box-shadow:0 0 18px rgba(34,197,94,.35)}.insight b{display:block;color:#4ade80;margin-bottom:2px}.insight .s{font-size:13px;color:#cbd5e1}.insight .btn{margin-left:auto;white-space:nowrap}
.rv-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.rv-meta .k{font-size:12px;color:#8b95a7;margin-bottom:4px}.rv-meta b{font-size:13.5px}
.rv-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto}.rv-tabs a{padding:8px 12px;font-size:13px;color:#8b95a7;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.rv-tabs a.active{color:#fb923c;border-color:#fb923c;font-weight:600}
.rv-body{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;min-height:120px}.rv-body .k{font-size:12.5px;color:#8b95a7;margin-bottom:4px}.rv-body .files a{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;color:#fb923c;border-bottom:1px solid var(--line)}
.rv-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-top:14px;position:relative}.rv-actions .btn{justify-content:center}.btn.orange{background:linear-gradient(135deg,#fb923c,#f97316);color:#1c1300;border:0;font-weight:700}
.dd{position:absolute;right:0;top:calc(100% + 6px);background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:6px;min-width:220px;z-index:10;box-shadow:0 14px 40px rgba(0,0,0,.4)}.dd a{display:block;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13.5px}.dd a:hover{background:rgba(255,255,255,.06)}
.rv-main{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
@media (max-width:1400px){.kpi5.q{grid-template-columns:repeat(3,1fr)}.rv-main{grid-template-columns:1fr}}
@media (max-width:900px){.rv-body{grid-template-columns:1fr}.rv-actions{grid-template-columns:1fr}}
/* Tekshiruv — nozik tuzatishlar */
.qk .l{white-space:nowrap;font-size:13.5px}.qk{padding:14px 16px;gap:12px}.qk .ic{width:48px;height:48px;font-size:20px}
.pillbar{gap:6px}.pillbar a{padding:6px 9px;font-size:12.5px;gap:6px}.pillbar a .c{padding:0 6px;font-size:11px}
#rvRows td{white-space:nowrap;padding:10px 8px;font-size:12.5px}#rvRows td:nth-child(2){max-width:210px;overflow:hidden;text-overflow:ellipsis}#rvRows td:nth-child(3){max-width:120px;overflow:hidden;text-overflow:ellipsis}#rvRows .avatar{width:28px;height:28px;font-size:10px}#rvRows .badge{font-size:10.5px;padding:2px 7px}.rv-main th{padding:8px;font-size:10px}
.rv-tabs a{padding:8px 9px;font-size:12.5px}.rv-meta b{font-size:13px}.rv-meta .person .avatar{width:28px;height:28px;font-size:10px}
#rvTable{table-layout:fixed;width:100%}#rvTable td,#rvTable th{overflow:hidden;text-overflow:ellipsis}#rvTable .person{gap:2px}#rvTable .person .avatar:last-child{margin-left:-6px}#rvTable .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-flex}
.pillbar a{padding:6px 8px;font-size:12px}

/* ===== O'quv markazi — maket 8 (purple) ===== */
.acc-purple{--bg:#0b0d1a;--bg2:#101330;--card:#121538;--card2:#181c46;--line:rgba(139,92,246,.16);--line2:rgba(139,92,246,.32)}
.acc-purple .sidebar{background:linear-gradient(180deg,#151846,#0b0d1a)}
.lrn-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;min-height:80px}.lrn-head .art{position:absolute;right:0;top:-14px;width:50%;height:110px;pointer-events:none;opacity:.7}.lrn-head .q{position:absolute;right:16px;top:8px;text-align:right;color:#c4b5fd;font-style:italic;font-size:15px;line-height:1.4}.lrn-head .q small{display:block;font-style:normal;color:#8b95c7;font-size:12px;margin-top:4px}
.streak{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);white-space:nowrap}.streak .i{font-size:20px}.streak b{display:block;font-size:14px;color:#fff}.streak small{color:#8b95c7;font-size:11px}
.lrn-top{display:grid;grid-template-columns:1.9fr 1fr 1fr;gap:14px;margin-bottom:14px}
.hero2{position:relative;overflow:hidden;background:radial-gradient(500px 240px at 90% 20%,rgba(139,92,246,.28),transparent 70%),linear-gradient(135deg,#171a4a,#121538)}
.hero2 .tag{display:inline-block;padding:4px 10px;border-radius:8px;background:rgba(139,92,246,.2);color:#c4b5fd;font-size:12px;font-weight:600;margin-bottom:8px}.hero2 h3{font-size:21px;margin:0 0 6px;color:#fff}.hero2 p{color:#aab4d6;font-size:13.5px;max-width:380px;margin:0 0 14px}
.hero2 .stats{display:flex;gap:16px;margin-top:16px}.hero2 .stats div{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b95c7}.hero2 .stats b{display:block;font-size:14px;color:#fff}.hero2 .stats .ic{width:34px;height:34px;border-radius:9px;background:rgba(139,92,246,.2);display:grid;place-items:center;color:#c4b5fd}
.ai-art{position:absolute;right:120px;top:40px;width:120px;height:120px;transform:rotate(-8deg)}.ai-art .cube{width:100px;height:100px;border-radius:22px;background:linear-gradient(145deg,#7c3aed,#3b82f6);box-shadow:0 20px 60px rgba(124,58,237,.5),0 0 0 8px rgba(124,58,237,.12);display:grid;place-items:center;font-size:40px;font-weight:900;color:#fff}
.tagcol{position:absolute;right:16px;top:28px;display:flex;flex-direction:column;gap:12px}.tagcol span{padding:7px 14px;border-radius:10px;background:rgba(15,18,50,.9);border:1px solid rgba(139,92,246,.4);color:#e2e8f0;font-size:12.5px;position:relative}.tagcol span:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:#8b5cf6}
.path{list-style:none;margin:0;padding:0}.path li{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative}.path li:not(:last-child):after{content:"";position:absolute;left:21px;top:52px;height:14px;width:2px;background:var(--line2)}.path .ic{width:44px;height:44px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center;color:#c4b5fd;flex-shrink:0;background:var(--card)}.path li.done .ic{border-color:#8b5cf6;box-shadow:0 0 14px rgba(139,92,246,.45)}.path b{display:block;color:#fff}.path small{color:#8b95c7}.path .st{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#1f2350;color:#c4b5fd}.path li.done .st{background:#22c55e;color:#03210f}.path li.cur .st{background:#3b82f6;color:#fff}
.lrn-mid{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.ccards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cc{padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.18);cursor:pointer}.cc.cur{border-color:#8b5cf6;box-shadow:0 0 0 1px rgba(139,92,246,.3)}.cc:hover{border-color:var(--line2)}.cc .row{display:flex;gap:10px;align-items:center}.cc .ic{width:38px;height:38px;border-radius:10px;background:rgba(139,92,246,.18);color:#c4b5fd;display:grid;place-items:center;font-size:18px;flex-shrink:0}.cc .t{font-size:12.5px;font-weight:600;line-height:1.25}.cc .pr{display:flex;align-items:center;gap:8px;margin-top:10px}.cc .progress{flex:1;height:5px}.cc .progress i{background:#8b5cf6}.cc .pr span{font-size:12px;color:#c4b5fd}.cc small{color:#8b95c7;font-size:11.5px}
.pt-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid var(--line)}.pt-item .ic{width:40px;height:40px;border-radius:10px;background:rgba(139,92,246,.2);color:#c4b5fd;display:grid;place-items:center;font-size:18px;flex-shrink:0}.pt-item b{display:block;font-size:13.5px}.pt-item .s{font-size:12.5px;color:#aab4d6}.pt-item .who{display:flex;justify-content:space-between;font-size:12px;color:#8b95c7;margin-top:8px}
.next li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.next li:last-child{border:0}.next .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.next b{white-space:nowrap}.next small{color:#8b95c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next .ar{margin-left:auto;color:#6b7280}
.act-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(139,92,246,.2);color:#c4b5fd;font-size:12px;margin-right:6px}
@media (max-width:1400px){.lrn-top{grid-template-columns:1fr 1fr}.lrn-top>.card:first-child{grid-column:1/-1}.lrn-mid{grid-template-columns:1fr}.ccards{grid-template-columns:repeat(2,1fr)}.lrn-head .q,.lrn-head .art{display:none}.ai-art{display:none}}
/* O'quv markazi — nozik tuzatishlar */
.top-slot select{max-width:150px;font-size:12.5px;padding:6px 8px}.streak{padding:4px 10px;gap:8px}.streak .i{font-size:17px}.streak b{font-size:13px}.streak small{font-size:10.5px}
.main{overflow-x:hidden}.topbar{overflow:hidden}
.hero2 h3,.hero2 p{max-width:56%}.hero2 .tag{position:relative;z-index:1}.ai-art{right:150px;top:70px;width:90px;height:90px}.ai-art .cube{width:84px;height:84px;font-size:32px;border-radius:18px}.tagcol{top:56px;gap:10px}.tagcol span{padding:6px 12px;font-size:12px}
.lrn-top .card-head{flex-wrap:nowrap}.lrn-top .card-head h2{white-space:nowrap}.lrn-top .card-head .lnk{white-space:nowrap}
.cc .t{font-size:12px}.cc .row{align-items:flex-start}
@media (max-width:1500px){.hero2 h3,.hero2 p{max-width:60%}.ai-art{display:none}.tagcol{top:40px}}
.main{min-width:0}.top-right{min-width:0}.top-slot{min-width:0;flex-shrink:1;overflow:hidden}.topbar .search{flex:1 1 160px;min-width:120px}
.grid>*,.lrn-top>*,.lrn-mid>*,.att-main>*,.att-bottom>*,.proj-main>*,.plan-main>*,.rv-main>*,.team-row>*,.exec-charts>*,.kpi5>*,.kpi-row>*,.tile-row>*,.kpi4>*,.donut-wrap>*,.rv-body>*,.prof-grid>*{min-width:0}
.lrn-mid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.next li{overflow:hidden}.next small{flex:1;min-width:0}
@media (max-width:1550px){body.has-slot .userchip span{display:none}body.has-slot .timer-widget .lbl{display:none}}