.connections-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.connections-toolbar p{max-width:65ch;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.connections-toolbar button{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.connection-overview{flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0;font-size:13px;display:flex}.connection-overview>span{align-items:center;gap:7px;display:flex}.connection-overview>small{color:var(--muted)}.connection-dot{background:#16865f;border-radius:50%;width:7px;height:7px}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;display:grid}.connection-card{background:var(--soft);border:1px solid var(--line);border-radius:18px;min-width:0;padding:20px;transition:border-color .2s,box-shadow .2s}.connection-card:hover{border-color:var(--blue);box-shadow:0 6px 20px #2455dc0d}.connection-card-heading{align-items:center;gap:12px;display:flex}.connection-card-heading>div{flex:1;min-width:0}.connection-card-heading h3{overflow-wrap:anywhere;margin:0;font-size:15px}.connection-card-heading small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.connection-device-icon{background:var(--blue-soft,#edf3ff);width:40px;height:40px;color:var(--blue);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.connection-state{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:5px 8px;font-size:11px;display:inline-flex}.connection-state.online{color:#137249;background:#eaf6ee}.connection-state.offline{background:var(--line);color:var(--muted)}.connection-lines{margin-top:20px}.connection-lines>div{align-items:center;gap:8px;font-size:12px;display:flex}.connection-lines>div>svg{color:var(--blue);flex-shrink:0}.connection-lines b{text-align:right;overflow-wrap:anywhere;max-width:55%;margin-left:auto;font-size:12px}.connection-lines p{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 14px;font-size:12px;line-height:1.6}.connection-meta{border-top:1px solid var(--line);gap:8px;margin:10px 0 0;padding-top:12px;display:grid}.connection-meta>div{justify-content:space-between;gap:12px;font-size:11px;display:flex}.connection-meta dt{color:var(--muted);flex-shrink:0}.connection-meta dd{text-align:right;overflow-wrap:anywhere;margin:0}.connection-module-list{flex-wrap:wrap;gap:5px;margin-top:16px;display:flex}.connection-module-list span{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:3px 6px;font-size:10px}.connection-card details{color:var(--muted);margin-top:14px;font-size:11px}.connection-card summary{cursor:pointer}.connection-card code{overflow-wrap:anywhere;margin-top:7px;display:block}.connections-note{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.7}.connections-empty{text-align:center;color:var(--muted);padding:30px 15px}.connections-upgrade{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.6}@media (width<=650px){.connections-toolbar{align-items:start}.connections-toolbar p{font-size:12px}.connection-card{padding:16px}.connection-overview{gap:12px}.connection-overview>small{width:100%}}@media (prefers-reduced-motion:reduce){.connection-card{transition:none}.connections-toolbar .spin{animation:none}}.connection-instances{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.connection-instances h4{align-items:center;gap:6px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.connection-instances h4>span{color:var(--muted);font-weight:400}.connection-instances>div{border-top:1px dashed var(--line);padding:9px 0}.connection-instances>div>div{justify-content:space-between;align-items:start;gap:8px;font-size:12px;display:flex}.connection-instances b{overflow-wrap:anywhere;min-width:0}.connection-instances span{color:var(--muted);flex-shrink:0;font-size:11px}.connection-instances p,.connection-instances small{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.6;display:block}.cloud-heading-actions,.cloud-account-head,.cloud-account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cloud-guard-grid{perspective:1200px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.cloud-guard-card{isolation:isolate;border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:24px;padding:26px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.cloud-guard-card:before{content:"";z-index:-1;opacity:.24;background:radial-gradient(ellipse at 85% 10%,var(--flow-a),transparent 55%),radial-gradient(ellipse at 12% 90%,var(--flow-b),transparent 58%);pointer-events:none;position:absolute;inset:-20%}.cloud-guard-card.material-0{--flow-a:#27e8df;--flow-b:#17346f}.cloud-guard-card.material-1{--flow-a:#ff8849;--flow-b:#aa49ff}.cloud-guard-card.material-2{--flow-a:#2e66ff;--flow-b:#4721ac}.cloud-guard-card.material-3{--flow-a:#b9c4c0;--flow-b:#596460}.cloud-account-head{justify-content:space-between;margin-bottom:26px}.cloud-state{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:5px 10px;font-size:12px}.cloud-state.live{color:var(--ink);border-color:var(--blue)}.cloud-guard-card h2{overflow-wrap:anywhere;font-size:23px}.cloud-account-status{min-height:58px;color:var(--ink);margin:22px 0 16px;font-size:14px}.cloud-account-meta{color:var(--muted);gap:6px;margin-bottom:24px;font-size:12px;display:grid}.cloud-account-actions{border-top:1px solid var(--line);padding-top:18px}.cloud-account-actions button{white-space:nowrap;font-size:12px}.cloud-account-meta span{overflow-wrap:anywhere}.cloud-auto-login-note{padding:24px 0}.cloud-auto-login-note>svg{color:var(--blue)}.cloud-auto-login-note h3{margin:16px 0 12px}.cloud-auto-login-note p+p{margin-top:12px}.cloud-login-stage{background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;display:flex}.cloud-runtime-note{border:1px solid var(--line);background:var(--soft);border-radius:18px;align-items:flex-start;gap:16px;padding:20px;display:flex}.cloud-runtime-note svg{color:var(--blue);flex:none}.cloud-runtime-note p{margin-top:6px;font-size:13px}.cloud-account-overview{color:var(--muted);flex-wrap:wrap;gap:28px;margin:24px 0;font-size:13px;display:flex}.cloud-account-overview b{color:var(--ink);margin-right:10px;font:30px ui-monospace,monospace}.cloud-safety-note{margin:10px 0 16px}.cloud-rule-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.cloud-rule-switches{flex-wrap:wrap;gap:14px;margin:12px 0 24px;display:flex}.cloud-rule-switches label{align-items:center;gap:8px;display:flex}.cloud-login-image{border:1px solid var(--line);cursor:pointer;border-radius:16px;width:100%;height:auto;margin-top:18px;display:block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.cloud-guard-card:hover{border-color:var(--blue);transform:translateY(-3px)rotateX(1deg)}.cloud-guard-card:before{animation:16s ease-in-out infinite alternate cloud-material-flow}}@keyframes cloud-material-flow{to{transform:translate(8%,5%)rotate(12deg)}}@media (width<=850px){.cloud-guard-grid,.cloud-rule-fields{grid-template-columns:1fr}.cloud-guard-card{padding:20px}}@media (prefers-reduced-transparency:reduce){.cloud-guard-card:before{opacity:.08}}.cloud-qr-intro{text-align:center;padding:20px 0 4px}.cloud-qr-intro>svg{color:var(--blue)}.cloud-qr-intro h3{margin:12px 0 8px;font-size:22px}.cloud-qr-image{box-sizing:content-box;background:#fff;border-radius:16px;width:256px;max-width:100%;height:auto;margin:24px auto;padding:12px;display:block}.cloud-qr-loading{min-height:240px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.cloud-qr-note{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.7}.cloud-preview-meta{color:var(--ink);overflow-wrap:anywhere;gap:8px;margin:18px 0;display:grid}.cloud-preview-meta span:first-child{align-items:center;gap:10px;display:flex}.cloud-preview-image{cursor:default}.cloud-preview-meta+p{font-size:13px}.cloud-account-preview .dialog-actions small{margin-right:auto}.cloud-verification-input{background:var(--soft);border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:16px}.cloud-verification-input>label{color:var(--ink);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.cloud-verification-controls{gap:10px;display:flex}.cloud-verification-controls input{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);letter-spacing:2px;border-radius:10px;flex:1;padding:12px 14px;font-size:16px}.cloud-verification-controls input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.cloud-verification-controls button{flex:none}.cloud-verification-input small{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6;display:block}.cloud-platform-intro{padding:4px 0}.cloud-platform-intro>svg{display:none}.cloud-platform-intro h3{margin:4px 0 6px;font-size:18px}.cloud-platform-intro p{margin:0;font-size:12px}.cloud-auth-image{width:auto;max-width:100%;height:auto;max-height:clamp(240px,100dvh - 330px,560px);margin:12px auto}@media (width<=540px){.cloud-verification-controls{flex-direction:column}.cloud-verification-controls button{width:100%}}@media (width<=440px){.cloud-qr-image{width:220px;max-width:calc(100% - 24px)}.cloud-heading-actions{gap:8px}}.dialog.cloud-account-preview{width:min(1440px,100vw - 48px)}.cloud-preview-toolbar{gap:8px;margin-top:14px;display:flex}.cloud-preview-toolbar button{padding:7px 12px;font-size:12px}.cloud-preview-toolbar button[aria-pressed=true]{border-color:var(--blue);background:var(--hover)}.cloud-preview-stage{border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;background:#111;border-radius:14px;max-height:60dvh;margin-top:12px;overflow:auto}.cloud-preview-stage .cloud-preview-image{object-fit:contain;border:0;border-radius:0;width:100%;min-width:0;max-width:none;height:auto;max-height:calc(60dvh - 2px);margin:0}.cloud-preview-stage.is-detail .cloud-preview-image{min-width:960px;max-height:none}.cloud-preview-stage:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=760px){.dialog.cloud-account-preview{width:100%}.cloud-account-preview .dialog-actions{flex-wrap:wrap}.cloud-account-preview .dialog-actions small{flex-basis:100%}.cloud-preview-stage{max-height:50dvh}.cloud-preview-stage:not(.is-detail) .cloud-preview-image{max-height:calc(50dvh - 2px)}}.dialog.cloud-account-preview{flex-direction:column;height:min(90dvh,880px);display:flex;overflow:hidden}.cloud-account-preview>.dialog-head,.cloud-account-preview>.cloud-preview-meta,.cloud-account-preview>p,.cloud-account-preview>.cloud-preview-toolbar,.cloud-account-preview>.dialog-actions{flex-shrink:0}.cloud-account-preview>.dialog-head{margin-bottom:0;padding-bottom:14px}.cloud-account-preview>.cloud-preview-meta{gap:5px;margin:14px 0}.cloud-account-preview>.dialog-actions{margin-top:14px;padding-top:14px;position:static}.cloud-account-preview .cloud-preview-stage{flex:auto;min-height:80px;max-height:none}.cloud-account-preview .cloud-preview-stage:not(.is-detail) .cloud-preview-image{height:100%;max-height:none}.cloud-account-preview .cloud-preview-stage.is-detail .cloud-preview-image{height:auto}:root{color:#26334d;font-synthesis:none;--blue:#4967f2;--ink:#26334d;--muted:#8a94a8;--line:#edf0f6;--panel:#fff;--bg:#f4f6fb;--soft:#f7f9fd;--shadow:0 4px 24px #2d3d5f04;--sidebar:#17223c;--hover:#f0f3ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f6fb;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s;display:inline-flex}button:hover{background:var(--hover);border-color:#dce3fb}button:active{transform:scale(.97)}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--blue);text-decoration:none}input,select,textarea{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;min-width:0;padding:10px 12px}input::placeholder,textarea::placeholder{color:#a9b1c1}textarea{resize:vertical;line-height:1.7}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.6px;font-size:27px;font-weight:700}h2{font-size:16px;font-weight:650}h3{margin:20px 0 13px;font-size:15px;font-weight:650}p{color:var(--muted);line-height:1.8}small{font-size:12px}b,strong{font-weight:650}svg{flex-shrink:0}::selection{background:#cad6ff}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 12px #4967f224}.danger{color:#fff;background:#ed6272;border-color:#ed6272}.danger:hover{color:#fff;background:#d74b5c}.button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:10px 15px;display:inline-flex}.icon-button{background:0 0;border-color:#0000;width:35px;height:35px;padding:7px}.text-button{color:var(--blue);white-space:nowrap;background:0 0;border:0;padding:3px 0;font-size:12px}.text-button:hover{color:#314ed5;background:0 0}.muted{color:var(--muted)}.blue-text{color:var(--blue)}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:240px;display:inline-block;overflow:hidden}.eyebrow{letter-spacing:2px;color:#9da9be;font-size:10px;font-weight:700}.app{min-height:100vh;display:flex}aside{background:var(--sidebar);z-index:30;color:#e4eafa;flex-direction:column;width:224px;padding:28px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:.5px;align-items:center;gap:11px;padding:0 7px 26px;font-size:19px;font-weight:700;display:flex}.brand-symbol{color:#fff;background:linear-gradient(140deg,#7593ff,#4562ed);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:41px;font-size:22px;display:inline-flex;box-shadow:0 6px 14px #050f391c}.brand small{letter-spacing:1.8px;color:#7f90b2;margin-top:3px;font-size:9px;display:block}.workspace-switch{background:#ffffff08;border:1px solid #ffffff0a;border-radius:9px;align-items:center;gap:10px;margin:0 4px 11px;padding:12px 8px;display:flex}.workspace-switch b{font-size:12px;font-weight:500}.workspace-switch small{color:#8493b0;font-size:10px;display:block}.workspace-switch>svg{color:#8a99b7;margin-left:auto}.workspace-icon{color:#9dacce;background:#ffffff09;border-radius:6px;place-items:center;width:30px;height:32px;display:grid}.nav-list{scrollbar-width:thin;scrollbar-color:#314467 transparent;flex:1;overflow-y:auto}.nav-label{color:#657797;letter-spacing:1px;padding:16px 14px 9px;font-size:10px}.nav-list>button{color:#92a1be;background:0 0;border:0;border-radius:8px;justify-content:flex-start;width:100%;margin-bottom:3px;padding:11px 15px;font-size:13px;position:relative}.nav-list>button:hover{color:#fff;background:#ffffff06}.nav-list>button.active{color:#fff;background:linear-gradient(100deg,#4968f3,#5b70ee);box-shadow:0 5px 15px #091a4e40}.nav-list>button.active:before{content:"";background:#bac6ff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.nav-list>button em{background:#ffffff13;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}.sidebar-footer{padding-top:18px}.connection{color:#7284a3;align-items:center;gap:7px;margin:0 10px 17px;font-size:10px;display:flex}.dot{background:#3ec8a0;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sidebar-user{color:#c7d2e9;background:0 0;border:0;border-top:1px solid #ffffff09;border-radius:0;justify-content:flex-start;width:100%;padding:15px 5px 0}.sidebar-user:hover{color:#fff;background:0 0}.sidebar-user>span:nth-child(2){text-align:left}.sidebar-user b{font-size:12px}.sidebar-user small{color:#7688a8;font-size:10px;display:block}.sidebar-user>svg{color:#8a9abb;margin-left:auto}main{flex:1;min-width:0;margin-left:224px}header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;height:70px;padding:0 30px;display:flex}.header-crumb{color:#a3adbf;align-items:center;gap:12px;font-size:12px;display:flex}.header-crumb b{color:var(--ink);font-weight:500}.header-actions{align-items:center;gap:13px;display:flex}.header-actions>.icon-button{color:#8895ad}.global-search{background:var(--soft);color:#a5adbf;border:0;justify-content:flex-start;gap:9px;min-width:245px;padding:8px 12px;font-size:11px}.global-search kbd{border:1px solid var(--line);color:#a0aabf;border-radius:3px;margin-left:auto;padding:0 4px;font-size:10px}.header-divider{background:var(--line);width:1px;height:22px;margin:0 2px}.profile-button{background:0 0;border:0;gap:9px;padding:0;font-size:12px}.profile-button:hover{background:0 0}.bell-button{position:relative}.bell-button>i{border:1px solid var(--panel);background:#fa8d88;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:8px}.mobile-toggle,.mobile-bottom{display:none}.page{max-width:1720px;margin:auto;padding:27px 30px 20px;animation:.3s cubic-bezier(.2,.7,.2,1) page-enter}.page-footer{color:#a6afc0;justify-content:space-between;gap:12px;max-width:1720px;margin:auto;padding:10px 32px 20px;font-size:10px;display:flex}.welcome-heading,.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.breadcrumb-label{color:#a4adc0;letter-spacing:1px;margin-bottom:5px;font-size:10px}.welcome-heading h1{align-items:center;gap:12px;font-size:25px;display:flex}.greeting-sun{color:#f4b13c;animation:1s ease-out sun-rise;display:inline-flex}.welcome-heading p,.page-heading p{margin-top:7px;font-size:12px}.welcome-heading>.primary{padding:10px 14px;font-size:12px}.home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px;display:grid}.home-main,.home-side{min-width:0}.office-banner{background:linear-gradient(115deg,#e6edff,#edf0ff 60%,#e4e8ff);border:1px solid #e0e7fb;border-radius:14px;height:190px;margin-bottom:18px;position:relative;overflow:hidden}.banner-copy{z-index:2;padding:28px;position:relative}.banner-kicker{letter-spacing:1.3px;color:#7c90c1;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.banner-kicker span{background:#8da8ec;border-radius:50%;width:4px;height:4px}.banner-copy h2{color:#3d5184;letter-spacing:.8px;margin:9px 0 4px;font-size:25px}.banner-copy p{color:#93a1c2;font-size:12px}.banner-copy button{color:#5f75b3;background:#fff9;border:none;gap:22px;margin-top:17px;padding:7px 12px;font-size:11px}.banner-art{perspective:700px;width:245px;height:190px;position:absolute;top:0;right:8px}.orbit{border:1px solid #bac9ef55;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-70px;transform:rotate(-25deg)}.orbit-two{border-color:#fff9;width:200px;height:200px;top:-32px;right:-42px}.art-window{background:linear-gradient(130deg,#fff,#edf2ff);border:1px solid #fff;border-radius:10px;width:133px;height:116px;padding:12px;animation:7s ease-in-out infinite float-art;position:absolute;top:37px;right:45px;transform:rotateY(-20deg)rotate(-9deg);box-shadow:14px 18px 20px #5875c624}.art-window-head{gap:4px;display:flex}.art-window-head i{background:#d0dbf5;border-radius:50%;width:4px;height:4px}.art-check{color:#748be2;background:#e2eaff;border-radius:7px;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:33px;left:12px}.art-line{background:#d5dff7;border-radius:3px;width:49px;height:6px;position:absolute;top:41px;left:59px}.art-line.short{background:#e2e8f9;width:34px;top:55px}.art-bars{align-items:flex-end;gap:6px;height:30px;display:flex;position:absolute;bottom:15px;right:17px}.art-bars i{background:#a8b8f4;border-radius:3px;width:12px;height:45%}.art-bars i:nth-child(2){background:#8fa4f3;height:65%}.art-bars i:nth-child(3){background:#718dea;height:80%}.art-bars i:nth-child(4){background:#536cda;height:100%}.art-chip{color:#708ae4;background:linear-gradient(135deg,#fff,#ebefff);border:1px solid #fff;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;box-shadow:0 12px 20px #5875c625}.chip-calendar{border-radius:11px;width:63px;height:57px;animation:6s ease-in-out 1s infinite float-art;top:30px;right:7px;transform:rotate(11deg)}.chip-calendar b{font-size:17px;position:absolute;top:20px;right:22px}.chip-calendar svg{color:#b5c4f2;width:34px;height:34px}.chip-check{color:#9e89ec;border-radius:12px;width:42px;height:42px;bottom:34px;left:27px;transform:rotate(-14deg)}.art-star{color:#9ca9ed;font-size:24px;position:absolute;bottom:21px;right:28px}.art-dot{background:#a9bbed;border-radius:50%;width:8px;height:8px;position:absolute;top:32px;left:44px}.office-counts{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.office-counts>button{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow);border-radius:11px;justify-content:flex-start;gap:10px;padding:15px 12px;display:flex}.office-counts>button>span:nth-child(2){text-align:left}.office-counts small{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.office-counts b{font-size:23px;line-height:1}.office-counts em{color:#a7afc0;margin-left:5px;font-size:10px;font-style:normal;font-weight:400}.office-counts>button>svg{color:#b3bdce;width:12px;margin-left:auto}.office-counts .app-icon{border-radius:10px;width:35px;height:37px}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;margin-bottom:20px;padding:21px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-head h2{align-items:center;gap:7px;font-size:14px;display:flex}.section-head h2>svg{color:#8392ac;width:16px}.section-head>small{color:var(--muted)}.app-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:47px;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.tint-0{color:#6185ef;background:#eaf0ff}.tint-1{color:#7e84e6;background:#edf0ff}.tint-2{color:#54b699;background:#e8f6f1}.tint-3{color:#edaa68;background:#fff1e6}.tint-4{color:#9d87db;background:#eeebfb}.tint-5{color:#6aaace;background:#e8f4fc}.tint-6{color:#d685a3;background:#fcebf1}.tint-7{color:#72afb0;background:#e8f3f4}.quick-apps{grid-template-columns:repeat(8,1fr);gap:10px;padding:4px 0 2px;display:grid}.quick-apps>button{background:0 0;border:0;flex-direction:column;gap:11px;min-width:0;padding:2px 0}.quick-apps b{white-space:nowrap;font-size:11px;font-weight:500}.quick-apps>button:hover .app-icon{transform:translateY(-5px)rotate(-4deg);box-shadow:0 10px 16px #3e5c8f12}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:25px;margin-bottom:17px;display:flex;overflow-x:auto}.tabs>button{color:#9da6b8;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0 1px 12px;font-size:12px;position:relative}.tabs>button.active{color:var(--blue);font-weight:650}.tabs>button.active:after{content:"";background:var(--blue);border-radius:2px;height:2px;animation:.18s tab-line;position:absolute;bottom:0;left:0;right:0}.tabs em{background:var(--soft);border-radius:4px;margin-left:3px;padding:1px 5px;font-size:10px;font-style:normal}.todo-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.todo-list>div:last-child{border:0}.todo-list>div>div{flex:1}.todo-list b{font-size:12px}.todo-list small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.task-check{color:#0000;border:1px solid #d9e0ef;border-radius:5px;flex-shrink:0;width:17px;height:17px;padding:0}.task-check:hover{color:var(--blue);background:#e8edff;border-color:#b2c2ff}.approval-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;gap:12px;width:100%;padding:14px 0;display:flex}.approval-list>button:last-child{border-bottom:0}.approval-list>button>div{flex:1;min-width:0}.approval-list b{font-size:12px}.approval-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.approval-list>button>span:nth-last-child(2){color:#7d8ba6;font-size:12px}.approval-list>button>svg{color:#b4bece}.avatar{color:#6481c5;background:#e9efff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:600;display:inline-flex}.avatar.small{border-radius:10px;width:31px;height:32px;font-size:10px}.avatar-1{color:#b59370;background:#fff0e4}.avatar-2{color:#779b8b;background:#e7f4eb}.avatar-3{color:#a38ac4;background:#f1e9f9}.avatar-4{color:#6898ad;background:#e6f4f9}.avatar-5{color:#bd8a96;background:#f9e9ee}.home-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.business-summary>small{color:#9aa5b9;font-size:10px}.business-summary>strong{letter-spacing:-.5px;margin:5px 0;font-size:25px;display:block}.business-summary>span{color:#97a5bb;align-items:center;gap:8px;font-size:10px;display:flex}.business-summary>span i{background:#a9b4c8;border-radius:50%;width:3px;height:3px}.mini-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 24px,var(--line) 25px);align-items:flex-end;gap:9px;height:77px;margin-top:20px;padding:0 2px;display:flex}.mini-chart>div{transform-origin:bottom;background:linear-gradient(#90a5f6,#d6dfff);border-radius:4px 4px 0 0;flex:1;min-width:8px;max-width:45px;animation:.7s ease-out both bar-grow}.mini-chart>div:last-child{background:linear-gradient(#6888ed,#91abfa)}.mini-chart>span{color:var(--muted);margin:auto;font-size:11px}.chart-labels{color:#a5afc1;justify-content:space-between;margin-top:8px;font-size:9px;display:flex}.team-intro{align-items:center;gap:10px;margin:4px 0 20px;display:flex}.avatar-stack{padding-left:5px;display:flex}.avatar-stack .avatar{border:2px solid var(--panel);border-radius:50%;margin-left:-5px}.team-intro>span{color:#9ca8bc;font-size:10px}.dept-list>div{margin-bottom:13px}.dept-list>div>div:first-child{color:#8895ac;justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.dept-list>div>div:first-child>span{align-items:center;gap:6px;display:flex}.dept-list b{color:#a2acc0;font-weight:400}.dept-dot{background:currentColor;border-radius:2px;width:6px;height:6px;display:inline-block}.progress-track{background:var(--soft);border-radius:4px;height:5px;overflow:hidden}.progress-track>i{background:#8ba5f0;border-radius:4px;height:100%;animation:.7s ease-out progress-in;display:block}.progress-track>i.tint-1{background:#b2a1e5}.progress-track>i.tint-2{background:#80c5b3}.progress-track>i.tint-3{background:#e9b680}.home-side .card{padding:19px}.home-side .section-head{margin-bottom:14px}.attendance-widget{background:linear-gradient(155deg,var(--panel),var(--soft));text-align:center}.attendance-widget .section-head{text-align:left}.clock-display{letter-spacing:2px;color:#3a4c6e;font-variant-numeric:tabular-nums;padding-top:2px;font-size:38px;font-weight:600;line-height:1.3}.clock-display>span{color:#aeb9cf;letter-spacing:0;margin-left:8px;font-size:17px}.attendance-widget>p{margin:5px 0 17px;font-size:10px}.clock-button{color:#fff;background:linear-gradient(110deg,#5678ee,#7386f2);border:none;border-radius:9px;width:100%;height:44px;font-size:13px;box-shadow:0 6px 12px #516dea19}.clock-button:hover{background:#536fe0;border:none;box-shadow:0 7px 17px #516dea2d}.clock-button>svg:last-child{opacity:.7;margin-left:auto}.clock-button>svg:first-child{margin-right:auto}.clock-button.completed{background:linear-gradient(110deg,#70b39e,#7bbda9)}.attendance-foot{color:#96a4bc;align-items:center;gap:5px;margin-top:14px;font-size:10px;display:flex}.attendance-foot .text-button{margin-left:auto;font-size:10px}.attendance-foot .dot{width:5px;height:5px}.calendar-label{justify-content:space-between;align-items:center;gap:6px;margin:17px 0 12px;font-size:11px;display:flex}.calendar-label>b{font-weight:500}.calendar-label>input{color:#a9b3c5;border-color:#0000;width:95px;padding:3px;font-size:9px}.calendar-cells{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cells>small{color:#b1b9c8;padding:4px 0 8px;font-size:9px}.calendar-cells>button{color:#71809b;background:0 0;border:0;border-radius:8px;justify-self:center;width:27px;height:27px;padding:0;font-size:10px}.calendar-cells>button.selected{color:#fff;background:#637ff0;box-shadow:0 4px 8px #637ff029}.calendar-cells>button.today:not(.selected){color:var(--blue);background:#edf1fe}.schedule-caption{color:#a1adbf;border-top:1px solid var(--line);margin-top:13px;padding-top:15px;font-size:10px}.mini-agenda>button{text-align:left;background:0 0;border:0;align-items:stretch;gap:10px;width:100%;padding:12px 0 0;display:flex}.mini-agenda small{color:#a9b4c6;font-size:9px;display:block}.mini-agenda b{color:#6f7f99;margin:3px 0;font-size:11px;font-weight:500;display:block}.agenda-marker{background:#a0b5f2;border-radius:3px;flex-shrink:0;width:3px;min-height:45px}.agenda-marker.tint-1{background:#b6a5e5}.quiet-empty{color:#a7b1c2;padding:14px 0 7px;font-size:11px;line-height:1.8}.notice-item{text-align:left;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:9px;width:100%;padding:10px 0;display:flex}.notice-item b{color:#8390a8;font-size:11px;font-weight:500}.notice-item small{color:#b0baca;margin-top:5px;font-size:9px;display:block}.notice-bullet{background:#a0b4ef;border-radius:2px;flex-shrink:0;width:5px;height:5px;margin-top:6px}.workspace-note{color:#a1adc4;border:1px dashed #dce3f1;border-radius:10px;align-items:center;gap:10px;padding:16px;display:flex}.workspace-note b{color:#94a2bb;font-size:10px;font-weight:500}.workspace-note span{color:#b1bacc;margin-top:4px;font-size:9px;display:block}.badge{color:#8792a7;white-space:nowrap;background:#f1f3f8;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:400;display:inline-flex}.status-live,.status-approved,.status-done,.status-active,.status-normal,.status-available,.status-issued{color:#52ad8c;background:#e9f7f1}.status-scheduled,.status-doing,.status-reserved{color:#6e89d6;background:#edf1fd}.status-ended,.status-pending,.status-submitted{color:#ce9a52;background:#fff4e5}.status-rejected,.status-maintenance{color:#cc8292;background:#fcecef}.pulse-dot{background:#49b58f;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse;display:inline-block}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.metric{margin:0;padding:22px;position:relative;overflow:hidden}.metric>span:not(.metric-icon){color:var(--muted);font-size:12px}.metric strong{letter-spacing:-1px;margin:12px 0 6px;font-size:28px;display:block}.metric strong>small{color:var(--muted);letter-spacing:0;margin-left:8px;font-size:11px;font-weight:400}.metric>small{color:#a1acc0;font-size:10px}.metric-icon{border-radius:9px;place-items:center;width:32px;height:33px;display:grid;position:absolute;top:19px;right:18px}.metric-icon svg{width:17px}.stats.compact{background:var(--soft);border-radius:10px;gap:15px;padding:18px}.stats.compact strong{margin-top:5px;font-size:18px;display:block}.stats.compact small{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar>input,.toolbar>select{padding:9px 11px;font-size:12px}.searchbox{background:var(--panel);border:1px solid var(--line);color:#a0abc0;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:380px;padding:0 10px;display:flex}.searchbox input{background:0 0;border:0;outline:0;width:100%;padding:10px 0;font-size:12px}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-row>button,.action-row>a,.action-row>input,.action-row>select{font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;background:var(--soft);color:#8d9bb1;padding:12px 14px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line);color:#718099;padding:17px 14px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:var(--soft)}td b{color:var(--ink);font-weight:500}.cell-main{flex-direction:column;gap:5px;display:flex}.cell-main small{color:#a1adc0;font-size:10px}.clickable{cursor:pointer}.inline-person{align-items:center;gap:9px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:28px 15px;display:flex}.empty-icon{background:var(--soft);color:#b8c7dd;border-radius:13px;place-items:center;width:52px;height:46px;margin-bottom:4px;display:grid}.empty>strong{color:#929fb5;font-size:12px;font-weight:500}.empty p{color:#b1baca;max-width:340px;font-size:10px}.empty>button{margin-top:6px}.loading{color:#9ca8bd;justify-content:center;align-items:center;gap:10px;padding:50px;font-size:12px;display:flex}.error{color:#c96879;overflow-wrap:anywhere;background:#fef0f1;border:1px solid #f8dce2;border-radius:8px;align-items:center;gap:8px;margin:12px 0;padding:12px;font-size:12px;display:flex}.error>button{margin-left:auto}.form-note{background:var(--soft);border:1px solid var(--line);color:#8998b2;overflow-wrap:anywhere;border-radius:8px;margin:12px 0;padding:13px 15px;font-size:12px;line-height:1.8}.page-heading{margin-bottom:25px}.app-library{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.app-library>button{text-align:left;justify-content:flex-start;gap:13px;padding:18px;transition:transform .2s,box-shadow .2s}.app-library>button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #314c8610}.app-library>button>div{flex:1}.app-library b{font-size:13px;display:block}.app-library small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.app-library>button>svg{color:#bac3d2}.room-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.studio-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.studio-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #304f8810}.studio-visual{background:linear-gradient(145deg,#eaf0fc,#dce5f7);height:164px;position:relative;overflow:hidden}.visual-1{background:linear-gradient(145deg,#f5edfc,#e8ddf6)}.visual-2{background:linear-gradient(145deg,#e5f4ef,#d7eee7)}.visual-3{background:linear-gradient(145deg,#fff1e5,#f5e3d3)}.studio-visual>.badge{background:#fffa;position:absolute;top:15px;right:15px}.room-number{color:#8e9dba;opacity:.6;font-size:21px;font-weight:700;position:absolute;top:20px;left:20px}.studio-scene{width:160px;height:90px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.studio-scene>svg{color:#7e98c2;position:absolute;top:20px;left:60px}.studio-scene>span:first-child{background:#f8faffaa;border:5px solid #b9cce4;border-radius:6px;position:absolute;inset:5px 30px 15px;box-shadow:12px 10px #b2c5e24a}.studio-scene>span:nth-child(2){background:#9fb7d7;border-radius:2px;height:7px;position:absolute;bottom:4px;left:20px;right:10px;box-shadow:0 12px 20px #9baecd4f}.studio-scene>span:nth-child(3){border-top:15px solid #ccdaed;border-left:3px solid #9db6d6;width:20px;height:65px;position:absolute;bottom:12px;left:0}.studio-body{padding:20px}.studio-body>p{align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}.next-session,.live-info{flex-direction:column;gap:5px;min-height:70px;margin:20px 0 17px;display:flex}.next-session>small{color:#a5b1c5;font-size:10px}.next-session>b{font-size:12px;font-weight:500}.next-session>span{color:#91a0b6;font-size:11px}.live-info{color:#66a990;font-size:12px}.live-info small{color:var(--muted);font-size:10px}.studio-actions{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:flex}.studio-actions>button{flex:1;font-size:11px}.week-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin:15px 0 24px;display:grid}.week-grid>button{background:var(--soft);border-color:#0000;border-radius:10px;flex-direction:column;gap:8px;padding:15px 10px;display:flex}.week-grid small{color:#98a6bc;font-size:11px}.week-grid strong{font-size:24px}.week-grid span{color:#a1afc4;font-size:10px}.week-grid>button.selected{background:var(--blue);color:#fff;box-shadow:0 6px 15px #4967f225}.week-grid>button.selected small,.week-grid>button.selected span{color:#d4ddff}.agenda-item{border:1px solid var(--line);text-align:left;align-items:center;gap:20px;width:100%;margin-bottom:12px;padding:18px;display:flex}.agenda-item>div:first-child{color:#7486a3;flex-direction:column;gap:7px;display:flex}.agenda-item small{color:#a4b0c4;font-size:11px}.agenda-line{background:#9eb3f0;border-radius:3px;width:3px;height:40px}.agenda-line.purple{background:#b2a0df}.agenda-title{flex:1}.agenda-title b{margin-bottom:5px;font-size:13px;display:block}.agenda-item>svg{color:#b4c0d3}.people-grid,.project-grid,.records-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.person{margin:0}.person-head{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.person>p{margin-top:6px;font-size:11px}.person-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:18px;padding:17px 0;display:grid}.person-stats>b{font-size:17px}.person-stats small{color:#a1adc1;margin-top:5px;font-size:10px;display:block}.person-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.person-footer>span{color:#a8b3c6;overflow-wrap:anywhere;font-size:10px}.project{margin:0}.project>p{margin-top:8px;font-size:11px}.project-value{margin:25px 0 14px}.project-value strong{margin-bottom:5px;font-size:24px;display:block}.project-value small{color:#a5b0c3;font-size:10px}.project>.section-head{margin-top:10px}.project>.section-head small{font-size:10px}.project>.section-head:first-child{margin-top:0}.attendance-hero{background:linear-gradient(100deg,#edf2ff,#e5eafa);border:1px solid #dfe6f8;border-radius:13px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:30px;display:flex}.attendance-hero span{color:#8da0c5;font-size:12px}.attendance-hero strong{letter-spacing:2px;color:#5e77b0;font-variant-numeric:tabular-nums;margin:6px 0;font-size:38px;display:block}.attendance-hero p{font-size:12px}.kanban{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.kanban-column{border:1px solid var(--line);background:#ecf0f7;border-radius:12px;min-height:450px;padding:15px}.kanban-column h3{align-items:center;gap:8px;margin:0 2px 16px;font-size:13px;display:flex}.kanban-column h3>span{background:var(--panel);color:#95a3bb;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:400}.kanban-task{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:18px;animation:.25s page-enter;box-shadow:0 3px 8px #293e6510}.task-title{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;padding:0;font-size:13px;font-weight:600}.kanban-task>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:11px 0 16px;font-size:11px;line-height:1.7}.kanban-task>div{align-items:center;gap:10px;display:flex}.kanban-task>div small{color:#a6b1c4;margin-left:auto;font-size:10px}.kanban-task>select{background:var(--soft);width:100%;margin-top:13px;padding:6px 10px;font-size:11px}.kanban-add{color:#98a8c2;background:0 0;border:1px dashed #cbd5e9;width:100%;font-size:11px}.record-card{margin-bottom:0}.record-title{text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0;font-size:15px;font-weight:600;line-height:1.6}.record-excerpt{-webkit-line-clamp:3;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:65px;margin:12px 0 18px;font-size:12px;line-height:1.8;display:-webkit-box;overflow:hidden}.record-footer{color:#a3b0c3;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:15px;font-size:10px;display:flex}.message-feed{max-width:860px}.message-card{margin-bottom:17px}.message-card .record-excerpt{-webkit-line-clamp:5;min-height:0}.document-body{color:#627590;padding:20px 0;font-size:14px;line-height:2}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#10213d66;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.dialog{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);border-radius:17px;outline:0;width:560px;max-width:100%;max-height:90vh;padding:26px;animation:.25s cubic-bezier(.2,.8,.2,1) dialog-in;overflow-y:auto;box-shadow:0 30px 100px #0c1b4655}.dialog-wide{width:820px}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding-bottom:20px;display:flex}.dialog-head h2{margin-top:6px;font-size:19px}.dialog-head .icon-button{color:#99a7bd}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:18px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;font-size:12px;display:flex}.field>span{color:#75859f}.field em{color:#cf95a5;font-style:normal}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;font-size:13px}.field>small{color:#a3afc4;font-size:10px}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.dialog-actions>button{font-size:12px}.detail-title{color:#8da0bc;align-items:center;gap:10px;margin-bottom:17px;font-size:12px;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.detail-grid small{color:#a0aec2;margin-bottom:6px;font-size:11px;display:block}.detail-grid b{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.detail-text{color:#8191ac;font-size:13px;line-height:1.9}.steps{color:#b0bbce;justify-content:space-between;gap:8px;margin:28px 0;font-size:10px;display:flex}.steps>div{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.steps>div:before{content:"";background:var(--line);height:1px;position:absolute;top:14px;left:70%;right:-30%}.steps>div:last-child:before{display:none}.steps span{background:var(--soft);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.steps .reached{color:#7798df}.steps .reached>span{color:#6e91e0;background:#edf2ff}.audit-list>div{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.audit-list b{font-size:12px;font-weight:500}.audit-list small{color:#a3b1c7;margin-top:4px;font-size:10px;display:block}.timeline-dot{background:#b7c9e8;border-radius:50%;width:6px;height:6px;margin-top:7px}.pay-slip{text-align:center;color:#879ac6;background:linear-gradient(110deg,#eef2ff,#f5f0ff);border-radius:12px;padding:25px}.pay-slip>strong{color:#617bbe;margin:7px 0 10px;font-size:35px;display:block}.pay-slip>span{font-size:12px}.profile-hero{align-items:center;gap:17px;margin-bottom:20px;display:flex}.profile-hero>div{flex:1}.profile-hero p{margin-top:5px;font-size:12px}.profile-hero>button{font-size:12px}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.setting-row b{font-size:13px}.setting-row p{margin-top:6px;font-size:12px}.setting-row>button{flex-shrink:0;font-size:12px}.role-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.role-grid>div{background:var(--soft);color:#8e9fba;border-radius:10px;padding:17px}.role-grid svg{color:#9bb0d6;margin-bottom:10px;display:block}.role-grid b{color:#7185a6;font-size:12px}.role-grid p{margin-top:7px;font-size:10px}.audit-json{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);border-radius:9px;max-height:500px;padding:15px;font-size:12px;overflow:auto}.analytics-grid{grid-template-columns:1.7fr 1fr;gap:20px;display:grid}.large-chart{background:repeating-linear-gradient(0deg,transparent,transparent 49px,var(--line) 50px);align-items:flex-end;gap:16px;height:270px;padding:20px 10px 0;display:flex;overflow-x:auto}.chart-column{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:40px;height:100%;display:flex}.chart-column>b{color:#8c9eba;font-size:10px;font-weight:500}.chart-column>div{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.chart-column i{transform-origin:bottom;background:linear-gradient(#88a4f0,#bccdf5);border-radius:6px 6px 0 0;width:70%;min-width:18px;max-width:45px;animation:.7s ease-out bar-grow}.chart-column small{color:#a3b1c7;font-size:10px}.business-split>div{align-items:center;gap:10px;margin:20px 0;display:flex}.business-split>div>div{flex:1}.business-split b{font-size:12px}.business-split small{color:#a3b0c5;margin:6px 0 8px;font-size:10px;display:block}.business-split strong{color:#8c9fc0;font-size:19px}.table-note{margin-bottom:14px;font-size:11px}.table-progress{width:120px}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:max-content;max-width:90vw;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);color:#658c83;pointer-events:auto;border-radius:10px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 8px 30px #142b4b20}.toast>span{color:var(--ink)}.toast-error>svg{color:#d07588}.toast>button{color:#a5b0c4;border:0;margin-left:12px;padding:2px}.command-input{color:#9eb0ce;border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:12px;display:flex}.command-input input{border:0;outline:0;flex:1;font-size:14px}.search-results{max-height:380px;margin-top:10px;overflow-y:auto}.search-results>button{background:0 0;border:0;justify-content:flex-start;width:100%;padding:13px 9px;font-size:13px;display:flex}.search-results>button>svg:first-child{color:#a5b6cf}.search-results>button>svg:last-child{color:#b3c0d4;margin-left:auto}.search-results>button>span{text-align:left;flex:1}.notification-panel>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:flex-start;width:100%;padding:15px 0;display:flex}.notification-panel>button>div{flex:1}.notification-panel b{font-size:12px}.notification-panel small{color:#a1afc5;margin-top:5px;font-size:10px;display:block}.boot{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page{background:linear-gradient(130deg,#f0f4ff,#f8faff 50%,#fafbff);justify-content:center;align-items:center;gap:10vw;min-height:100vh;padding:100px 60px;display:flex;position:relative}.login-brand{align-items:center;gap:12px;display:flex;position:absolute;top:35px;left:50px}.login-brand>b{color:#4a608d;font-size:20px}.login-brand>span:last-child{color:#a6b2ca;border-left:1px solid #dce4f4;margin-left:8px;padding-left:17px;font-size:12px}.login-art{perspective:900px;width:400px;height:380px;position:relative}.login-card-art{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #fff;border-radius:23px;padding:24px;animation:8s ease-in-out infinite float-art;position:absolute;inset:25px 15px 20px 35px;transform:rotateY(9deg)rotate(-4deg);box-shadow:20px 30px 60px #718cbd22}.login-art-icon{color:#9cafdf;justify-content:center;align-items:center;height:140px;display:flex}.login-card-art h2{text-align:center;color:#7188b6;font-size:23px}.login-card-art p{text-align:center;color:#abb8d0;margin-top:10px;font-size:12px}.login-art-apps{justify-content:center;gap:15px;margin-top:25px;display:flex}.login-art-apps>span{color:#8ca4d8;background:#e9effe;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.login-art-apps>span:nth-child(2){color:#b79dcc;background:#f1ebf7}.login-art-apps>span:nth-child(3){color:#87b0a6;background:#e6f3ee}.login-art-apps>span:nth-child(4){color:#c5a383;background:#fbf0e6}.login-orbit{border:1px solid #dfe7f7;border-radius:50%;position:absolute;inset:-40px;transform:rotate(-20deg)}.login-star{color:#b5c5eb;font-size:42px;position:absolute;top:5px;right:-30px}.login-box{z-index:1;width:390px;max-width:100%}.login-box h1{color:#4c628c;margin-top:12px;font-size:27px}.login-box>p{color:#9faec6;margin-top:12px;margin-bottom:28px;font-size:12px}.login-box .field{margin-bottom:19px}.login-box input{color:#607594;background:#fffa;border-color:#e3e9f5;border-radius:9px;padding:13px 15px}.login-submit{width:100%;height:46px;margin-top:8px;font-size:13px}.login-hint{color:#a1afc7;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.login-help{color:#a1afc7;margin-top:25px;font-size:11px;line-height:1.8}.login-help summary{cursor:pointer}.login-help p{overflow-wrap:anywhere;color:#a3b0c5;margin-top:8px}.login-footer{letter-spacing:1px;color:#b3bed2;font-size:10px;position:absolute;bottom:25px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes float-art{0%,to{translate:0}50%{translate:0 -7px}}@keyframes pulse{0%,to{box-shadow:0 0 #49b58f20}50%{box-shadow:0 0 0 4px #49b58f10}}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes progress-in{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes sun-rise{0%{opacity:0;transform:rotate(-40deg)scale(.5)}to{opacity:1;transform:none}}@keyframes tab-line{0%{transform:scaleX(.4)}to{transform:scaleX(1)}}[data-theme=dark]{--ink:#d6e0f3;--muted:#8294b2;--line:#293750;--panel:#1a2940;--bg:#122036;--soft:#1e304a;--hover:#253b5b;--sidebar:#0d192d;color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .office-banner{background:linear-gradient(110deg,#253b63,#343c64);border-color:#354a72}[data-theme=dark] .banner-copy h2{color:#cad8f7}[data-theme=dark] .banner-copy p{color:#99abce}[data-theme=dark] .banner-copy button{color:#b5c9f2;background:#ffffff12}[data-theme=dark] .clock-display{color:#c3d5f3}[data-theme=dark] .kanban-column{background:#17263d}[data-theme=dark] .attendance-hero,[data-theme=dark] .pay-slip{background:linear-gradient(100deg,#243859,#303b60);border-color:#354967}[data-theme=dark] .app-icon,[data-theme=dark] .badge,[data-theme=dark] .avatar{filter:brightness(.85)saturate(.7)}[data-theme=dark] .studio-visual{filter:brightness(.65)}[data-theme=dark] .login-page{background:#122036}[data-theme=dark] .error{color:#efadbd;background:#3a2837;border-color:#593344}@media (width>=1600px){.home-layout{grid-template-columns:minmax(0,1fr) 330px}.office-banner{height:215px}.banner-copy{padding:33px}.banner-copy h2{font-size:29px}.banner-art{top:10px;right:30px;scale:1.1}.card{padding:24px}.quick-apps b{font-size:12px}.quick-apps .app-icon{width:52px;height:53px}.office-counts>button{padding:20px 15px}.home-side .card{padding:23px}.calendar-cells>button{width:30px;height:30px}.clock-display{font-size:42px}}@media (width<=1270px){aside{width:202px;padding-left:12px;padding-right:12px}main{margin-left:202px}.brand{font-size:17px}.page{padding:24px}.home-layout{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.quick-apps{grid-template-columns:repeat(4,1fr);row-gap:20px}.office-counts{gap:8px}.office-counts>button{gap:7px;padding:12px 8px}.office-counts>button>svg{display:none}.office-counts .app-icon{border-radius:8px;width:28px;height:31px}.office-counts .app-icon svg{width:17px}.office-counts b{font-size:20px}.banner-art{opacity:.8;transform-origin:100%;right:-15px;scale:.9}.banner-copy{padding:27px 22px}.banner-copy h2{font-size:22px}.banner-copy p{font-size:11px}.home-two{gap:15px}.home-two .card{padding:17px}.team-intro{flex-wrap:wrap;gap:7px}.home-two .business-summary>strong{font-size:22px}.room-grid,.people-grid,.project-grid,.records-grid{grid-template-columns:repeat(2,1fr)}.app-library{grid-template-columns:repeat(3,1fr)}.metric strong{font-size:24px}.metric-icon{width:28px;height:29px;right:13px}.metric{padding:18px}.header-actions{gap:8px}.global-search{min-width:200px}.brand-symbol{width:35px;height:38px;font-size:20px}.home-side .card{padding:17px}}@media (width<=1050px){.home-layout{grid-template-columns:1fr}.home-side{grid-template-columns:repeat(2,1fr);align-items:start;gap:18px;display:grid}.home-side>.card{margin:0}.home-side>.workspace-note{align-self:center}.quick-apps{grid-template-columns:repeat(8,1fr)}.office-counts>button{padding:16px 12px}.office-counts .app-icon{width:36px;height:38px}.office-counts .app-icon svg{width:21px}.banner-art{opacity:1;right:35px;scale:1}.home-two .card{padding:21px}.analytics-grid{grid-template-columns:1fr}.global-search{min-width:unset}.global-search span,.global-search kbd{display:none}.kanban{gap:12px}.kanban-column{padding:10px}.kanban-task{padding:13px}.app-library,.role-grid,.stats{grid-template-columns:repeat(2,1fr)}.login-art{width:330px}.login-page{gap:5vw;padding:100px 35px}.login-card-art h2{font-size:19px}.login-brand{left:35px}.login-box{width:340px}}@media (width<=760px){aside{z-index:85;width:240px;transition:transform .22s;transform:translate(-100%)}aside.mobile-open{transform:translate(0)}.mobile-shade{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#091b4055;position:fixed;inset:0}main{margin-left:0;padding-bottom:65px}.mobile-toggle{display:inline-flex}.mobile-bottom{padding:7px 8px max(8px,env(safe-area-inset-bottom));height:calc(61px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);z-index:50;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 15px #1a345c04}.mobile-bottom>button{color:#a0adc3;background:0 0;border:0;flex-direction:column;gap:4px;min-width:55px;padding:0 12px;font-size:10px}.mobile-bottom>button.active{color:var(--blue)}.mobile-bottom>button.active svg{filter:drop-shadow(0 3px 4px #6480f12a)}header{gap:8px;height:60px;padding:0 14px}.header-crumb{gap:7px;font-size:11px}.header-crumb>span,.header-crumb>svg{display:none}.header-actions{gap:5px}.header-divider,.profile-button>span:last-child{display:none}.profile-button{margin-left:5px}.page{padding:20px 16px}.page-footer{padding:8px 17px;font-size:9px}.welcome-heading{align-items:flex-start;gap:10px;margin-bottom:20px}.welcome-heading h1{gap:8px;font-size:22px}.welcome-heading p{max-width:220px;font-size:10px}.breadcrumb-label{font-size:9px}.welcome-heading>.primary{width:34px;height:34px;margin-top:15px;padding:8px;font-size:0}.welcome-heading>.primary svg{width:18px}.office-banner{height:178px}.banner-copy{padding:24px 20px}.banner-copy h2{font-size:22px}.banner-copy p{max-width:185px;line-height:1.6}.banner-kicker{letter-spacing:.8px;font-size:8px}.banner-copy button{margin-top:17px;font-size:10px}.banner-art{opacity:.8;transform-origin:100%;right:-34px;scale:.8}.office-counts{grid-template-columns:repeat(4,1fr);gap:8px}.office-counts>button{flex-direction:column;align-items:flex-start;gap:7px;padding:12px 7px}.office-counts .app-icon{border-radius:9px;width:30px;height:31px}.office-counts .app-icon svg{width:18px}.office-counts small{font-size:9px}.office-counts b{font-size:22px}.office-counts em{font-size:9px}.quick-apps{grid-template-columns:repeat(4,1fr);row-gap:20px}.quick-apps .app-icon{border-radius:12px;width:43px;height:44px}.quick-apps b{font-size:11px}.card{margin-bottom:17px;padding:18px}.section-head{margin-bottom:16px}.section-head h2{font-size:14px}.home-two{grid-template-columns:1fr}.home-two .card{padding:18px}.home-two .business-summary>strong{font-size:27px}.home-two .mini-chart{height:100px}.home-side{grid-template-columns:1fr;gap:17px}.home-side>.card{padding:20px}.clock-display{font-size:43px}.attendance-widget{text-align:left;grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.attendance-widget>.section-head{grid-column:1/-1}.attendance-widget>.clock-display{grid-area:2/1}.attendance-widget>p{grid-area:3/1;margin:4px 0 0}.attendance-widget>.clock-button{grid-area:2/2;align-self:center;font-size:12px}.attendance-widget>.attendance-foot{grid-column:1/-1}.calendar-cells>button{width:36px;height:36px;font-size:12px}.calendar-cells>small{font-size:11px}.calendar-label{font-size:13px}.calendar-label input{width:120px;font-size:11px}.mini-agenda small{font-size:11px}.mini-agenda b,.notice-item b{font-size:12px}.notice-item small{font-size:10px}.page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading>.action-row{width:100%}.page-heading>button{font-size:11px}.stats{gap:10px}.metric{padding:18px 14px}.metric strong{font-size:23px}.metric-icon{width:25px;height:27px;top:15px;right:12px}.metric-icon svg{width:15px}.metric>span:not(.metric-icon){font-size:10px}.metric>small{font-size:9px}.stats.compact{grid-template-columns:repeat(2,1fr)}.toolbar{gap:8px}.searchbox{min-width:100%;max-width:none;font-size:12px}.toolbar>input,.toolbar>select{flex:1;min-width:100px;font-size:11px}.table-scroll{margin-left:-8px;margin-right:-8px}th{font-size:10px}td{padding:14px 11px;font-size:11px}.table-scroll .text-button{font-size:11px}.app-library{grid-template-columns:1fr 1fr;gap:10px}.app-library>button{align-items:flex-start;gap:9px;padding:13px 10px}.app-library>button>svg{display:none}.app-library .app-icon{border-radius:9px;width:33px;height:35px}.app-library .app-icon svg{width:20px}.app-library b{font-size:12px}.app-library small{font-size:9px}.room-grid,.people-grid,.project-grid,.records-grid{grid-template-columns:1fr;gap:15px}.studio-visual{height:180px}.studio-body{padding:20px}.week-grid{gap:5px}.week-grid>button{gap:6px;padding:12px 3px}.week-grid strong{font-size:20px}.week-grid small,.week-grid span{font-size:9px}.agenda-item{gap:10px;padding:14px 10px}.agenda-title b{font-size:12px}.agenda-item>div:first-child{font-size:11px}.agenda-item small{font-size:9px}.agenda-item>svg{display:none}.agenda-item .badge{padding:3px 5px;font-size:9px}.attendance-hero{gap:12px;padding:22px}.attendance-hero strong{font-size:30px}.attendance-hero>.primary{padding:11px;font-size:11px}.kanban{grid-template-columns:1fr;gap:17px}.kanban-column{min-height:160px;padding:14px}.kanban-task{padding:17px}.role-grid{grid-template-columns:1fr 1fr;gap:10px}.role-grid>div{padding:13px}.profile-hero{flex-wrap:wrap;gap:12px}.profile-hero>.avatar{width:40px;height:41px}.setting-row{align-items:flex-start;gap:14px}.setting-row>button{padding:9px 11px;font-size:11px}.setting-row p{font-size:11px}.overlay{align-items:flex-end;padding:12px}.dialog{overscroll-behavior:contain;border-radius:18px 18px 12px 12px;width:100%;max-height:90dvh;padding:20px;animation:.25s ease-out sheet-in}.dialog-head{margin-bottom:15px;padding-bottom:17px}.dialog-head h2{font-size:18px}.form-grid{grid-template-columns:1fr;gap:15px}.field.wide{grid-column:auto}.field input,.field select,.field textarea{font-size:16px}.field>span{font-size:12px}.detail-grid{gap:16px}.detail-grid b{font-size:12px}.detail-grid small{font-size:10px}.steps{gap:3px;font-size:9px}.steps span{width:25px;height:25px}.dialog-actions{background:var(--panel);z-index:2;padding-bottom:10px;position:sticky;bottom:-20px}.dialog-actions>button{flex:1;padding:12px}.dialog .action-row{gap:8px}.dialog .action-row>button{flex:1}.login-page{justify-content:center;align-items:center;padding:120px 25px 80px;display:flex}.login-art{display:none}.login-brand{gap:10px;top:35px;left:25px}.login-brand>span:last-child{display:none}.login-box{width:100%;max-width:380px}.login-box h1{font-size:27px}.login-box>p{font-size:13px}.login-box input{font-size:16px}.login-help{font-size:12px}.login-footer{font-size:10px}.greeting-sun svg{width:21px}.page-heading .action-row input,.page-heading .action-row select{flex:1;font-size:12px}.page-heading .action-row a{font-size:11px}.global-search{padding:8px}.toast-stack{max-width:94vw;top:12px}.toast{font-size:12px}.error{align-items:flex-start}.search-results>button{padding:15px 8px}.command-input input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.attachments{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.attachments .section-head{margin-bottom:10px}.attachments h3{align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.attachments h3 small{color:var(--muted)}.attachments>p{font-size:12px}.upload-button{color:var(--blue);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex;position:relative;overflow:hidden}.upload-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.attachment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.attachment-list>a{background:var(--soft);border:1px solid var(--line);color:#8ca2c4;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.attachment-list>a>span{flex:1;min-width:0}.attachment-list b{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;display:block;overflow:hidden}.attachment-list small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.nav-list>button{font-size:14px}.section-head h2{font-size:16px}.home-side .section-head h2{font-size:14px}.quick-apps b,.office-counts small{font-size:12px}.welcome-heading p,.page-heading p{font-size:13px}.todo-list b,.approval-list b{font-size:14px}.todo-list small,.approval-list small,.text-button,.home-side .quiet-empty{font-size:12px}.notice-item b{font-size:13px}.notice-item small{font-size:12px}.mini-agenda b{font-size:13px}.mini-agenda small,.calendar-cells>button,.calendar-cells>small,.team-intro>span,.dept-list>div>div:first-child,.business-summary>small,.business-summary>span{font-size:12px}.tabs>button{font-size:14px}.table-note,.cell-main small{font-size:12px}.field>span,.empty>strong{font-size:14px}.empty p{font-size:12px}.record-excerpt{font-size:14px}.record-footer{font-size:12px}.person>p{font-size:13px}.app-library b{font-size:14px}.app-library small,.badge,.person-footer>span{font-size:12px}.kanban-task>p{font-size:13px}.task-title,.metric>span:not(.metric-icon){font-size:14px}.metric>small{font-size:12px}table{font-size:14px}th,.header-crumb,.global-search,.stats.compact small,.detail-grid small{font-size:12px}.detail-grid b,.dialog-actions>button{font-size:14px}@media (width<=760px){.attachment-list{grid-template-columns:1fr}.office-counts small{font-size:11px}.quick-apps b,.welcome-heading p{font-size:12px}.home-two .section-head h2{font-size:15px}.metric>span:not(.metric-icon){font-size:12px}.metric>small,.badge{font-size:11px}td{font-size:13px}.app-library small{font-size:10px}.app-library b{font-size:12px}.card .section-head h2{font-size:15px}}.decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:20px;display:grid}.home-widget{min-width:0}.decoration-grid>.size-full{grid-column:1/-1}.home-widget>.card,.home-widget>.office-banner,.home-widget>.office-counts{height:100%;margin-bottom:0}.home-widget.widget-banner>.office-banner{height:190px}.home-side>.home-widget{margin-bottom:20px}.decorated-home.no-side{grid-template-columns:1fr}.decorated-home.no-side>.home-side{display:none}.decorator-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;font-size:12px;display:flex}.decorator-status>.action-row{margin-left:auto}.decorator-status button{padding:8px 10px;font-size:12px}.decorator-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.decorator-canvas{-webkit-user-select:none;user-select:none;min-height:650px}.decorator-zones{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.decorator-zone{background:var(--soft);border:1px dashed #bac7df;border-radius:12px;min-height:550px;padding:12px}.decorator-zone h3{color:var(--muted);margin:4px 3px 14px;font-size:12px}.decorator-block{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:3px;min-height:76px;margin-bottom:10px;padding:7px;transition:box-shadow .15s,border-color .15s,opacity .15s;display:flex;box-shadow:0 3px 8px #23436906}.decorator-block.selected{border-color:#9aaff3;box-shadow:0 0 0 2px #5377eb10}.decorator-block.dragging{opacity:.35}.drop-target{outline:2px dashed var(--blue);outline-offset:2px}.hidden-widget{opacity:.55}.drag-handle{cursor:grab;touch-action:none;color:#a1adc2;background:0 0;border:0;padding:6px 2px}.drag-handle:active{cursor:grabbing}.decorator-block-title{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;padding:7px 3px}.decorator-block-title b{overflow-wrap:anywhere;font-size:13px}.decorator-block-title small{color:var(--muted);font-size:10px}.decorator-block>.icon-button{width:24px;height:28px;padding:3px}.decorator-inspector .field{margin:14px 0}.decorator-inspector .field input[type=color]{height:40px;padding:4px}.decorator-toggle{cursor:pointer;align-items:center;gap:9px;margin:12px 0;font-size:12px;display:flex}.decorator-toggle input{accent-color:var(--blue);width:16px;height:16px}.decorator-inspector p{font-size:12px}.decorator-preview{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-top:20px;padding:18px;overflow:auto}.decorator-preview.preview-mobile{width:390px;max-width:100%;margin-left:auto;margin-right:auto}.preview-mobile .home-layout,.preview-mobile .decoration-grid{display:block}.preview-mobile .home-widget{margin-bottom:16px}.preview-mobile .quick-apps{grid-template-columns:repeat(4,1fr)}.preview-mobile .home-side{display:block}.preview-mobile .welcome-heading h1{font-size:20px}.preview-mobile .banner-art{opacity:.25}.preview-mobile .welcome-heading>.primary{display:none}.decorator-preview .home-layout{grid-template-columns:1fr}.decorator-preview .home-side{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.decorator-preview.preview-mobile .home-side{display:block}.decorator-preview .welcome-heading>button{display:none}@media (width<=1200px){.decorator-layout{grid-template-columns:1fr}.decorator-inspector{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.decorator-canvas{min-height:0}.decorator-zone{min-height:250px}}@media (width<=1050px){.home-side>.home-widget{margin-bottom:0}.home-widget.widget-banner>.office-banner{height:190px}}@media (width<=760px){.decoration-grid{grid-template-columns:1fr;gap:17px}.decoration-grid>.size-half{grid-column:1/-1}.home-widget.widget-banner>.office-banner{height:178px}.decorator-zones{grid-template-columns:1fr}.decorator-inspector{display:block}.decorator-status>.action-row{margin-left:0}.decorator-block{min-height:70px}.decorator-preview .home-side{grid-template-columns:1fr}.home-side>.home-widget{margin-bottom:0}.decorator-canvas .section-head{flex-direction:column;align-items:flex-start}}.decorated-home.no-main{grid-template-columns:1fr}.decorated-home.no-main>.home-main{display:none}:root{--blue:#2657d9;--ink:#17233c;--muted:#72809a;--line:#e7ebf3;--panel:#fff;--bg:#f5f8ff;--soft:#eef3fb;--hover:#eaf1ff;--sidebar:#fff;--shadow:0 14px 42px #2244820e}.motion-root{min-height:100vh}body{background:radial-gradient(circle at 84% 7%,#e9edff 0,transparent 31%),radial-gradient(circle at 8% 91%,#e9f8ef 0,transparent 28%),var(--bg)}.app{background:0 0}aside{border-right:1px solid var(--line);color:var(--ink);background:#fffffff0;box-shadow:5px 0 36px #22448206}.brand{color:var(--ink);letter-spacing:-.03em}.brand small{color:#96a2b9;letter-spacing:.16em}.brand-symbol{background:#2557d8;border-radius:12px;box-shadow:0 7px 18px #2657d930}.workspace-switch{background:#f7f9ff;border-color:#e7ecf5}.workspace-switch small,.workspace-switch>svg{color:#8a98af}.nav-label{color:#a3adc0}.nav-list>button{color:#60718d;border-radius:12px;transition:background .2s,color .2s,transform .2s}.nav-list>button:hover{color:#244fc0;background:#eef3ff;transform:translate(3px)}.nav-list>button.active{color:#1d4fcc;box-shadow:none;background:#e8efff;font-weight:700}.nav-list>button.active:before{background:#3165e3;width:3px;top:11px;bottom:11px}.sidebar-user{color:#263756;border-top-color:var(--line)}.sidebar-user:hover{color:#1745ae}.sidebar-user small,.sidebar-user>svg{color:#8996ad}.connection{color:#7484a0}header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffc;height:74px}.header-crumb b{font-weight:700}.page{max-width:1600px;padding:30px clamp(18px,3.2vw,52px) 34px;animation:none}.page-footer{max-width:1600px}.page-heading h1,.welcome-heading h1{letter-spacing:-.045em;color:var(--ink)}.page-heading h1{font-size:29px}.welcome-heading p,.page-heading p{color:var(--muted)}.card{box-shadow:var(--shadow);border-color:#e9eef7;border-radius:20px;padding:24px}.section-head h2{letter-spacing:-.025em;font-weight:700}.stats{gap:14px}.stats>*{border-radius:18px}.office-banner{background:linear-gradient(105deg,#eaf2ff 0%,#f4f8ff 55%,#eef9f3 100%);border-color:#e5ecf8;border-radius:24px;min-height:190px}.office-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#bed3ff88,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-75px;right:-48px}button{border-radius:12px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}button:hover{border-color:#cbd9f5}.primary{background:#2457d8;border-color:#2457d8;box-shadow:0 8px 18px #2657d921}.primary:hover{background:#174ac8;border-color:#174ac8;box-shadow:0 11px 22px #2657d92d}input,select,textarea{background:#fbfcff;border-color:#e1e8f3;border-radius:12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#7295e9;outline:none;box-shadow:0 0 0 4px #3265dd16}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #3265dd}.login-page{background:radial-gradient(circle at 11% 15%,#dce8ff 0,#0000 27%),radial-gradient(circle at 92% 83%,#e3f7e7 0,#0000 28%),#f7f9ff}.login-brand>b,.login-box h1{color:var(--ink)}.login-box h1{letter-spacing:-.05em;font-size:34px}.login-box>p{color:var(--muted);font-size:13px}.login-box{background:#fff;border:1px solid #e6ecf6;border-radius:24px;padding:34px;box-shadow:0 25px 70px #2c508414}.login-box input{color:var(--ink);background:#f9fbff;border-color:#dfe8f5;border-radius:12px}.login-card-art{background:linear-gradient(140deg,#fff,#edf4ff 68%,#eaf8f0);box-shadow:20px 30px 60px #718ca528}.login-orbit{border-color:#d8e5fc}[data-theme=dark]{--blue:#8ba9ff;--ink:#e5edff;--muted:#9baac4;--line:#2e3c55;--panel:#1b2b44;--bg:#142138;--soft:#21344f;--hover:#2d4263;--sidebar:#18263c;--shadow:0 15px 40px #0002}[data-theme=dark] body{background:var(--bg)}[data-theme=dark] aside{border-right-color:var(--line);background:#18263c}[data-theme=dark] header{background:#1b2b44dc}[data-theme=dark] .workspace-switch{background:#22344f;border-color:#334663}[data-theme=dark] .nav-list>button{color:#b6c5df}[data-theme=dark] .nav-list>button:hover,[data-theme=dark] .nav-list>button.active{color:#e7efff;background:#2c4268}[data-theme=dark] .card{border-color:#2f405e}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#21344f;border-color:#374967}[data-theme=dark] .office-banner{background:linear-gradient(105deg,#263d64,#253d55)}[data-theme=dark] .login-box{background:#1b2b44;border-color:#344763}[data-theme=dark] .login-box input{color:#e5edff;background:#21344f;border-color:#3c5070}@media (width<=800px){.page{padding:20px 16px 30px}.card{border-radius:16px;padding:18px}.login-box{padding:24px}.office-banner{min-height:160px}}@media (prefers-reduced-motion:reduce){button,.nav-list>button,input,select,textarea{transition:none!important}}.device-management>.muted{margin:-5px 0 22px;line-height:1.7}.device-controls{flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:22px;display:flex}.device-controls label{color:var(--muted);gap:8px;font-size:12px;display:grid}.device-controls select{min-width:210px}.device-controls input{width:110px}.device-controls button{align-items:center;gap:8px;min-height:42px;display:inline-flex}.device-modules-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0 14px;display:flex}.device-modules-heading>span{color:var(--muted);font-size:12px}.device-modules{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;display:grid}.device-modules label{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:15px 12px;transition:border-color .2s,background .2s;display:flex}.device-modules label.enabled{border-color:var(--blue);background:var(--blue-soft,#f0f5ff)}.device-modules label>span{gap:6px;display:grid}.device-modules label b{font-size:13px;font-weight:600}.device-modules label small{color:var(--muted);font-size:11px}.device-modules input{accent-color:var(--blue);flex-shrink:0;width:16px;height:16px}.device-list{gap:10px;margin-top:20px;display:grid}.device-list article{border:1px solid var(--line);background:var(--soft);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.device-list article>div{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.device-list small{width:100%;color:var(--muted);overflow-wrap:anywhere;line-height:1.7;display:block}.device-list code{word-break:break-all;font-size:12px}.device-list article>button{flex-shrink:0}.device-active{color:#16865f}.device-disabled{color:#b65b5b}.device-notice{color:#16865f;align-items:center;gap:8px;font-size:13px;line-height:1.6;display:flex}.mobile-feature-permissions{margin-top:22px}.mobile-inherit-control{border:1px solid var(--line);background:var(--soft);border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.mobile-inherit-control>input{width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}.mobile-inherit-control>span{gap:5px;display:grid}.mobile-inherit-control b{font-size:13px}.mobile-inherit-control small,.mobile-permission-note{color:var(--muted);font-size:12px;line-height:1.7}.mobile-permission-note{margin:12px 0}.mobile-permission-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}@media (width<=650px){.device-controls{grid-template-columns:1fr 100px;align-items:end;display:grid}.device-controls>button{grid-column:1/-1;justify-content:center}.device-controls select,.device-controls input{width:100%;min-width:0}.device-list article{flex-direction:column;align-items:start}.device-list article>button{width:100%}.device-modules{grid-template-columns:1fr}.device-list article>div{width:100%}.mobile-permission-actions>button{flex:1;min-width:140px}.device-modules-heading{align-items:baseline;gap:12px}.device-modules-heading>span{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.device-modules label{transition:none}}html.ocean-ui[data-theme=light]{--blue:color-mix(in srgb,var(--ocean-accent) 50%,#061d16)}html.ocean-ui .office-counts>button{flex-direction:column;align-items:flex-start;gap:8px}html.ocean-ui .office-counts>button>span:nth-child(2){width:100%;min-width:0}html.ocean-ui .office-counts>button .app-icon{width:30px;height:30px;position:absolute;top:18px;right:14px}html.ocean-ui .office-counts>button small{white-space:nowrap;font-size:12px;display:block}html.ocean-ui .office-counts>button>svg{position:absolute;bottom:20px;right:16px}html.ocean-ui,html.ocean-ui[data-theme=light]{--ocean-accent:#2aa9e8;--blue:var(--ocean-accent);--ink:#17211d;--muted:#52675d;--line:#cad7d0;--panel:#f6faf8;--bg:#e9efec;--soft:#e0e9e4;--sidebar:#f3f8f5;--hover:#dce9e2;--glass:linear-gradient(145deg,#fffc,#edf4f0d9);--shadow:0 12px 38px #19382a0a;color:var(--ink);background:var(--bg);font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-size:14px}html.ocean-ui[data-theme=dark]{--ink:#f5f7f6;--muted:#a0b1a8;--line:#afc7bc29;--panel:#0b110f;--bg:#050706;--soft:#131b17;--sidebar:#0b110f;--hover:#1b2a23;--glass:linear-gradient(145deg,#17211de8,#0b110feb);--shadow:0 12px 42px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg)}html.ocean-ui[data-accent=emerald]{--ocean-accent:#2bd99f}html.ocean-ui[data-accent=iris]{--ocean-accent:#9d7cff}html.ocean-ui[data-accent=amber]{--ocean-accent:#efa846}html.ocean-ui[data-accent=sakura]{--ocean-accent:#ed72a8}html.ocean-ui body{background:var(--bg)}html.ocean-ui .app{background:radial-gradient(ellipse at 70% 0,color-mix(in srgb,var(--blue) 7%,transparent),transparent 50%);min-height:100dvh}html.ocean-ui .app>aside{background:var(--glass);color:var(--ink);border:1px solid var(--line);width:220px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;padding:24px 14px 14px;inset:16px auto 16px 16px}html.ocean-ui .app>main{flex:1;min-width:0;margin-left:252px}html.ocean-ui .app>main>header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;height:76px;position:sticky;top:0}html.ocean-ui .brand{padding:0 7px 22px;font-size:18px}html.ocean-ui .brand-symbol{border:1px solid var(--line);color:var(--ink);background:linear-gradient(140deg,#b9d3c622,#738f8133);border-radius:13px;font-size:20px;box-shadow:inset 0 1px #fff2}html.ocean-ui .brand small,html.ocean-ui .workspace-switch small,html.ocean-ui .workspace-switch>svg,html.ocean-ui .nav-label,html.ocean-ui .connection,html.ocean-ui .sidebar-user small{color:var(--muted)}html.ocean-ui .workspace-switch{background:var(--soft);border:1px solid var(--line);border-radius:13px}html.ocean-ui .workspace-icon{background:var(--panel);color:var(--blue)}html.ocean-ui .nav-label{padding-top:20px;font-size:11px}html.ocean-ui .nav-list{scrollbar-color:var(--line) transparent}html.ocean-ui .nav-list>button{color:var(--muted);border:1px solid #0000;border-radius:11px;padding:11px 12px;font-size:13px}html.ocean-ui .nav-list>button:hover{color:var(--ink);background:var(--hover)}html.ocean-ui .nav-list>button.active{color:var(--ink);background:linear-gradient(110deg,color-mix(in srgb,var(--blue) 18%,var(--panel)),var(--soft));border-color:color-mix(in srgb,var(--blue) 38%,var(--line));box-shadow:inset 0 1px #ffffff14}html.ocean-ui .nav-list>button.active:before{background:var(--blue);width:2px;left:-1px}html.ocean-ui .nav-list>button.active svg{color:var(--blue)}html.ocean-ui .sidebar-user{color:var(--ink);border-color:var(--line)}html.ocean-ui .sidebar-user:hover{color:var(--ink)}html.ocean-ui .page{max-width:1700px;margin:0 auto;padding:28px 30px}html.ocean-ui .page-heading,html.ocean-ui .welcome-heading{margin-bottom:26px}html.ocean-ui .page-heading h1,html.ocean-ui .welcome-heading h1{letter-spacing:-.8px;font-size:clamp(24px,2.1vw,32px);font-weight:600}html.ocean-ui .page-heading p,html.ocean-ui .welcome-heading p{color:var(--muted);font-size:13px}html.ocean-ui .breadcrumb-label,html.ocean-ui .header-crumb,html.ocean-ui .eyebrow{color:var(--muted)}html.ocean-ui .welcome-heading .greeting-sun{color:var(--blue)}html.ocean-ui button,html.ocean-ui .button{background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 75%,var(--soft)),var(--panel));border:1px solid var(--line);color:var(--ink);border-radius:12px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0d}html.ocean-ui button:hover{background:var(--hover);border-color:color-mix(in srgb,var(--blue) 45%,var(--line))}html.ocean-ui button:disabled{transform:none}html.ocean-ui .primary,html.ocean-ui .primary:hover,html.ocean-ui .clock-button{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 32%,var(--panel)),color-mix(in srgb,var(--blue) 15%,var(--panel)));color:var(--ink);border-color:color-mix(in srgb,var(--blue) 65%,var(--line));box-shadow:inset 0 1px #fff2,0 6px 18px #0001}html.ocean-ui .primary:hover{box-shadow:inset 0 1px 0 #fff3,0 6px 22px color-mix(in srgb,var(--blue) 15%,transparent)}html.ocean-ui .danger,html.ocean-ui .danger:hover{color:#fff;background:#863c4f;border-color:#bb6a7e}html.ocean-ui .text-button,html.ocean-ui .text-button:hover{color:var(--blue);box-shadow:none;background:0 0;border:0}html.ocean-ui .icon-button{box-shadow:none;background:0 0}html.ocean-ui .header-crumb b,html.ocean-ui .profile-button,html.ocean-ui .global-search{color:var(--ink)}html.ocean-ui .global-search{background:var(--soft);border:1px solid var(--line);border-radius:11px}html.ocean-ui .global-search kbd{background:var(--panel);color:var(--muted);border-color:var(--line)}html.ocean-ui input,html.ocean-ui select,html.ocean-ui textarea,html.ocean-ui .searchbox{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:11px}html.ocean-ui input::placeholder,html.ocean-ui textarea::placeholder{color:var(--muted);opacity:.8}html.ocean-ui input[type=checkbox]{accent-color:var(--blue)}html.ocean-ui :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--blue);outline-offset:3px}html.ocean-ui .card,html.ocean-ui .metric,html.ocean-ui .connection-card,html.ocean-ui .desktop-device-card,html.ocean-ui .room-card,html.ocean-ui .person,html.ocean-ui .project-card,html.ocean-ui .record-card,html.ocean-ui .kanban-column{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px}html.ocean-ui .section-head{border-color:var(--line)}html.ocean-ui .section-head h2{color:var(--ink);font-weight:600}html.ocean-ui .metric-icon,html.ocean-ui .empty-icon{background:var(--soft);color:var(--blue)}html.ocean-ui .tabs{border-color:var(--line)}html.ocean-ui .tabs>button{box-shadow:none;background:0 0}html.ocean-ui .tabs>button.active{color:var(--blue);border-bottom-color:var(--blue)}html.ocean-ui .office-banner{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--workbench-accent,var(--ocean-accent)) 14%,transparent),transparent 55%),linear-gradient(120deg,var(--panel),var(--soft));border:1px solid var(--line);border-radius:22px}html.ocean-ui .banner-copy h2{color:var(--ink);font-size:27px;font-weight:550}html.ocean-ui .banner-copy p,html.ocean-ui .banner-kicker{color:var(--muted)}html.ocean-ui .banner-kicker>span{background:var(--workbench-accent,var(--ocean-accent))}html.ocean-ui .banner-copy button{color:var(--ink);background:var(--soft);border:1px solid var(--line)}html.ocean-ui .banner-art{opacity:.8}html.ocean-ui .art-window{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(140deg,#e7fff320,#83b0a322);border-color:#bddacf45;box-shadow:0 14px 36px #0002}html.ocean-ui .art-window-head{border-color:#c7e6d82a}html.ocean-ui .art-chip{background:var(--soft);color:var(--blue);border-color:var(--line)}html.ocean-ui .office-counts{gap:14px}html.ocean-ui .office-counts>button{isolation:isolate;background:var(--panel);min-height:126px;color:var(--ink);--material-a:#27e8df;--material-b:#17346f;border:1px solid #bce4d333;border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 12px 32px #0001}html.ocean-ui .office-counts>button:nth-child(2){--material-a:#ff8849;--material-b:#aa49ff}html.ocean-ui .office-counts>button:nth-child(3){--material-a:#9d7cff;--material-b:#2bd99f}html.ocean-ui .office-counts>button:nth-child(4){--material-a:#f4f8f6;--material-b:#8d9996}html.ocean-ui .office-counts>button:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 40%,var(--material-a),transparent 45%),radial-gradient(ellipse at 70% 65%,var(--material-b),transparent 50%);filter:blur(25px);opacity:.26;position:absolute;inset:-70%;transform:rotate(-15deg)}html.ocean-ui .office-counts b{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}html.ocean-ui .office-counts small,html.ocean-ui .office-counts em{color:var(--ink)}html.ocean-ui .office-counts .app-icon{color:var(--ink);background:#ffffff12;border:1px solid #ffffff25;box-shadow:inset 0 1px #fff2}html.ocean-ui .quick-apps>button{box-shadow:none;background:0 0;border-color:#0000;border-radius:14px}html.ocean-ui .quick-apps>button:hover{background:var(--hover);border-color:var(--line)}html.ocean-ui .app-icon{border:1px solid #ffffff1c;box-shadow:inset 0 1px #fff2}html.ocean-ui .app-library>button{background:var(--glass);border:1px solid var(--line);border-radius:16px}html.ocean-ui .app-library small,html.ocean-ui .todo-list small,html.ocean-ui .approval-list small,html.ocean-ui .notice-item small,html.ocean-ui .mini-agenda small,html.ocean-ui .team-intro>span,html.ocean-ui .business-summary>small,html.ocean-ui .business-summary>span{color:var(--muted)}html.ocean-ui[data-theme=dark] :is(.tint-0,.tint-1,.tint-2,.tint-3,.tint-4,.tint-5,.tint-6,.tint-7){color:#c7eddb;background:#b5d9c718}html.ocean-ui[data-theme=dark] .tint-2{color:#c7b6f8;background:#9d7cff22}html.ocean-ui[data-theme=dark] .tint-4{color:#ebca9a;background:#efa84622}html.ocean-ui[data-theme=dark] .tint-6{color:#8fceee;background:#2aa9e822}html.ocean-ui .todo-list>div,html.ocean-ui .approval-list>button,html.ocean-ui .notice-item,html.ocean-ui .calendar-label,html.ocean-ui .dept-list,html.ocean-ui .attendance-foot,html.ocean-ui .schedule-caption,html.ocean-ui .dialog-head,html.ocean-ui .dialog-actions{border-color:var(--line)}html.ocean-ui .todo-list b,html.ocean-ui .approval-list b,html.ocean-ui .notice-item b,html.ocean-ui .calendar-label b,html.ocean-ui .mini-agenda b,html.ocean-ui .business-summary>strong,html.ocean-ui .clock-display{color:var(--ink)}html.ocean-ui .task-check{border-color:var(--line);background:var(--soft)}html.ocean-ui .calendar-cells>button{box-shadow:none;background:0 0}html.ocean-ui .calendar-cells>button.selected{background:color-mix(in srgb,var(--blue) 30%,var(--panel));color:var(--ink);border-color:var(--blue)}html.ocean-ui .progress-track{background:var(--soft)}html.ocean-ui .table-scroll{border-radius:14px}html.ocean-ui th{background:var(--soft);color:var(--muted)}html.ocean-ui th,html.ocean-ui td{border-color:var(--line)}html.ocean-ui tr:hover td{background:var(--hover)}html.ocean-ui .badge{border:1px solid var(--line)}html.ocean-ui[data-theme=dark] .badge{color:var(--ink);background:#adcbbb16}html.ocean-ui[data-theme=dark] .status-live{color:#6fe3b5;background:#2bd99f20}html.ocean-ui[data-theme=dark] :is(.status-rejected,.status-cancelled){color:#f3a6b7;background:#de6e8622}html.ocean-ui .overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0008}html.ocean-ui .dialog{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;box-shadow:0 30px 100px #0006}html.ocean-ui .dialog-actions{background:var(--panel)}html.ocean-ui .toast{background:var(--panel);color:var(--ink);border:1px solid var(--line)}html.ocean-ui .error{color:#d78497;background:#9c4b5c22;border:1px solid #c9768955}html.ocean-ui[data-theme=light] .error{color:#9d364b}html.ocean-ui .empty>strong,html.ocean-ui .field>span{color:var(--ink)}html.ocean-ui .empty p,html.ocean-ui .field small{color:var(--muted)}html.ocean-ui .login-page{background:radial-gradient(ellipse at 25% 40%,#2aa9e814,transparent 48%),var(--bg)}html.ocean-ui .login-card-art{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(140deg,#b6dfd320,#688f8422);border-radius:32px;box-shadow:inset 0 1px #fff2,0 30px 70px #0003}html.ocean-ui .login-card-art h2,html.ocean-ui .login-box h1{color:var(--ink)}html.ocean-ui .login-card-art p,html.ocean-ui .login-box>p,html.ocean-ui .login-footer,html.ocean-ui .login-hint{color:var(--muted)}html.ocean-ui .login-orbit{border-color:var(--line)}html.ocean-ui .login-art-icon,html.ocean-ui .login-star{color:var(--blue)}html.ocean-ui .login-art-apps>span{border:1px solid var(--line);color:var(--ink);background:#bbcfc022}html.ocean-ui .login-box{border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow);border-radius:24px;padding:30px}html.ocean-ui .login-box input{background:var(--panel);border:1px solid var(--line)}html.ocean-ui .login-brand>span:last-child{color:var(--muted)}html.ocean-ui .ocean-appearance h3{align-items:center;gap:8px;display:flex}html.ocean-ui .ocean-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}html.ocean-ui .ocean-swatches button{flex-direction:column;gap:8px;padding:13px 4px;font-size:11px}html.ocean-ui .ocean-swatches button.selected,html.ocean-ui .ocean-options button[aria-pressed=true]{border-color:var(--blue);background:var(--hover)}html.ocean-ui .ocean-swatches i{background:var(--swatch);color:#061410;width:29px;height:29px;box-shadow:0 0 22px color-mix(in srgb,var(--swatch) 25%,transparent);border-radius:50%;place-items:center;display:grid}html.ocean-ui .ocean-options{gap:10px;display:flex}html.ocean-ui .ocean-material-preview{border:1px solid var(--line);background:var(--bg);perspective:500px;border-radius:16px;justify-content:center;gap:0;min-height:120px;padding:20px;display:flex;overflow:hidden}html.ocean-ui .ocean-material-preview>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(130deg,#ffffff40,#ffffff08 50%,#2aa9e825);border:1px solid #ffffff4a;border-radius:14px;width:70px;height:85px;margin:0 -8px;transform:rotateY(-18deg)rotate(-8deg);box-shadow:inset 0 1px #fff4,0 9px 20px #0003}html.ocean-ui .ocean-material-preview>div:nth-child(2){z-index:1;transform:translateY(-9px)}html.ocean-ui .ocean-material-preview>div:nth-child(3){transform:rotateY(18deg)rotate(8deg)}html.ocean-ui .mobile-bottom{background:var(--panel);border-color:var(--line)}html.ocean-ui .mobile-bottom button{color:var(--muted);box-shadow:none;background:0 0}html.ocean-ui .mobile-bottom button.active{color:var(--blue)}html.ocean-ui .page-footer{color:var(--muted);border-color:var(--line)}html.ocean-ui[data-material=solid] :is(.card,.dialog,.metric,.app>aside,.login-box,.connection-card,.desktop-device-card){background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){html.ocean-ui:not([data-motion=reduce]) .office-counts>button:hover{transform:perspective(600px)rotateX(3deg)translateY(-3px)}html.ocean-ui:not([data-motion=reduce]) .office-counts>button:hover:before{animation:12s ease-in-out infinite alternate ocean-liquid}@keyframes ocean-liquid{to{transform:translate(8%,-6%)rotate(32deg)}}}@media (width<=1200px){html.ocean-ui .app>aside{width:200px;inset:12px auto 12px 12px}html.ocean-ui .app>main{margin-left:224px}html.ocean-ui .page{padding:24px}html.ocean-ui .office-counts{grid-template-columns:repeat(2,minmax(0,1fr))}html.ocean-ui .office-counts>button{min-height:110px}html.ocean-ui .home-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=1000px){html.ocean-ui .home-layout{grid-template-columns:1fr}html.ocean-ui .home-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}html.ocean-ui .home-side>.home-widget{margin:0}html.ocean-ui .office-counts{grid-template-columns:repeat(4,minmax(0,1fr))}html.ocean-ui .office-counts>button{gap:10px;padding:16px 12px}html.ocean-ui .office-counts .app-icon{display:none}}@media (width<=760px){html.ocean-ui .app>aside{border-radius:0 24px 24px 0;width:240px;inset:0 auto 0 0}html.ocean-ui .app>main{margin-left:0}html.ocean-ui .page{padding:20px 16px 80px}html.ocean-ui .app>main>header{height:62px}html.ocean-ui .home-side{display:block}html.ocean-ui .home-side>.home-widget{margin-bottom:16px}html.ocean-ui .office-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html.ocean-ui .office-counts>button{flex-direction:row;min-height:115px;padding:16px}html.ocean-ui .office-counts b{font-size:30px}html.ocean-ui .office-counts small{font-size:12px}html.ocean-ui .office-counts .app-icon{width:32px;height:32px;display:grid}html.ocean-ui .office-counts>button>svg{display:none}html.ocean-ui .card,html.ocean-ui .metric{border-radius:18px;padding:18px}html.ocean-ui .decoration-grid{grid-template-columns:1fr}html.ocean-ui .decoration-grid>.home-widget{grid-column:1/-1}html.ocean-ui .login-page{padding:120px 16px 70px}html.ocean-ui .login-box{padding:26px 22px}html.ocean-ui .dialog{border-radius:22px;max-height:90dvh;padding:20px}html.ocean-ui .welcome-heading{gap:14px}html.ocean-ui .welcome-heading h1{font-size:25px}html.ocean-ui .page-heading h1{font-size:26px}html.ocean-ui .mobile-bottom button{min-height:48px}html.ocean-ui .field input,html.ocean-ui .field select,html.ocean-ui .field textarea{font-size:16px}html.ocean-ui .quick-apps>button,html.ocean-ui .ocean-swatches button{min-height:76px}}@media (prefers-reduced-motion:reduce){html.ocean-ui *,html.ocean-ui :before,html.ocean-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html.ocean-ui[data-motion=reduce] *,html.ocean-ui[data-motion=reduce] :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}html.ocean-ui{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}html.ocean-ui .page-heading h1{letter-spacing:-.04em;font-size:28px;font-weight:650}html.ocean-ui .page-heading small,.guard-center-head>div>small{letter-spacing:.1em;color:var(--blue);font:10px ui-monospace,monospace}html.ocean-ui .app>aside{border-radius:24px;box-shadow:inset 0 1px #ffffff0a,0 22px 56px #0003}html.ocean-ui .app>aside nav button{border-radius:14px;min-height:44px;font-size:14px;font-weight:400}html.ocean-ui .app>aside nav button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 14%,var(--panel)),var(--soft));box-shadow:inset 3px 0 var(--blue);border:1px solid var(--line)}html.ocean-ui button{font-weight:450;transition:background .2s,border-color .2s,transform .2s;box-shadow:inset 0 1px #ffffff0a}html.ocean-ui .primary{background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 16%,var(--panel)),var(--soft));border-color:color-mix(in srgb,var(--blue) 40%,var(--line));color:var(--ink)}html.ocean-ui .card{background:linear-gradient(145deg,#ffffff06,transparent 34%),var(--panel);border-radius:24px}html.ocean-ui .office-counts>button{color:#f5f7f6;background:linear-gradient(135deg,#10252b 2%,#174d5d 50%,#0bbbc4);border-color:#6aebef6b;border-radius:26px;min-height:148px;box-shadow:0 16px 35px #00a4b72e}html.ocean-ui .office-counts>button:nth-child(2){background:linear-gradient(135deg,#25233c,#6148bb 46%,#f59a78);border-color:#ecbfe65c}html.ocean-ui .office-counts>button:nth-child(3){background:linear-gradient(135deg,#13222b,#173b72 52%,#315ad9);border-color:#48b8f176}html.ocean-ui .office-counts>button:nth-child(4){background:linear-gradient(135deg,#1b201f,#596460 48%,#b9c4c0);border-color:#e1ede861}html.ocean-ui .office-counts>button:before{filter:blur(8px);opacity:.65;animation:11s ease-in-out infinite alternate reference-fluid;inset:-35%}html.ocean-ui .office-counts b{letter-spacing:0;font:500 40px/1 ui-monospace,monospace}html.ocean-ui .office-counts :is(small,em){color:#f5f7f6cc}html.ocean-ui .office-counts>button>svg{color:#f5f7f6aa}.ocean-feature-stage{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff06,transparent 34%),var(--panel);box-shadow:var(--shadow);border-radius:24px;margin:0 0 20px;overflow:hidden}.ocean-feature-stage>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.ocean-feature-stage header span{letter-spacing:.1em;color:var(--muted);font:9px ui-monospace,monospace}.ocean-feature-stage h2{margin:7px 0 0;font-size:18px;font-weight:550}.ocean-feature-stage header button{font-size:12px}.ocean-stage-body{grid-template-columns:220px minmax(0,1fr);min-height:360px;display:grid}.ocean-stage-queue{border-right:1px solid var(--line);align-content:center;gap:8px;padding:20px 12px;display:grid}.ocean-stage-queue>small{color:var(--muted);padding:0 12px 10px}.ocean-stage-queue button{text-align:left;background:0 0;border-color:#0000;gap:10px;min-height:49px;padding:10px;display:flex}.ocean-stage-queue button[aria-pressed=true]{border:1px solid var(--line);background:var(--soft);color:var(--blue)}.ocean-stage-queue button>span{flex:1;font-size:13px}.ocean-stage-queue button small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.ocean-carousel{perspective:950px;background:radial-gradient(ellipse at 58% 74%,color-mix(in srgb,var(--blue) 17%,transparent),transparent 38%);min-width:0;position:relative;overflow:hidden}.ocean-grid-plane{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.25;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35% 78%,#0000);mask-image:linear-gradient(#0000,#000 35% 78%,#0000)}.ocean-deck-card{text-align:center;width:128px;height:218px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(calc(var(--offset)*77px)) translateY(calc(var(--offset)*var(--offset)*10px)) rotateY(calc(var(--offset)*-18deg)) scale(calc(1 - var(--offset)*var(--offset)*.065));background:linear-gradient(145deg,#ecf7ef38,#95a39d14);border:1px solid #ffffff5c;border-radius:15px;flex-direction:column;padding:14px;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .3s;display:flex;position:absolute;top:52px;left:calc(50% - 64px);box-shadow:0 20px 35px #0004}.ocean-deck-card.selected{border-color:var(--blue);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 38%,var(--panel)),var(--panel));box-shadow:0 24px 45px color-mix(in srgb,var(--blue) 18%,transparent),inset 0 1px #fff5}.ocean-deck-card>span{opacity:.6;font:8px ui-monospace,monospace}.ocean-card-lines{gap:6px;margin:25px 0 18px;display:grid}.ocean-card-lines i{opacity:.15;background:currentColor;height:2px}.ocean-card-lines i:nth-child(2){width:70%}.ocean-card-lines i:last-child{width:85%}.ocean-deck-card>svg{color:var(--blue);margin:0 auto 15px}.ocean-deck-card strong{font-size:14px;font-weight:550}.ocean-deck-card small{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.5}.ocean-deck-card em{justify-content:center;gap:5px;margin-top:auto;font-size:10px;font-style:normal;display:flex}.ocean-carousel-controls{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:24px;align-items:center;gap:12px;padding:5px;font-size:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ocean-carousel-controls button{background:0 0;border:0;padding:5px}.guard-shared-center{border:1px solid var(--line);background:var(--panel);border-radius:24px;margin:24px 0;padding:24px}.guard-center-head{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.guard-center-head h2{align-items:center;gap:10px;margin:8px 0;font-size:22px;font-weight:550;display:flex}.guard-center-head>div:last-child{align-items:start;gap:8px;display:flex}.guard-center-head p,.guard-center-note{color:var(--muted);font-size:12px;line-height:1.8}.guard-shared-summary{background:var(--soft);border-radius:18px;align-items:center;gap:12px;margin:16px 0;padding:18px;display:flex}.guard-shared-summary b{font:36px ui-monospace,monospace}.guard-shared-summary>span{color:var(--muted);font-size:12px}.guard-shared-summary label{align-items:center;gap:8px;margin-left:auto;display:flex}.guard-shared-summary input{max-width:220px;padding:10px}.guard-province-picker{border:1px solid var(--line);border-radius:16px;margin:0 0 20px;padding:16px}.guard-province-picker legend{padding:0 8px;font-size:14px}.guard-province-picker p{color:var(--muted);font-size:12px}.guard-province-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.guard-province-picker label{background:var(--soft);border-radius:9px;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}@keyframes reference-fluid{to{transform:translate(10%,5%)rotate(14deg)}}.ocean-deck-card{transform:translateX(calc(var(--offset)*77px)) translateY(calc(var(--depth)*10px)) rotateY(calc(var(--offset)*-18deg)) scale(calc(1 - var(--depth)*.065))}@media (width<=1100px){.ocean-stage-body{grid-template-columns:185px minmax(0,1fr)}}@media (width<=760px){.ocean-stage-body{display:block}.ocean-stage-queue{display:none}.ocean-carousel{height:330px}.guard-center-head{flex-direction:column}.guard-shared-center{padding:18px}.guard-shared-summary{flex-wrap:wrap}.guard-shared-summary label{width:100%;margin:0}.guard-shared-summary input{width:100%;max-width:none}.guard-province-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.ocean-feature-stage>header{padding:16px}.ocean-feature-stage h2{font-size:16px}}@media (prefers-reduced-motion:reduce){.ocean-deck-card,html.ocean-ui .office-counts>button:before{transition:none;animation:none}}html.ocean-ui[data-motion=reduce] .office-counts>button:before{animation:none}html.ocean-ui[data-theme=light]{--ink:#172b46;--muted:#62758d;--line:#d8e2ee;--panel:#fff;--bg:#f4f7fb;--soft:#edf3fa;--sidebar:#ffffffed;--hover:#e6effb;--glass:linear-gradient(135deg,#ffffffef,#edf5ffdf);--blue:#245fda;--shadow:0 12px 40px #304d7910;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.ocean-ui[data-theme=light] .app>aside{box-shadow:inset 0 1px #fff,0 12px 40px #304d7910}html.ocean-ui[data-theme=light] .office-counts>button{color:#173b51;background:linear-gradient(130deg,#e3f5fa,#bdeaf0 58%,#a5dae5);border-color:#b8dce8;box-shadow:0 16px 38px #399dbb15}html.ocean-ui[data-theme=light] .office-counts>button:nth-child(2){background:linear-gradient(135deg,#ece7ff,#e1d6fa 48%,#ffdccc);border-color:#ded4f5}html.ocean-ui[data-theme=light] .office-counts>button:nth-child(3){background:linear-gradient(140deg,#e9f0ff,#c5d9fb 55%,#aec6f0);border-color:#bed2f1}html.ocean-ui[data-theme=light] .office-counts>button:nth-child(4){background:linear-gradient(130deg,#fff6e7,#fae5cb 50%,#efd4d9);border-color:#eadbcf}html.ocean-ui[data-theme=light] .office-counts :is(small,em){color:#425971}html.ocean-ui[data-theme=light] .office-counts>button>svg{color:#547088}html.ocean-ui[data-theme=light] .ocean-deck-card{color:var(--ink);background:linear-gradient(140deg,#ffffffeb,#dfebf8b8);border-color:#b6cee5;box-shadow:inset 0 1px #fff,0 14px 30px #37537a1c}html.ocean-ui[data-theme=light] .ocean-deck-card small{color:var(--muted)}.toolbox-home-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:20px;display:grid}.toolbox-home-grid>.card{min-width:0}.toolbox-counts{margin-bottom:22px}.commission-form{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.commission-form label{min-width:150px;color:var(--muted);gap:9px;display:grid}.commission-form input,.commission-form select{width:100%}.commission-summary{border:1px solid var(--line);background:var(--soft);border-radius:16px;flex-wrap:wrap;gap:18px;margin:18px 0;padding:20px;display:flex}.income-statement h2{margin-top:0}@media (width<=1050px){.toolbox-home-grid{grid-template-columns:1fr}}@media (width<=600px){.commission-form label,.commission-form button{width:100%}.toolbox-home-grid{gap:12px}}@media print{body:has(.income-statement) *{visibility:hidden}:is(body:has(.income-statement) .income-statement,body:has(.income-statement) .income-statement *){visibility:visible}.income-statement{color:#000;background:#fff;width:100%;padding:24px;position:absolute;top:0;left:0}body:has(.income-statement) .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;position:static}body:has(.income-statement) .dialog{max-height:none;box-shadow:none;border:0;position:static;overflow:visible}body:has(.income-statement) .table-scroll{overflow:visible}.income-statement button{display:none!important}}