:root{--bg:#f7f8fb;--surface:#fff;--surface2:#f8f9fd;--surface3:#f0f3f9;--text:#19263c;--muted:#78849a;--muted2:#9aa4b5;--line:#e9edf4;--ink:#1d293e;--accent:#516fe9;--accentRGB:81,111,233;--accentsoft:#eef1ff;--green:#279b72;--greensoft:#eaf8f1;--orange:#da8b40;--orangesoft:#fff5e7;--red:#d65361;--redsoft:#fff0f2;--shadow:0 8px 30px rgba(36,49,86,.035);--sidebar:252px;--radius:16px}
[data-theme="dark"]{--bg:#10151f;--surface:#192130;--surface2:#1d2636;--surface3:#253044;--text:#edf2fc;--muted:#9ba9bd;--muted2:#728099;--line:#303c50;--ink:#f2f5fc;--accentsoft:#2a3054;--greensoft:#14392f;--orangesoft:#3e2e23;--redsoft:#442630;--shadow:0 8px 30px rgba(0,0,0,.09)}
[data-accent="emerald"]{--accent:#259e80;--accentRGB:37,158,128;--accentsoft:#e9f8f2}[data-theme="dark"][data-accent="emerald"]{--accentsoft:#153e36}[data-accent="violet"]{--accent:#8865d9;--accentRGB:136,101,217;--accentsoft:#f3eeff}[data-theme="dark"][data-accent="violet"]{--accentsoft:#36294e}[data-accent="amber"]{--accent:#cc8250;--accentRGB:204,130,80;--accentsoft:#fff3e9}[data-theme="dark"][data-accent="amber"]{--accentsoft:#453225}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(var(--accentRGB),.3);outline-offset:2px}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}h1{font-weight:800;font-size:30px}h2{font-size:22px;font-weight:800}h3{font-size:16px;font-weight:800}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;color:var(--muted2);font-size:10px;letter-spacing:.12em;font-weight:800}.nowrap{white-space:nowrap}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-accent{color:var(--accent)}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:26px 15px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 31px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;color:white;border-radius:12px;background:linear-gradient(145deg,#273853,#131f33);box-shadow:0 7px 14px rgba(21,33,58,.16);font-family:'Plus Jakarta Sans';font-size:17px;font-weight:800;letter-spacing:-.09em}.brand-name{font-family:'Plus Jakarta Sans';font-size:12px;letter-spacing:.065em;font-weight:800}.brand-sub{font-size:10px;margin-top:3px;color:var(--muted);letter-spacing:.14em;font-weight:700}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted2);font-weight:800;padding:8px 13px;margin:0 0 6px}.nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;height:43px;padding:0 12px;border:0;border-radius:11px;color:var(--muted);background:transparent;text-align:left;font-weight:600;width:100%;transition:background .16s,color .16s}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{background:var(--accentsoft);color:var(--accent)}.nav-item span{flex:1}.nav-count{font-size:10px;background:var(--surface3);padding:3px 7px;border-radius:6px;color:var(--muted);font-weight:800}.nav-item.active .nav-count{background:rgba(var(--accentRGB),.11);color:var(--accent)}.side-bottom{margin-top:auto}.side-help{margin:16px 3px 20px;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface2),var(--surface));position:relative;overflow:hidden}.side-help strong{font-size:12px}.side-help p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px}.side-help button{margin-top:13px;color:var(--accent);font-weight:800;background:transparent;border:0;padding:0;font-size:11px;display:flex;gap:5px;align-items:center}.side-profile{display:flex;align-items:center;gap:10px;padding:13px 8px 3px;border-top:1px solid var(--line)}.avatar{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6f8ae6,#9987d8);font-weight:800;font-size:11px;flex-shrink:0}.side-profile strong{display:block;font-size:12px}.side-profile small{color:var(--muted)}
.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:600}.breadcrumbs b{color:var(--text)}.top-actions{display:flex;align-items:center;gap:11px}.search-btn{border:1px solid var(--line);background:var(--surface2);border-radius:10px;height:35px;width:238px;display:flex;align-items:center;gap:9px;color:var(--muted);padding:0 10px;font-size:12px;text-align:left}.search-btn span{flex:1}.kbd{font-size:10px;font-weight:700;border:1px solid var(--line);background:var(--surface);padding:3px 5px;border-radius:5px;color:var(--muted)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);transition:background .15s}.icon-btn:hover{background:var(--surface3);color:var(--text)}.top-av{width:32px;height:32px}.mobile-toggle{display:none}.content{max-width:1335px;margin:0 auto;padding:35px 42px 90px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-head h1{margin-top:6px}.page-head p{margin-top:9px;color:var(--muted);line-height:1.6}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:700;font-size:12px;min-height:38px;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;white-space:nowrap}.btn:hover{background:var(--surface2);border-color:#cad3e2}.btn:active{transform:scale(.985)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 5px 15px rgba(var(--accentRGB),.15)}.btn.primary:hover{filter:brightness(.95)}.btn.dark{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.tiny{padding:7px 11px;min-height:30px;font-size:11px}.btn.full{width:100%}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:23px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--accent);font-weight:700;font-size:12px;padding:5px}.link-btn:hover{text-decoration:underline}.small-icon{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.grid{display:grid;gap:17px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(115deg,#edf2ff 0%,#f7f6ff 48%,#effbf7 100%);border:1px solid #e6eafd;min-height:220px;padding:32px 35px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero::before{content:"";position:absolute;right:-18px;top:-180px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(106,139,213,.15);box-shadow:0 0 0 35px rgba(124,150,217,.045),0 0 0 75px rgba(124,150,217,.035),0 0 0 120px rgba(124,150,217,.02)}.hero::after{content:"";position:absolute;right:140px;bottom:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(155,197,237,.15),transparent 70%)}.hero>*{position:relative;z-index:1}.hero h1{font-size:29px;max-width:600px;line-height:1.3;color:#192844;margin:10px 0 11px}.hero p{color:#71819a;font-size:12.5px;line-height:1.8;max-width:550px}.hero-actions{display:flex;gap:9px;margin-top:21px}.hero .tiny-eyebrow{color:#4b65c5;text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:8px}.hero .tiny-eyebrow:before{content:"";height:7px;width:7px;background:#7f99ed;border-radius:50%}.hero-art{width:150px;height:150px;display:grid;place-items:center;flex-shrink:0;margin:0 38px}.hero-orb{height:116px;width:116px;background:linear-gradient(145deg,#e2edff,#e5e6ff);box-shadow:inset -15px -12px 28px rgba(123,151,221,.13),0 18px 35px rgba(104,130,212,.13);border:1px solid #e5eaff;border-radius:36px;transform:rotate(-12deg);display:grid;place-items:center;color:#6b82d6}.hero-orb svg{transform:rotate(12deg)}[data-theme="dark"] .hero{background:linear-gradient(115deg,#253052,#2c2748,#173b37);border-color:#323e58}[data-theme="dark"] .hero h1{color:#f1f4ff}[data-theme="dark"] .hero p{color:#bdc9da}
.stat{padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-top span{font-size:11px;color:var(--muted);font-weight:700}.stat-value{font-family:'Plus Jakarta Sans';font-size:29px;font-weight:800;letter-spacing:-.065em;margin:12px 0 8px}.stat-foot{font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;background:var(--surface3);color:var(--muted);white-space:nowrap}.pill.green{background:var(--greensoft);color:var(--green)}.pill.orange{background:var(--orangesoft);color:var(--orange)}.pill.blue{background:var(--accentsoft);color:var(--accent)}.pill.red{background:var(--redsoft);color:var(--red)}.dot{height:7px;width:7px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.section{margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{font-size:16px}.section-heading p{font-size:12px;color:var(--muted);margin-top:6px}.dept-card{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;transition:border .18s,box-shadow .18s,transform .15s;text-align:left;color:inherit;width:100%;min-height:158px}.dept-card:hover{border-color:rgba(var(--accentRGB),.35);box-shadow:0 10px 26px rgba(31,49,88,.06);transform:translateY(-2px)}.dept-card h3{font-size:13px;margin:17px 0 5px}.dept-card p{color:var(--muted);font-size:11px;line-height:1.6}.dept-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:var(--muted);font-size:11px}.feed-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:0;padding-bottom:0}.feed-row:first-child{padding-top:3px}.feed-main{flex:1;min-width:0}.feed-title{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-sub{margin-top:5px;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:7px;background:var(--surface3);border-radius:10px;overflow:hidden}.bar>span{height:100%;display:block;background:var(--accent);border-radius:10px;transition:width .3s}.card-sub{font-size:11px;line-height:1.65;color:var(--muted)}
.filters{display:flex;gap:9px;margin-bottom:17px;align-items:center;flex-wrap:wrap}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:13px;color:var(--muted)}.input{height:40px;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--text);padding:0 13px;width:100%;outline:none;transition:border .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.input.has-icon{padding-left:39px}.select{height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 32px 0 12px;border-radius:10px;outline:none;cursor:pointer}.textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 13px;min-height:95px;resize:vertical;width:100%;line-height:1.7;outline:none}.sop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sop-card{padding:19px;min-height:198px;display:flex;flex-direction:column;transition:border .17s,transform .17s,box-shadow .17s;cursor:pointer}.sop-card:hover{border-color:rgba(var(--accentRGB),.3);transform:translateY(-2px);box-shadow:0 12px 27px rgba(35,50,85,.055)}.sop-card h3{font-size:13px;margin:16px 0 8px;line-height:1.5}.sop-card p{font-size:11px;color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sop-bottom{margin-top:auto;padding-top:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:10px}.star{background:transparent;border:0;padding:4px;color:var(--muted2)}.star.saved{color:#e7ad52}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.empty svg{margin:0 auto 13px}.empty h3{color:var(--text);margin:7px 0}.empty p{line-height:1.7;font-size:12px;margin-bottom:15px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.detail-card{padding:30px}.detail-head h1{font-size:26px;margin:14px 0 13px;line-height:1.35}.detail-head p{color:var(--muted);font-size:13px;line-height:1.75}.detail-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}.step{display:flex;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-num{height:30px;width:30px;background:var(--accentsoft);border-radius:9px;color:var(--accent);font-size:11px;font-weight:800;display:grid;place-items:center;flex-shrink:0}.step h4{font-size:12px;line-height:1.5;margin:3px 0 8px}.step p{color:var(--muted);font-size:12px;line-height:1.75}.info-block{padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;margin-top:19px}.info-block b{font-size:12px;display:block;margin-bottom:7px}.info-block p{color:var(--muted);font-size:12px;line-height:1.65}.detail-side{position:sticky;top:104px;align-self:start}.detail-side .card-pad{padding:20px}.aside-row{display:flex;justify-content:space-between;margin:13px 0;color:var(--muted);font-size:11px;gap:10px}.aside-row b{color:var(--text);font-size:11px;text-align:right}.check-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.check-row:last-child{border:0}.check-row input{margin:3px 0 0;accent-color:var(--accent);height:16px;width:16px;flex-shrink:0}.check-row span{font-size:12px;line-height:1.6}.check-row.checked span{text-decoration:line-through;color:var(--muted2)}.runstep{padding:13px 15px;background:var(--surface2);border-radius:11px;border:1px solid var(--line);margin:10px 0}.runstep b{font-size:12px}.runstep p{font-size:11px;color:var(--muted);margin:8px 0 10px;line-height:1.65}.timeline{display:flex;gap:12px}.timeline-track{width:27px;display:flex;flex-direction:column;align-items:center;gap:4px}.timeline-circle{width:27px;height:27px;border-radius:50%;background:var(--accentsoft);color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:10px;flex-shrink:0}.timeline-line{width:1px;background:var(--line);flex:1;min-height:20px}.timeline-body{flex:1;padding:3px 0 20px}.timeline-body h4{font-size:12px}.timeline-body p{font-size:11px;color:var(--muted);line-height:1.65;margin:7px 0 0}
.workflow-card{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:210px}.workflow-card h3{font-size:14px;margin-bottom:5px}.workflow-card p{font-size:11px;color:var(--muted);line-height:1.65}.workflow-card .workflow-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(16,26,45,.44);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:20px;animation:fade .16s ease}.modal{width:min(100%,620px);max-height:min(90vh,850px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 80px rgba(7,16,33,.25);animation:pop .18s ease}.modal.wide{width:min(100%,850px)}.modal-head{position:sticky;top:0;z-index:2;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:17px}.modal-content{padding:25px 26px}.modal-foot{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 26px;background:var(--surface);border-top:1px solid var(--line)}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.field small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.step-edit{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:14px;margin:10px 0}.step-edit .field{margin-bottom:10px}.step-edit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.step-edit-head b{font-size:12px}.toast-zone{position:fixed;right:22px;bottom:22px;z-index:150;display:grid;gap:8px}.toast{background:#263348;color:#fff;padding:12px 16px;border-radius:11px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 35px rgba(0,0,0,.14);font-size:12px;font-weight:700;animation:pop .2s ease}
.assistant-fab{position:fixed;bottom:26px;right:27px;z-index:49;border:0;background:linear-gradient(140deg,#617df0,#8166d9);color:#fff;height:55px;width:55px;border-radius:19px;display:grid;place-items:center;box-shadow:0 12px 30px rgba(83,103,213,.3);transition:transform .18s;cursor:pointer}.assistant-fab:hover{transform:translateY(-3px)}.assistant-panel{position:fixed;right:26px;bottom:93px;z-index:50;width:min(384px,calc(100vw - 36px));height:min(560px,calc(100vh - 120px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px rgba(20,32,61,.22);display:flex;flex-direction:column;overflow:hidden;animation:pop .2s ease}.assistant-head{background:linear-gradient(115deg,#f1f2ff,#f5f9ff);padding:17px 18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}[data-theme="dark"] .assistant-head{background:#25304a}.assistant-face{height:36px;width:36px;background:linear-gradient(135deg,#728ff1,#9f7ae0);border-radius:12px;color:white;display:grid;place-items:center}.assistant-messages{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:11px}.bubble{font-size:12px;line-height:1.7;max-width:92%;padding:12px 13px;border-radius:13px;background:var(--surface2);border:1px solid var(--line);white-space:pre-wrap}.bubble.user{background:var(--accent);color:white;border-color:var(--accent);align-self:flex-end}.assistant-input{padding:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.assistant-input input{flex:1;min-width:0;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:11px;outline:0;font-size:12px}.assistant-suggestion{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--muted);font-size:10px;cursor:pointer;text-align:left}.assistant-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.assistant-links button{color:var(--accent);border:1px solid var(--line);border-radius:7px;padding:6px;background:var(--surface);font-size:10px;font-weight:700}
.command-backdrop{position:fixed;inset:0;background:rgba(16,26,45,.4);backdrop-filter:blur(3px);z-index:120;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 20px}.command{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 25px 100px rgba(0,0,0,.22);width:min(100%,650px);max-height:65vh;overflow:hidden;display:flex;flex-direction:column}.command-input{border:0;border-bottom:1px solid var(--line);padding:19px;font-size:15px;outline:0;color:var(--text);background:var(--surface);width:100%}.command-results{overflow-y:auto;padding:11px}.command-result{width:100%;border:0;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--text);padding:12px;border-radius:9px}.command-result:hover{background:var(--surface2)}.command-result strong{font-size:12px}.command-result small{display:block;margin-top:4px;color:var(--muted)}.command-footer{border-top:1px solid var(--line);padding:10px 17px;color:var(--muted);font-size:10px}
.tabbar{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:22px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:0 0 13px;font-size:12px;font-weight:700}.tab.active{color:var(--accent);border-color:var(--accent)}.training-card{padding:22px;display:flex;flex-direction:column;gap:14px}.course-banner{height:110px;border-radius:12px;background:linear-gradient(120deg,#eaf1ff,#e9f5f1);display:flex;align-items:center;justify-content:center;color:#6f89d8}.course-banner.orange{background:linear-gradient(120deg,#fff3e6,#f6e9fb);color:#d69e6c}.course-banner.green{background:linear-gradient(120deg,#e6f7ed,#eaf2ff);color:#52a98b}.training-card h3{font-size:14px}.training-card p{color:var(--muted);font-size:11px;line-height:1.65}.member-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:white;background:linear-gradient(145deg,#7d91c1,#657ec4);flex-shrink:0}.member-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border:0}.member-row strong{font-size:12px}.member-row small{display:block;color:var(--muted);margin-top:4px}.theme-option{border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text);font-weight:700;font-size:12px;cursor:pointer}.theme-option.selected{border-color:var(--accent);background:var(--accentsoft)}.swatch{height:19px;width:19px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row strong{font-size:12px}.setting-row p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}.switch{position:relative;width:39px;height:22px;border-radius:15px;background:var(--surface3);border:1px solid var(--line);transition:background .2s;cursor:pointer}.switch.on{background:var(--accent);border-color:var(--accent)}.switch:before{content:"";position:absolute;top:3px;left:3px;height:14px;width:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch.on:before{transform:translateX(17px)}.template-card{padding:20px}.template-card h3{font-size:13px;margin:13px 0 8px}.template-card p{color:var(--muted);line-height:1.65;font-size:11px;margin-bottom:16px}.template-card .btn{width:100%}.quiz-question{padding:16px 0;border-bottom:1px solid var(--line)}.quiz-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:11px;margin:8px 0;border-radius:9px;cursor:pointer;font-size:12px}.quiz-option input{accent-color:var(--accent)}.note{border-left:3px solid var(--accent);background:var(--accentsoft);padding:14px 16px;border-radius:7px;font-size:12px;line-height:1.7;color:var(--text)}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{from{opacity:0}to{opacity:1}}[data-motion="reduced"] *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:1250px){.sop-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:30px}.topbar{padding:0 30px}.hero-art{margin:0 5px}}
@media(max-width:1000px){:root{--sidebar:219px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-side{position:static}.brand-name{font-size:11px}}
@media(max-width:740px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-110%);transition:transform .2s;width:252px;box-shadow:0 10px 80px rgba(0,0,0,.15)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;z-index:19;background:rgba(8,19,34,.28)}.mobile-toggle{display:grid}.topbar{height:65px;padding:0 18px}.search-btn{width:37px;justify-content:center}.search-btn span,.search-btn .kbd{display:none}.content{padding:24px 17px 100px}.hero{padding:26px;min-height:230px}.hero h1{font-size:25px}.hero-art{display:none}.grid-4,.grid-3,.grid-2,.sop-grid,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:26px}.detail-card{padding:20px}.assistant-panel{right:12px;bottom:86px}.assistant-fab{right:16px;bottom:17px}.modal-content{padding:18px}.modal-head,.modal-foot{padding:18px}.tabbar{gap:16px;overflow-x:auto}.tab{white-space:nowrap}.breadcrumbs span:first-child{display:none}}


.sync-chip{border:1px solid var(--border);padding:7px 10px;border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap;background:var(--card)}
.auth-shell{min-height:100vh;background:radial-gradient(circle at 12% 0%,#dce8ff 0%,transparent 40%),linear-gradient(135deg,#f9fafc,#f0f5fb);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px;color:#182038}
.auth-brand{display:flex;gap:13px;align-items:center;margin-bottom:26px;font-weight:800;font-size:13px;letter-spacing:1px;line-height:1.15}.auth-brand small{font-size:9px;letter-spacing:2px;color:#8291a6}.auth-brand .brand-mark{width:46px;height:46px;border-radius:14px;background:#0f1828;color:white;display:grid;place-items:center;font-size:18px;letter-spacing:-2px}
.auth-card{width:min(450px,100%);border-radius:24px;background:white;border:1px solid #e4eaf3;box-shadow:0 22px 72px #23335415;padding:38px}.auth-card h1{font-size:29px;letter-spacing:-1.2px;font-weight:750;line-height:1.2;margin:13px 0}.auth-card p{font-size:13px;color:#728098;line-height:1.7}.auth-kicker{font-size:10px;letter-spacing:1.8px;color:#4b75e5;font-weight:800}.auth-form{display:grid;gap:16px;margin-top:25px}.auth-form label{font-size:12px;font-weight:650;display:grid;gap:8px}.auth-form input{height:44px}.auth-error{background:#fff0f0;border:1px solid #ffcfcf;border-radius:10px;color:#be3333;padding:12px;margin-top:16px;font-size:12px}.auth-foot{border-top:1px solid #edf0f4;padding-top:18px;margin-top:25px;color:#94a1b4;font-size:10px;text-align:center}.auth-note{margin-top:24px;font-size:11px;color:#8895a8}.role-select{max-width:118px;min-width:100px}@media(max-width:740px){.sync-chip{display:none}.auth-card{padding:24px}.role-select{min-width:83px}}


/* Operations OS - restrained design system. Surfaces deliberately neutral. */
:root{--bg:#f7f8f9;--surface:#fff;--surface2:#fafbfc;--surface3:#f2f4f6;--text:#20252c;--ink:#1b222b;--muted:#6c7783;--muted2:#9099a4;--line:#e6e9ed;--accent:#334e78;--accentRGB:51,78,120;--accentsoft:#edf1f7;--green:#2f8467;--greensoft:#e7f4ee;--orange:#a76b28;--orangesoft:#fdf3e4;--red:#b9474a;--redsoft:#fbebeb;--shadow:none;--sidebar:228px;--radius:10px}
[data-theme=dark]{--bg:#14171b;--surface:#1c2025;--surface2:#20252b;--surface3:#292f36;--text:#e9edf1;--ink:#f3f5f6;--muted:#a0a8b2;--muted2:#737d8a;--line:#313941;--accent:#9db1d1;--accentRGB:157,177,209;--accentsoft:#29364a;--greensoft:#1a3a32;--orangesoft:#3b3024;--redsoft:#3f292d;--shadow:none}
html{scroll-behavior:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.005em;font-size:13px}
h1,h2,h3,h4{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.038em;font-weight:650}h1{font-weight:680}h2{font-weight:650}
.sidebar{padding:24px 12px 15px}.brand{gap:10px;padding:0 11px 34px}.brand-mark{width:32px;height:32px;font-family:Georgia,serif;font-size:16px;border-radius:7px;box-shadow:none;background:#232a33;font-weight:600;letter-spacing:-.055em}.brand-name{font-family:inherit;font-size:11px;letter-spacing:.09em;font-weight:750}.brand-sub{letter-spacing:.13em;font-size:9px;font-weight:600}
.nav{gap:2px}.nav-label{font-size:10px;padding:6px 12px;margin-bottom:6px;font-weight:650;color:var(--muted2);letter-spacing:.07em}.nav-item{height:38px;font-size:12px;font-weight:570;gap:11px;padding:0 11px;border-radius:7px;transition:background .12s ease,color .12s ease}.nav-item.active{background:var(--surface3);color:var(--text);font-weight:700}.nav-item.active svg{color:var(--accent)}.nav-count{background:var(--surface3);font-weight:600}.nav-item.active .nav-count{background:var(--surface);color:var(--muted)}
.side-help{border-radius:8px;margin:0 3px 13px;padding:13px 12px;background:var(--surface2);background-image:none}.side-help strong{font-weight:680;font-size:11px}.side-help p{margin-top:4px;font-size:11px;line-height:1.6}.side-help button{font-size:11px;font-weight:600;margin-top:9px;color:var(--text)}.side-profile{padding-top:12px}.avatar{width:29px;height:29px;border-radius:7px;background:#3d4a5e;box-shadow:none;font-size:10px}.top-av{width:29px;height:29px}
.topbar{height:58px;padding:0 35px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:12px;font-weight:550;gap:9px}.breadcrumbs b{font-weight:650}.top-actions{gap:7px}.search-btn{width:230px;height:32px;border-radius:7px;background:var(--surface);font-size:11px}.kbd{font-weight:550}.icon-btn{height:32px;width:32px;border-radius:7px}.sync-chip{border:0!important;background:transparent!important;font-size:10px!important;color:var(--muted)!important}
.content{max-width:1240px;padding:33px 43px 80px}.card{border-radius:10px;box-shadow:none}.card-pad{padding:21px}.page-head{margin-bottom:24px}.page-head h1{font-size:25px;margin-top:6px}.page-head p{margin-top:7px;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.075em;font-weight:650}
.btn{border-radius:7px;min-height:34px;font-size:12px;font-weight:620;padding:8px 12px;box-shadow:none!important;transition:background .12s,border-color .12s}.btn:hover{border-color:#aab3bf}.btn:active{transform:none}.btn.primary{background:#273444;border-color:#273444;color:white}.btn.primary:hover{background:#38485b;border-color:#38485b;filter:none}[data-theme=dark] .btn.primary{background:#c9d4e1;color:#1b2530;border-color:#c9d4e1}.btn.dark{background:var(--text);color:var(--surface)}
.pill{border-radius:5px;font-size:10px;font-weight:600;padding:4px 7px}.small-icon{width:32px;height:32px;border-radius:7px}.stat-value{font-family:inherit;font-weight:680}.sop-card,.dept-card{border-radius:9px;box-shadow:none;transform:none!important}.sop-card:hover,.dept-card:hover{transform:none!important;box-shadow:0 0 0 1px var(--muted2);border-color:var(--muted2)}.course-banner{height:72px;border-radius:7px;background:var(--surface3)!important;color:var(--muted)!important}.workflow-card{border-radius:9px}.modal,.assistant-panel,.command{border-radius:11px;animation:none}.assistant-fab{height:42px;width:42px;border-radius:10px;right:23px;bottom:20px;background:#273444;box-shadow:0 6px 16px rgba(0,0,0,.13);transition:background .1s}.assistant-fab:hover{transform:none;background:#43566b}.assistant-head{background:var(--surface2)!important}.assistant-face{background:#344c68;border-radius:8px}.avatar{background:#35465b}.bubble{border-radius:9px}.bubble.user{background:#334e78}.toast{border-radius:8px;animation:none}
.auth-shell{background:#f6f7f8;color:#20252c}.auth-brand{margin-bottom:22px;letter-spacing:.08em}.auth-brand .brand-mark{border-radius:7px}.auth-card{border-radius:12px;box-shadow:0 12px 35px rgba(20,30,45,.055);padding:35px;border:1px solid #e1e5eb}.auth-card h1{font-size:27px;font-weight:680}.auth-card p{color:#697482}.auth-kicker{font-weight:650;color:#7b8794;letter-spacing:.12em}
/* Home layout intentionally removes the decorative marketing hero. */
.home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:7px 0 28px}.home-heading h1{font-size:30px;letter-spacing:-.055em;line-height:1.15;margin-top:8px}.home-heading p{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}.home-breadcrumb{font-size:10px;font-weight:650;letter-spacing:.095em;color:var(--muted2)}.home-breadcrumb span{margin:0 6px;color:var(--line)}.home-actions{display:flex;align-items:center;gap:8px;padding-bottom:3px}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden}.home-stat{padding:21px 21px 20px;border-right:1px solid var(--line)}.home-stat:last-child{border-right:0}.home-stat small{display:block;color:var(--muted);font-size:11px;font-weight:550}.home-stat div{font-size:26px;line-height:1.2;font-weight:670;letter-spacing:-.065em;margin-top:12px}.home-stat span{display:block;font-size:10.5px;color:var(--muted);font-weight:480;letter-spacing:0;margin-top:7px}
.home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.home-section{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:22px}.home-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.home-section-heading h2{font-size:14px;font-weight:680}.home-section-heading p{color:var(--muted);font-size:11px;margin-top:6px}.plain-link{background:none;border:0;display:inline-flex;gap:6px;align-items:center;padding:0;color:var(--muted);font-size:11px;white-space:nowrap;cursor:pointer}.plain-link:hover{color:var(--text)}.home-list{margin-top:14px}.work-item{display:flex;align-items:center;text-align:left;width:100%;gap:11px;padding:11px 1px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);min-height:62px}.work-item:last-child{border-bottom:0}.work-item:hover .work-copy strong{color:var(--accent)}.work-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:7px;flex-shrink:0;color:var(--muted)}.work-copy{flex:1;display:grid;gap:5px;min-width:0}.work-copy strong{font-weight:630;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-copy small{color:var(--muted);font-size:10.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.work-arrow{color:var(--muted2);display:grid;place-items:center}.home-empty{color:var(--muted);padding:20px 0;font-size:12px}.department-section{margin-top:20px}.home-hint{font-size:11px;color:var(--muted)}.department-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.department-row{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:15px 2px;color:var(--text);width:100%}.department-row:nth-last-child(-n+2){border-bottom:0}.department-row:hover .department-copy strong{color:var(--accent)}.department-symbol{height:32px;width:32px;border-radius:7px;border:1px solid var(--line);background:var(--surface2);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.department-copy{flex:1;min-width:0;display:grid;gap:5px}.department-copy strong{font-size:11.5px;font-weight:640}.department-copy span{color:var(--muted);font-size:10.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-count{color:var(--muted);font-size:10.5px;white-space:nowrap}.department-row>svg{color:var(--muted2)}
.home-footer{display:flex;align-items:center;gap:7px;padding:23px 2px;color:var(--muted);font-size:10.5px;flex-wrap:wrap}.home-footer .plain-link{margin-left:auto}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
@media(max-width:1100px){.home-two-col{grid-template-columns:1fr}.content{padding:27px}.home-stats{grid-template-columns:repeat(2,1fr)}.home-stat:nth-child(2){border-right:0}.home-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:740px){.topbar{padding:0 14px}.content{padding:24px 17px 90px}.home-heading{align-items:flex-start;flex-direction:column}.home-heading h1{font-size:27px}.home-actions{width:100%}.home-actions .btn{flex:1}.home-stats{grid-template-columns:1fr 1fr}.home-stat{padding:16px}.home-stat div{font-size:23px}.home-stat span{font-size:10px}.home-section{padding:17px}.department-grid{grid-template-columns:1fr}.department-row:nth-last-child(2){border-bottom:1px solid var(--line)}.home-footer .plain-link{margin-left:0;width:100%;margin-top:3px}.sync-chip{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.auth-alt{text-align:center;margin-top:17px}.auth-alt button{border:0;background:transparent;color:#506076;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-alt button:hover{color:#182d44}
[data-accent="emerald"]{--accent:#2b806b;--accentRGB:43,128,107;--accentsoft:#e9f4ef}[data-accent="violet"]{--accent:#75658d;--accentRGB:117,101,141;--accentsoft:#f2eef7}[data-accent="amber"]{--accent:#a67444;--accentRGB:166,116,68;--accentsoft:#faf2e9}
[data-theme=dark][data-accent="emerald"]{--accent:#82bda8;--accentRGB:130,189,168;--accentsoft:#223d35}[data-theme=dark][data-accent="violet"]{--accent:#afa0d4;--accentRGB:175,160,212;--accentsoft:#342f47}[data-theme=dark][data-accent="amber"]{--accent:#dbb188;--accentRGB:219,177,136;--accentsoft:#413426}

/* Booked & Paid v3.0 — restrained, elevated operating workspace */
:root{--bg:#f5f5f3;--surface:#fff;--surface2:#fafaf8;--surface3:#f1f0ee;--text:#202225;--muted:#73777b;--muted2:#969aa0;--line:#e7e8e5;--ink:#17191d;--accent:#383d45;--accentRGB:56,61,69;--accentsoft:#edeeef;--green:#338b67;--greensoft:#ebf6ef;--orange:#a8753a;--orangesoft:#faf0e2;--red:#c34d58;--redsoft:#fcf0f0;--shadow:0 12px 32px rgba(20,22,28,.034);--radius:13px}
[data-theme="dark"]{--bg:#121314;--surface:#1c1e21;--surface2:#222428;--surface3:#292c31;--text:#e8e9eb;--muted:#a0a3a7;--muted2:#7f858c;--line:#35383c;--ink:#f5f5f6;--accent:#adb7c4;--accentRGB:173,183,196;--accentsoft:#363a41;--shadow:0 10px 22px rgba(0,0,0,.10)}
[data-theme="dark"] .sidebar{background:#0b0d10}
[data-theme="dark"] .pip-home-hero{background:linear-gradient(110deg,#26272b 0%,#151619 80%)}
[data-theme="dark"] .pip-profile-hero{background:#181a1e}
[data-theme="dark"] .academy-intro{background:linear-gradient(130deg,#222427,#191b1f)}
body{font-family:Inter,'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.005em}
h1,h2,h3,h4{font-family:Inter,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.035em}
h1{font-weight:700;letter-spacing:-.04em}
h2,h3{font-weight:680}
.card{box-shadow:none;border-color:var(--line)}
.sidebar{background:#101215;border-right:1px solid #272a2e}
.brand{padding-top:17px;padding-bottom:18px;gap:10px}
.brand-wing{width:64px;height:53px;object-fit:contain;object-position:center;display:block;flex-shrink:0;filter:drop-shadow(0 0 7px rgba(255,255,255,.05))}
.brand .brand-name{font-size:11px;letter-spacing:.11em;font-weight:730}
.brand .brand-sub{letter-spacing:.15em;font-size:9px}
.auth-brand .brand-wing{width:72px;height:67px}
.auth-brand{display:flex;align-items:center;gap:12px}
.nav-item{border-radius:8px;transition:background .14s ease,color .14s ease;min-height:40px}
.nav-item.active{background:#26292d!important;color:#f7f7f7!important}
.nav-item:hover{transform:none!important}
.content{max-width:1460px}
.home-heading h1{font-weight:720}
.home-section{border-radius:12px}
.home-section-heading h2{font-weight:690}
.home-stat{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.home-stat>div{font-weight:700}
.kbd{border-color:var(--line)}
.btn{border-radius:9px;letter-spacing:-.01em;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:#151719;color:#fff!important;border-color:#151719}
.btn.primary:hover{background:#30343b}
[data-theme="dark"] .btn.primary{background:#e7e9ec;color:#111!important;border-color:#e7e9ec}
[data-theme="dark"] .btn.primary:hover{background:#cbd0d6}
.pip-home-hero{min-height:217px;position:relative;overflow:hidden;background:linear-gradient(115deg,#202226 0%,#2b2d33 65%,#101114 100%);border-radius:15px;margin-bottom:21px;display:flex;align-items:center;color:#fff;padding:31px 36px}
.pip-home-left{position:relative;z-index:2;max-width:74%;padding-right:12px}
.pip-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750;letter-spacing:.16em;color:#adb2b9;text-transform:uppercase}
.pip-home-hero h2{color:#fff;font-size:34px;letter-spacing:-.055em;font-weight:680;margin:11px 0 10px}
.pip-home-hero p{max-width:530px;color:#d7d8dc;font-size:13px;line-height:1.7;margin-bottom:19px}
.pip-home-hero img{position:absolute;right:39px;bottom:-80px;width:268px;height:268px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.11);opacity:.95}
.pip-online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58bc86;box-shadow:0 0 0 3px rgba(88,188,134,.10);flex-shrink:0}
.pip-launch{background:rgba(255,255,255,.93)!important;color:#24262a!important;border-color:rgba(255,255,255,.93)!important;display:inline-flex;gap:9px}
.pip-sidebar{display:flex!important;gap:11px!important;align-items:center!important;padding:12px!important}
.pip-sidebar img{height:49px;width:49px;object-fit:cover;border-radius:13px;flex-shrink:0}
.pip-sidebar strong{font-size:12px}
.pip-sidebar p{font-size:11px;line-height:1.5;margin-top:4px}
.pip-sidebar button{font-size:11px!important;margin-top:7px!important}
.assistant-fab{padding:2px!important;overflow:hidden;border:2px solid rgba(255,255,255,.75);background:#101114!important;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.assistant-fab img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.assistant-face{width:42px;height:42px;border-radius:50%;padding:0!important;overflow:hidden;border:2px solid var(--line);background:var(--surface3)}
.assistant-face img{height:100%;width:100%;object-fit:cover}
.assistant-head{border-bottom:1px solid var(--line)}
.assistant-panel{border:1px solid var(--line);box-shadow:0 26px 85px rgba(10,15,25,.18)}
.pip-open-full{font-size:11px;border:0;background:var(--surface2);color:var(--muted);padding:10px 14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.dashboard-resources{margin-top:22px}
.resources-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px}
.resource-preview{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:14px;min-height:102px;display:flex;align-items:center;gap:8px;text-align:left;flex-wrap:wrap;cursor:pointer;color:var(--text)}
.resource-preview:hover{border-color:#aab1b8}
.resource-preview-icon{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;background:var(--surface3);color:var(--text)}
.resource-preview strong{width:calc(100% - 45px);font-size:12px;line-height:1.45}
.resource-preview small{color:var(--muted);font-size:11px;flex:1}
.resource-preview>svg{margin-left:auto;color:var(--muted2)}
.sop-rich .detail-head h1{font-size:28px;line-height:1.2;font-weight:710}
.sop-rich .step{padding:19px 0;border-top:1px solid var(--line)}
.sop-rich .step h4{font-size:14px;font-weight:690}
.sop-rich .step p{font-size:12px;line-height:1.8;color:var(--muted);max-width:690px;margin-top:8px}
.source-label{display:inline-block;vertical-align:middle;letter-spacing:.1em;font-size:9px;color:var(--muted);margin-left:8px}
.sop-gate{margin-top:27px;padding:19px 20px;border-radius:11px;background:#ecf5ee;border:1px solid #d9e9dc;color:#234c34}
.sop-gate strong{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.07em}
.sop-gate p{line-height:1.7;margin-top:8px;font-size:12px}
[data-theme="dark"] .sop-gate{background:#183024;color:#cee9d6;border-color:#315d43}
.sop-caution{background:#fff5e6;color:#84552d;border:1px solid #f3e4ca;border-radius:10px;padding:13px 15px;margin:18px 0;display:flex;gap:10px;align-items:center;font-size:12px}
[data-theme="dark"] .sop-caution{background:#382c1f;border-color:#5b4730;color:#ebc99d}
.resource-inline{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}
.source-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}
.source-item{border:1px solid var(--line);display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:9px;padding:13px;color:var(--text);transition:background .16s ease}
.source-item:hover{background:var(--surface2)}
.source-item>span{flex:1;display:flex;flex-direction:column;gap:4px}
.source-item strong{font-size:12px;font-weight:650}
.source-item small{font-size:10px;color:var(--muted)}
.source-item>svg:last-child{color:var(--muted2)}
.drive-notice{padding:16px;border-radius:11px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:23px}
.drive-notice svg{flex-shrink:0;color:var(--ink)}
.drive-notice b{color:var(--text)}
.policy-section{margin:20px 0 26px}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.policy-card{border:1px solid var(--line);border-left:3px solid #bb9567;background:var(--surface);border-radius:9px;padding:17px}
.policy-card>div{display:flex;gap:9px;align-items:center;font-size:13px}
.policy-card>div svg{color:#b2824d}
.policy-card p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:9px}
.policy-card a{font-size:11px;color:var(--text);display:inline-flex;align-items:center;gap:5px;margin-top:11px;font-weight:650}
.drive-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.drive-group{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;scroll-margin-top:100px}
.drive-group-head{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--surface2);border-bottom:1px solid var(--line)}
.drive-group-head>div:nth-child(2){flex:1;min-width:0}
.drive-folder-icon{background:var(--surface3);width:42px;height:42px;display:grid;place-items:center;border-radius:11px}
.drive-index{font-size:9px;letter-spacing:.1em;color:var(--muted2);font-weight:800}
.drive-group h2{font-size:15px;font-weight:680;margin:3px 0 4px}
.drive-group p{font-size:10px;color:var(--muted);line-height:1.5}
.drive-count{white-space:nowrap;font-size:10px;color:var(--muted)}
.drive-item-list{padding:9px 12px 12px}
.drive-item{min-height:49px;padding:8px 7px;display:flex;align-items:center;gap:10px;border-radius:7px;color:var(--text)}
.drive-item:hover{background:var(--surface2)}
.drive-item>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.drive-item strong{font-size:11px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drive-item small{font-size:10px;color:var(--muted)}
.drive-item>svg:last-child{color:var(--muted2)}
.file-type-icon{width:32px;height:32px;background:#edf1f8;color:#48678f;display:grid;place-items:center;border-radius:8px;flex-shrink:0}
.file-type-icon.sheet{background:#e8f5ed;color:#3c8761}
[data-theme="dark"] .file-type-icon{background:#283546;color:#abc2d9}
[data-theme="dark"] .file-type-icon.sheet{background:#233b30;color:#a1cdb2}
.academy-intro{background:linear-gradient(130deg,#232528,#37383b);border-radius:14px;min-height:176px;padding:29px 31px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.academy-intro h2{font-size:27px;color:#fff;margin:10px 0 9px}
.academy-intro p{font-size:12px;color:#c8c9cc;line-height:1.7;max-width:580px}
.academy-count{min-width:135px;border-left:1px solid #66696a;display:flex;flex-direction:column;align-items:center;gap:2px}
.academy-count strong{font-size:42px;letter-spacing:-.07em}
.academy-count span{font-size:11px;color:#c1c5ca}
.luxury-course{gap:15px!important;padding:20px!important;transition:border-color .16s ease}
.luxury-course:hover{border-color:#b9bdc0}
.course-index{display:flex;justify-content:space-between;letter-spacing:.12em;color:var(--muted2);font-size:9px;font-weight:770}
.course-icon{width:59px;height:59px;display:grid;place-items:center;background:var(--surface3);border-radius:14px;color:var(--text)}
.luxury-course h3{font-size:16px;line-height:1.4}
.luxury-course p{font-size:11px;line-height:1.6}
.lesson-module{padding:20px 0;border-top:1px solid var(--line)}
.lesson-title{display:flex;align-items:flex-start;gap:12px}
.lesson-index{width:28px;flex-shrink:0;color:var(--muted2);font-size:12px;font-weight:740;padding-top:3px}
.lesson-title h3{font-size:14px;line-height:1.4}
.lesson-title p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}
.lesson-links{display:flex;gap:7px;flex-wrap:wrap;padding-left:40px;margin-top:12px}
.lesson-links a{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:7px 9px;border-radius:7px;font-size:10px;color:var(--text);max-width:100%}
.lesson-links a:hover{background:var(--surface2)}
.lesson-check{font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center;margin:14px 0 0 39px;cursor:pointer}
.learning-note{border-radius:10px;background:var(--surface2);padding:12px 16px;font-size:11px;line-height:1.7;margin:16px 0 18px}
.practical-exercise{border-radius:10px;background:var(--surface2);border:1px solid var(--line);padding:18px;margin:18px 0}
.practical-exercise strong{display:flex;align-items:center;gap:8px;font-size:12px}
.practical-exercise p{font-size:12px;line-height:1.7;color:var(--text);margin:10px 0}
.practical-exercise small{font-size:10px;line-height:1.7;color:var(--muted)}
.resource-sop-shortcut{border:0;border-bottom:1px solid var(--line);padding:12px 0;background:none;display:flex;text-align:left;align-items:center;gap:8px;width:100%;font-size:11px;color:var(--text);cursor:pointer}
.resource-sop-shortcut span{flex:1}
.pip-page{max-width:1050px;margin:auto}
.pip-profile-hero{border-radius:15px;background:#212328;color:#fff;min-height:226px;display:flex;gap:30px;align-items:center;padding:28px 34px;margin-bottom:22px}
.pip-profile-hero>img{width:155px;height:155px;object-fit:cover;border:3px solid rgba(255,255,255,.17);border-radius:50%;flex-shrink:0}
.pip-profile-hero h1{color:#fff;font-size:36px;margin:11px 0}
.pip-profile-hero p{color:#cbd0d5;line-height:1.7;font-size:13px;max-width:650px}
.pip-capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.pip-capabilities span{background:rgba(255,255,255,.1);color:#e9ebed;display:flex;align-items:center;gap:6px;border-radius:30px;padding:6px 9px;font-size:10px}
.pip-chat-main{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.pip-messages{display:flex;flex-direction:column;gap:20px;min-height:130px;max-height:420px;overflow:auto;padding-bottom:20px}
.pip-message{display:flex;align-items:flex-start;gap:12px;max-width:92%}
.pip-message>img{height:34px;width:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.pip-message>div{padding:14px 17px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.pip-message small{display:block;font-weight:750;color:var(--muted);margin-bottom:5px;font-size:10px}
.pip-message p{font-size:12px;line-height:1.8;white-space:normal}
.pip-message.mine{align-self:flex-end}
.pip-message.mine>div{background:var(--surface3)}
.pip-cited-sops{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pip-cited-sops button{border:1px solid var(--line);display:flex;align-items:center;gap:6px;font-size:10px;background:var(--surface);padding:8px;border-radius:8px;color:var(--text)}
.pip-prompts{display:flex;gap:7px;flex-wrap:wrap;padding:6px 0 17px}
.pip-prompts button{border:1px solid var(--line);background:var(--surface2);padding:9px 12px;border-radius:8px;color:var(--text);font-size:11px;display:flex;align-items:center;gap:7px}
.pip-composer{display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 8px 8px 14px;background:var(--surface)}
.pip-composer input{border:0;background:transparent;flex:1;outline:none;color:var(--text);min-width:0;font:inherit;font-size:13px}
.pip-disclaimer{font-size:10px;color:var(--muted2);padding-top:12px;line-height:1.6}
@media(max-width:1100px){.resources-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.drive-groups{grid-template-columns:1fr}.pip-home-hero img{right:5px;width:245px;height:245px}.pip-home-left{max-width:75%}}
@media(max-width:700px){.pip-home-hero{padding:24px;min-height:244px}.pip-home-left{max-width:100%;padding-right:60px}.pip-home-hero h2{font-size:29px}.pip-home-hero p{font-size:11px;line-height:1.7}.pip-home-hero img{width:145px;height:145px;right:-53px;bottom:-45px;opacity:.6}.resources-preview{grid-template-columns:1fr}.policy-grid{grid-template-columns:1fr}.drive-groups{grid-template-columns:1fr}.drive-group-head{padding:15px}.drive-group h2{font-size:13px}.academy-intro{min-height:140px;padding:24px}.academy-intro h2{font-size:22px}.academy-count{display:none}.pip-profile-hero{padding:23px;gap:13px;min-height:190px}.pip-profile-hero>img{width:82px;height:82px;align-self:flex-start}.pip-profile-hero h1{font-size:28px}.pip-profile-hero p{font-size:11px}.pip-capabilities{gap:4px}.pip-capabilities span{font-size:9px;padding:5px}.pip-chat-main{padding:14px}.pip-composer{flex-direction:column}.pip-message{max-width:100%}.source-label{display:block;margin:10px 0 0}.sop-rich .detail-head h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pip-home-hero,.pip-sidebar,.luxury-course{transition:none!important}}
@media(max-width:700px){.topbar{min-width:0;width:100%;overflow:visible;padding-right:11px}.top-actions{min-width:0;max-width:calc(100% - 125px);gap:7px;justify-content:flex-end}.top-actions .search-btn{display:none!important}.top-actions .sync-chip{display:none!important}.top-actions .icon-btn{width:32px;height:32px;flex-shrink:0}.top-actions .top-av{display:none!important}.main{min-width:0}.content{min-width:0}}