:root{--vw-navy:#112943;--vw-navy2:#183653;--vw-ink:#142033;--vw-muted:#6b7a8f;--vw-line:#dce5ee;--vw-bg:#f4f7fa;--vw-white:#fff;--vw-green:#2f8f67;--vw-amber:#b7791f;--vw-red:#b34c4c;--vw-blue:#316b9e}
body.vw-workspace-active{margin:0;background:var(--vw-bg);color:var(--vw-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body.vw-workspace-active .mobile-menu-toggle,body.vw-workspace-active .mobile-menu-backdrop{display:none!important}
.vw-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100dvh;background:var(--vw-bg)}
.vw-side{position:sticky;top:0;height:100dvh;background:linear-gradient(180deg,#102943,#0d2035);color:#fff;padding:22px 16px;display:flex;flex-direction:column;box-sizing:border-box;z-index:120}
.vw-brand{display:flex;align-items:center;gap:12px;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.vw-logo{width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:20px;background:rgba(255,255,255,.06)}
.vw-brand b{display:block;font-size:15px;letter-spacing:.14em}.vw-brand small{display:block;margin-top:3px;color:#a9bbcd;font-size:10px}
.vw-nav{display:grid;gap:6px;margin-top:22px}.vw-nav button,.vw-logout{border:0;background:transparent;color:#dce7f1;text-align:left;border-radius:10px;padding:13px 12px;cursor:pointer;display:flex;align-items:center;gap:11px;font-size:13px}.vw-nav button:hover{background:rgba(255,255,255,.08);color:#fff}.vw-nav button span{width:25px;text-align:center;font-size:17px}.vw-side-foot{margin-top:auto;display:grid;gap:12px}.vw-logout{border:1px solid rgba(255,255,255,.13);justify-content:center}.vw-logout:hover{background:rgba(255,255,255,.08)}
.vw-workspace{display:grid;gap:6px}.vw-workspace>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#91a8bc}.vw-workspace select{width:100%;background:#173650;color:#fff;border:1px solid #34536d;border-radius:9px;padding:10px 11px;font-size:12px;outline:none}
.vw-main{min-width:0}.vw-top{height:78px;background:#fff;border-bottom:1px solid var(--vw-line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:90;box-sizing:border-box}.vw-top>div:first-of-type{min-width:0}.vw-top small{font-size:9px;letter-spacing:.13em;color:#72849a}.vw-top h1{font-size:21px;margin:3px 0 0;line-height:1.15}.vw-user{margin-left:auto;display:flex;align-items:center;gap:10px}.vw-user>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8eef4;color:#29465f;font-weight:800;font-size:12px}.vw-user b{display:block;font-size:12px}.vw-user small{display:block;letter-spacing:0;margin-top:2px}.vw-menu{display:none;border:0;background:#eef3f7;border-radius:9px;width:42px;height:42px;font-size:18px;color:var(--vw-navy);cursor:pointer}
.vw-content{padding:26px 30px 46px;max-width:1500px;margin:0 auto;box-sizing:border-box}.vw-loading,.vw-error{background:#fff;border:1px solid var(--vw-line);border-radius:14px;padding:24px}.vw-error{color:#9b3d3d;background:#fff7f7;border-color:#f0cccc}
.vw-hero{background:linear-gradient(135deg,#112943,#1b4165);color:#fff;border-radius:18px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 10px 32px rgba(17,41,67,.12)}.vw-hero.compact{padding:22px 25px}.vw-hero small,.vw-group-title small,.vw-person-hero small,.vw-panel-head small,.vw-section-head small{font-size:9px;letter-spacing:.16em;font-weight:800;color:#80a4c3}.vw-hero h2{font-size:28px;margin:6px 0 6px;line-height:1.12}.vw-hero p{margin:0;color:#c4d3df;font-size:13px;max-width:650px}.vw-primary,.vw-secondary{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.vw-primary{border:1px solid #2e6d9e;background:#2f78ad;color:#fff}.vw-primary:hover{background:#286a9b}.vw-secondary{border:1px solid var(--vw-line);background:#fff;color:#24425c}.vw-secondary:hover{background:#f4f7fa}.vw-primary:disabled,.vw-secondary:disabled{opacity:.55;cursor:default}
.vw-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 28px}.vw-kpis>div{background:#fff;border:1px solid var(--vw-line);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.vw-kpis>div>span{grid-row:1/4;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf4f8;color:#2b5e83;font-size:18px}.vw-kpis small{font-size:10px;color:var(--vw-muted);font-weight:700}.vw-kpis b{font-size:25px;line-height:1;margin-top:5px}.vw-kpis em{font-style:normal;font-size:9px;color:#8a99aa;margin-top:4px}.vw-kpis .warn>span{background:#fff2e5;color:#a86220}.vw-kpis .warn b{color:#9a571c}
.vw-section-head{display:flex;align-items:end;justify-content:space-between;margin:0 2px 12px}.vw-section-head h2{margin:4px 0 0;font-size:21px}.vw-section-head>b{font-size:12px;background:#e7eef5;color:#36526d;padding:7px 10px;border-radius:999px}
.vw-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vw-group-card{background:#fff;border:1px solid var(--vw-line);border-radius:14px;padding:17px;cursor:pointer;transition:.18s ease;min-width:0}.vw-group-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(27,50,72,.08);border-color:#c3d4e1}.vw-group-head{display:flex;justify-content:space-between;gap:12px}.vw-group-head small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8494a6}.vw-group-head h3{margin:5px 0 0;font-size:17px}.vw-group-head>span{font-size:20px;color:#7e91a3}.vw-group-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:5px;margin:18px 0 10px}.vw-group-stats b{font-size:18px}.vw-group-stats span{font-size:9px;color:#8a99a9}.vw-progress,.vw-cell-progress i,.vw-course-progress i{height:5px;background:#e9eef2;border-radius:999px;overflow:hidden;display:block}.vw-progress i,.vw-cell-progress i span,.vw-course-progress i span{display:block;height:100%;background:#3c7ba7;border-radius:999px}
.vw-empty{background:#fff;border:1px dashed #ccd8e3;border-radius:14px;padding:28px;display:grid;gap:5px;color:#53677a}.vw-empty span{font-size:12px;color:#8190a0}.vw-empty.small{padding:18px;border:0;background:transparent}.vw-back{border:0;background:transparent;color:#3b6687;font-weight:750;font-size:12px;padding:0;margin:0 0 16px;cursor:pointer}
.vw-group-title,.vw-person-hero{background:#fff;border:1px solid var(--vw-line);border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center}.vw-group-title h2,.vw-person-hero h2{font-size:25px;margin:5px 0}.vw-group-title p,.vw-person-hero p{margin:0;color:#748499;font-size:12px}.vw-group-title>div:first-child{flex:1}.vw-group-badge{margin-left:auto;text-align:right}.vw-group-badge b{display:block;font-size:30px}.vw-group-badge span{font-size:10px;color:#7d8d9e}.vw-mini-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.vw-mini-kpis>div{background:#fff;border:1px solid var(--vw-line);border-radius:12px;padding:15px}.vw-mini-kpis small{display:block;color:#79899a;font-size:9px}.vw-mini-kpis b{display:block;font-size:19px;margin-top:5px}
.vw-panel{background:#fff;border:1px solid var(--vw-line);border-radius:15px;margin-top:12px;overflow:hidden}.vw-panel-head{padding:17px 18px;border-bottom:1px solid var(--vw-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.vw-panel-head h3{margin:3px 0 0;font-size:18px}.vw-table-wrap{overflow:auto}.vw-table{width:100%;border-collapse:collapse;min-width:780px}.vw-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#77889a;text-align:left;padding:11px 15px;background:#f7f9fb;border-bottom:1px solid var(--vw-line)}.vw-table td{padding:12px 15px;border-bottom:1px solid #edf1f5;font-size:12px;vertical-align:middle}.vw-table tr:last-child td{border-bottom:0}.vw-person{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:inherit}.vw-person b{display:block;font-size:12px}.vw-person small{display:block;color:#8493a3;font-size:10px;margin-top:2px}.vw-cell-progress{display:grid;grid-template-columns:38px 85px auto;align-items:center;gap:7px}.vw-cell-progress i{width:85px}.vw-cell-progress small{font-size:9px;color:#8b98a6}.vw-icon-danger{border:1px solid #ecd2d2;background:#fff6f6;color:#a44d4d;width:30px;height:30px;border-radius:8px;cursor:pointer}.vw-tag{display:inline-block;background:#eef3f7;color:#45627a;border-radius:999px;padding:4px 7px;font-size:9px;margin:2px}.vw-large-count{font-size:34px}
.vw-modal-layer{position:fixed;inset:0;background:rgba(8,25,43,.56);display:grid;place-items:center;padding:14px;z-index:500}.vw-modal{width:min(520px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.25);position:relative;box-sizing:border-box}.vw-modal.wide{width:min(680px,100%)}.vw-modal>.vw-close{position:absolute;right:14px;top:12px;border:0;background:#eef2f5;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:19px}.vw-modal>small{font-size:9px;letter-spacing:.15em;color:#52728c;font-weight:800}.vw-modal h2{font-size:22px;margin:6px 0 18px}.vw-modal label{display:grid;gap:6px;margin-top:12px;font-size:10px;font-weight:700;color:#607285}.vw-modal input,.vw-modal textarea,.vw-search input,.vw-system-toolbar input{width:100%;box-sizing:border-box;border:1px solid #ccd8e2;border-radius:9px;padding:11px 12px;font:inherit;color:var(--vw-ink);outline:none;background:#fff}.vw-modal input:focus,.vw-modal textarea:focus,.vw-search input:focus,.vw-system-toolbar input:focus{border-color:#6e9bbc;box-shadow:0 0 0 3px rgba(65,122,164,.1)}.vw-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.vw-form-error{font-size:11px;color:#a33d3d;margin-top:10px}.vw-search{display:grid;gap:5px}.vw-search span{font-size:9px;color:#8896a5}.vw-search-results{display:grid;gap:7px;max-height:360px;overflow:auto;margin-top:13px}.vw-search-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e7ed;border-radius:10px;padding:11px 12px}.vw-search-row b{display:block;font-size:12px}.vw-search-row small{display:block;font-size:10px;color:#8392a2;margin-top:2px}
.vw-person-avatar{width:62px;height:62px;border-radius:14px;background:#173b5a;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:850;flex:0 0 auto}.vw-person-hero>div:nth-child(2){flex:1}.vw-person-points{text-align:right}.vw-person-points b{display:block;font-size:28px}.vw-person-points span{font-size:9px;color:#7f8e9e}.vw-course-list>div{padding:14px 18px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:20px}.vw-course-list>div:last-child{border-bottom:0}.vw-course-list b{display:block;font-size:12px}.vw-course-list small{display:block;font-size:9px;color:#8493a3;margin-top:3px}.vw-course-progress{display:grid;grid-template-columns:130px 40px;gap:8px;align-items:center}.vw-course-progress i{width:130px}.vw-course-progress>b{text-align:right}
.vw-studio-placeholder{background:#fff;border:1px solid var(--vw-line);border-radius:18px;padding:50px;max-width:780px}.vw-studio-placeholder>span{font-size:10px;letter-spacing:.18em;color:#50738f;font-weight:850}.vw-studio-placeholder h2{font-size:29px;margin:9px 0}.vw-studio-placeholder p{color:#718397;line-height:1.65}
.vw-system-switch{margin-left:auto;min-width:190px}.vw-system-switch .vw-workspace>span{color:#7e8e9e}.vw-system-switch .vw-workspace select{background:#fff;color:#233d54;border-color:#d3dde6}.vw-system-page{max-width:1300px}.vw-system-toolbar{display:flex;gap:8px;margin:14px 0}.vw-system-toolbar input{max-width:440px}.vw-access-list{display:grid;gap:8px}.vw-access-row{background:#fff;border:1px solid var(--vw-line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto)) auto;gap:12px;align-items:center}.vw-access-row>div b{display:block;font-size:12px}.vw-access-row>div small{display:block;font-size:9px;color:#8493a3;margin-top:2px}.vw-access-row label{font-size:10px;color:#4e6375;display:flex;gap:6px;align-items:center}.vw-access-row input{accent-color:#2e739f}
.vw-backdrop{display:none}
@media(max-width:1100px){.vw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vw-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vw-access-row{grid-template-columns:1fr 1fr 1fr}.vw-access-row>div{grid-column:1/-1}.vw-access-row .vw-save-roles{justify-self:start}}
@media(max-width:820px){.vw-shell{display:block}.vw-side{position:fixed;left:0;top:0;width:min(84vw,320px);transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 50px rgba(0,0,0,.22)}body.vw-menu-open .vw-side{transform:translateX(0)}.vw-menu{display:block}.vw-top{padding:0 14px;height:72px}.vw-user>div{display:none}.vw-content{padding:15px 11px 34px}.vw-backdrop{display:block;position:fixed;inset:0;background:rgba(5,18,31,.48);z-index:110;opacity:0;pointer-events:none;transition:.2s}body.vw-menu-open .vw-backdrop{opacity:1;pointer-events:auto}.vw-hero{padding:22px 18px;align-items:flex-start;flex-direction:column}.vw-hero h2{font-size:23px}.vw-group-grid{grid-template-columns:1fr}.vw-group-title,.vw-person-hero{align-items:flex-start;flex-wrap:wrap}.vw-group-badge,.vw-person-points{margin-left:0;text-align:left}.vw-access-row{grid-template-columns:1fr}.vw-system-toolbar{flex-direction:column}.vw-system-toolbar input{max-width:none}}
@media(max-width:560px){.vw-kpis{grid-template-columns:1fr}.vw-mini-kpis{grid-template-columns:1fr}.vw-top h1{font-size:18px}.vw-content{padding-left:8px;padding-right:8px}.vw-hero,.vw-group-title,.vw-person-hero{border-radius:13px}.vw-panel{border-radius:12px}.vw-course-list>div{align-items:flex-start;flex-direction:column}.vw-course-progress{width:100%;grid-template-columns:1fr 40px}.vw-course-progress i{width:100%}.vw-modal{padding:20px 16px}.vw-user>span{width:34px;height:34px}.vw-system-switch{display:none}}