:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24332e;background:#f5f7f6;font-synthesis:none;font-size:14px;--green:#176b51;--line:#e6ebe8;--muted:#6b7771}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #dce3df;border-radius:7px;padding:10px 14px;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover{background:#f0f5f2}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69b797;outline-offset:2px}input,select{border:1px solid #dce3df;border-radius:7px;background:#fff;padding:10px 12px;min-width:0;color:#263c31}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);cursor:pointer}::selection{background:#cce9da}small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-.7px}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.65;color:var(--muted)}b{font-weight:550}.app{min-height:100vh;display:flex}.sidebar{width:238px;background:#142e25;color:#d3dfd7;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 17px 16px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:17px;padding:0 10px}.brand small{color:#99b2a4;font-size:11px;margin-top:4px}.logo{display:flex;align-items:center;justify-content:center;width:38px;height:40px;background:#dceee4;color:#18543e;border-radius:10px}.workspace{margin:34px 3px 30px;display:flex;gap:10px;align-items:center;padding:13px 9px;border:1px solid #365044;border-radius:8px;font-size:13px}.workspace small{font-size:9px;color:#a0b4a8}.workspace-icon{background:#365547;color:#dfebe3;padding:9px;border-radius:5px}.nav-label{font-size:10px;color:#94ab9d;letter-spacing:1.3px;padding:0 14px;margin-bottom:12px}.nav{width:100%;justify-content:flex-start;background:none;border:none;color:#bccfc3;font-size:13px;padding:12px;margin:2px 0;gap:12px}.nav.active{background:#2d4e3e;color:#fff}.nav:hover{background:#284737;color:#fff}.nav-count{margin-left:auto;font-size:11px;background:#43604f;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto}.owner{display:flex;align-items:center;gap:10px;border-top:1px solid #355041;margin-top:18px;padding:23px 6px 3px;font-size:13px}.owner small{color:#a6b9ad;font-size:11px}.owner-avatar{background:#bcd5c5;color:#294c39;width:33px;height:33px;display:grid;place-items:center;border-radius:50%}.owner button{padding:6px;border:0;background:none;color:#a9c1b1;margin-left:auto}.body{margin-left:238px;width:calc(100% - 238px)}header{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#87928b}.crumb strong{color:#46574d;font-weight:500}.demo{font-size:11px;color:#6d7d72;display:flex;align-items:center;gap:7px}.demo span{width:6px;height:6px;background:#b4934c;border-radius:50%}main{padding:36px 38px;max-width:1580px;margin:auto;min-height:calc(100vh - 130px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{margin-top:10px;font-size:13px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#10573f}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:27px;padding:24px 0}.stats>div{padding:0 25px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats span{font-size:12px;color:var(--muted)}.stats strong{font-size:31px;font-weight:550;display:block;margin-top:13px;font-variant-numeric:tabular-nums}.stats strong small{font-size:11px;margin-top:7px}.amber-text{color:#9c7021}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;margin-bottom:27px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:12px}.text-button{border:0;background:none;padding:0;font-size:12px;color:var(--green)}.service-row{display:flex;align-items:center;gap:13px;margin:0 24px;padding:17px 0;border-top:1px solid #edf0ee;font-size:13px}.service-row small{font-size:11px}.service-mark{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0}.orange{background:#fbebde;color:#ad632c}.green{background:#e2f1e8;color:#29764f}.blue{background:#e8f0fa;color:#4d77a7}.purple{background:#efeaf6;color:#7a62a0}.connection{margin-left:auto;font-size:11px;color:#5c7363;display:flex;align-items:center;gap:6px;white-space:nowrap}.connection i{width:6px;height:6px;background:#6a9e7d;border-radius:50%}.connection.warn{color:#936b24}.connection.warn i{background:#bb8a36}.attention{background:#eff2e9;padding:25px;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.attention-icon{color:#8b7541;margin-bottom:17px}.attention h2{font-size:18px;line-height:1.4}.attention p{font-size:12px;margin-top:10px}.attention button{margin-top:20px;background:#ffffffb0;font-size:12px}.pending-person{font-size:12px;margin-top:18px}.pending-person small{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#7e8b82;background:#fafbf9;padding:13px 23px;font-weight:550}td{padding:17px 23px;border-top:1px solid #edf0ee;font-size:12px}tbody tr:hover{background:#fafcfb}tbody tr{cursor:pointer}.person-button{border:0;padding:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;justify-content:flex-start}.person-button:hover{background:none}.person-button b{font-size:12px}.person-button small,td small{font-size:10px}.avatar{width:35px;height:35px;background:#eaf0ea;color:#637b68;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.tone1{background:#ede9e1;color:#927d5b}.tone2{background:#e7edf5;color:#7083a0}.tone3{background:#ece8f2;color:#87729d}.mini-services{display:flex;gap:5px}.mini-services .service-mark{width:25px;height:25px}.badge{display:inline-flex;gap:5px;align-items:center;font-size:10px;padding:5px 7px;border-radius:4px;white-space:nowrap}.badge.active{background:#edf6ef;color:#3b7850}.badge.pending{background:#faf1df;color:#9c722a}.badge.blocked{background:#f8eae8;color:#a45248}.badge.neutral{background:#f1f3f1;color:#6a776e}.toolbar{padding:20px 23px;display:flex;gap:14px;align-items:center}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce3df;padding-left:11px;border-radius:7px;color:#86938a;flex:1;max-width:350px}.search input{border:0;width:100%;background:none}.muted{color:var(--muted);font-size:12px}.toolbar>.muted{margin-left:auto}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty svg{margin-bottom:15px}.empty h3,.empty h2{margin-bottom:10px}.structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.structure-grid .section-title{justify-content:flex-start;padding-bottom:12px}.team-number{color:#8b9c91;font-size:13px}.team-subtitle{padding:0 24px 21px;font-size:12px;color:var(--muted)}.structure-person{display:flex;gap:12px;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;width:100%;justify-content:flex-start;padding:17px 24px;font-size:12px}.structure-person>svg{margin-left:auto}.notice{padding:15px 17px;background:#edf2ef;border-radius:6px;font-size:12px;line-height:1.6;color:#597063;display:flex;gap:10px;align-items:flex-start;margin-bottom:24px}.notice svg{flex-shrink:0;margin-top:2px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px;text-align:left;display:block}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.service-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center}.service-card h3{font-size:19px}.service-card p{font-size:12px;margin-top:8px}.service-details{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.service-card>button{margin-top:20px;width:100%;font-size:12px}.card-foot{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:var(--green)}.launch:hover{border-color:#92b6a1;background:#fcfefd}.portal-toolbar{display:flex;align-items:center;gap:25px;margin-bottom:28px}.portal-toolbar label{margin:0;min-width:240px}.portal-toolbar>div{margin-left:auto;font-size:12px}.subtle-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#839087;font-size:11px;margin-top:35px}.templates{display:grid;grid-template-columns:290px 1fr;gap:24px}.template-list button{width:100%;text-align:left;justify-content:flex-start;margin-bottom:8px;padding:17px 14px;border-color:transparent;background:none;font-size:12px}.template-list button>svg:last-child{margin-left:auto}.template-list button.chosen{background:#e6eee8;color:#235e40}.template-detail{padding:26px}.template-detail>p{margin:12px 0 25px;line-height:1.8}.template-detail .notice{margin:24px 0 0}.access-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid var(--line);margin:0}.access-row>span:nth-child(2){flex:1}.access-row b{font-size:12px}.access-row small{font-size:10px}.log-row{display:flex;align-items:center;gap:15px;padding:20px 24px;border-top:1px solid var(--line);font-size:12px}.log-row time{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:11px}.log-dot{color:#789281;background:#f0f5f1;border-radius:50%;padding:9px;display:flex}.settings{padding:28px;max-width:850px}.settings h2{margin-bottom:20px}.setting-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row span{color:var(--muted)}.settings .notice{margin-top:25px}.settings>button{margin-top:18px}footer{padding:18px 38px;border-top:1px solid var(--line);color:#89958c;font-size:10px;display:flex;justify-content:space-between}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a2140;z-index:10;display:flex;justify-content:flex-end}.drawer{background:#fff;width:470px;max-width:100%;height:100%;overflow:auto;box-shadow:-12px 0 45px #102a2120;animation:slide .2s ease-out}.drawer-top{padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.icon-button{border:0;padding:4px;background:none}.profile-head{text-align:center;padding:28px 20px 23px;border-bottom:1px solid var(--line)}.avatar.big{width:60px;height:60px;font-size:20px;margin:0 auto 14px}.profile-head h2{font-size:21px}.profile-head p{font-size:12px;margin:8px 0 13px}.drawer-content{padding:25px 28px}.drawer-content h3{margin:0 0 18px}.drawer-content h3:not(:first-child){margin-top:28px}.drawer-content>p{margin-bottom:20px}label{display:block;font-size:12px;font-weight:500;margin-bottom:18px}label>input:not([type=checkbox]),label>select{display:block;width:100%;margin-top:8px}.wide{width:100%;margin-bottom:10px}.danger{color:#ac5146;border-color:#ebd4ce}.modal-overlay{align-items:center;justify-content:center}.modal{position:relative;max-width:470px;width:calc(100% - 32px);background:#fff;border-radius:12px;padding:32px;box-shadow:0 18px 70px #102a2130}.modal h2{margin:18px 0 12px;font-size:22px}.modal p{font-size:13px;margin-bottom:25px}.modal .close{position:absolute;right:18px;top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translate(-50%);background:#183c2b;color:#fff;padding:15px 22px;border-radius:8px;box-shadow:0 8px 30px #14342530;z-index:30;display:flex;gap:10px;align-items:center;font-size:13px;max-width:80vw}.login{min-height:100vh;display:grid;place-items:center;background:#ecf2ed}.login-box{width:390px;max-width:90vw;padding:35px;background:#fff;border-radius:14px;text-align:center}.logo.large{margin:0 auto 23px}.login h1{font-size:27px}.login p{font-size:13px;margin:13px 0 25px}.login button{width:100%;margin-top:12px}.login .notice{display:block}@keyframes slide{0%{transform:translate(30px);opacity:.7}to{transform:translate(0);opacity:1}}@media(min-width:1500px){td{padding-top:19px;padding-bottom:19px}}@media(max-width:1150px){.sidebar{width:210px}.body{margin-left:210px;width:calc(100% - 210px)}main{padding:28px 24px}header{padding:0 24px}.brand{font-size:15px}.overview-grid{grid-template-columns:1.3fr 1fr}.connection{font-size:9px}.service-row{margin:0 17px}.stats>div{padding:0 16px}.page-heading{align-items:flex-start}h1{font-size:26px}.templates{grid-template-columns:235px 1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px}.brand{padding:0}.workspace,.nav-label,.owner{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:18px}.nav{width:auto;white-space:nowrap;padding:9px}.sidebar-bottom{position:absolute;top:13px;right:12px}.sidebar-bottom .nav{font-size:0}.sidebar-bottom .nav svg{width:18px}.app{display:block}.body{margin:0;width:100%}header{height:55px;padding:0 17px}.crumb{font-size:10px}.demo{font-size:9px}main{padding:25px 16px}.page-heading{flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:22px;padding:22px 0}.stats>div:nth-child(2){border:0}.stats strong{font-size:26px}.overview-grid,.structure-grid,.service-grid,.templates{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;padding:16px}.search{max-width:none}.toolbar select{max-width:100%}.portal-toolbar{flex-wrap:wrap}.portal-toolbar>div{margin-left:0}.templates{gap:12px}.template-list{display:flex;overflow:auto}.template-list button{min-width:230px}.setting-row{gap:15px;flex-wrap:wrap}.toast{left:50%;font-size:12px}.log-row{padding:17px 15px;align-items:flex-start}.log-row time{font-size:10px}footer{padding:18px 16px;gap:20px}.subtle-note{align-items:flex-start;line-height:1.6}.service-card,.drawer-content{padding:23px}.connection{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-label{text-align:left;margin-top:20px}.login-help{line-height:1.7;margin-top:22px}.login-error{color:#9a352d;background:#fff0ee}.employee-shell header{padding:0 7vw}.employee-shell main{max-width:1100px;padding-top:50px}.employee-shell main>p{margin:15px 0 30px}.employee-shell .badge{margin-top:24px}