: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}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b1c2ff}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}.primary:hover{background:#3755db;border-color:#3755db;box-shadow:0 5px 16px #4967f23a}.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}.page-heading h1{font-size: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] .login-box input{color:#c8d8f5;background:#1c2d48;border-color:#344765}[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}