:root{--bg:#0b0e11;--surface:#121619;--surface2:#171c20;--border:#252c30;--muted:#8b969c;--text:#edf2f1;--green:#b6f86b;--teal:#90dbb2;--red:#fb9c9c;--amber:#edc77e;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px;font-weight:600}h2{font-size:19px;letter-spacing:-.45px;font-weight:600}h3{font-size:17px}p{line-height:1.6}small{font-size:12px}[hidden]{display:none!important}.muted{color:var(--muted);font-size:14px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted);margin-bottom:11px}.button,button.primary,button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;min-height:42px;border:1px solid var(--border);border-radius:9px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .18s,transform .18s}.primary{background:var(--green);color:#182014;border:1px solid var(--green)!important}.primary:hover{background:#ccff92;transform:translateY(-1px)}.secondary,.button.secondary{background:#171d20;color:#d8e1df}.secondary:hover{background:#252d31}.text-link{font-size:12px;color:#bfcbc6;background:none;border:0;padding:0;white-space:nowrap}.text-link:hover,.quiet:hover{color:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;color:#b2beb8;width:34px;height:34px;border-radius:8px;font-size:20px}.icon-button:hover{background:var(--surface2);border-color:var(--border)}.quiet{border:0;background:none;color:#b2bfb9;font-size:12px;white-space:nowrap}.full{width:100%}
.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#101416;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 17px 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 49px;font-size:27px;line-height:1;font-weight:600;letter-spacing:-1px}.brand-icon{color:var(--green);font-size:42px;font-weight:400;line-height:1}.brand-sub{font-size:8px;letter-spacing:1.7px;font-weight:500;color:#89978e;display:block;margin-top:9px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#66756d;margin:0 13px 15px}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.sidebar-bottom>a,.logout{display:flex;align-items:center;gap:13px;padding:12px 14px;font-size:13px;color:#9caaa2;border-radius:8px;min-height:44px}.sidebar nav a>span:first-child{font-size:20px;line-height:1;font-weight:400}.sidebar nav a.active{color:var(--green);background:#24301e}.sidebar nav a:hover{background:#1b241d}.nav-count{font-size:10px!important;color:#b9c9ba;padding:3px 6px;background:#28312b;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.monitor-mini{border:1px solid var(--border);border-radius:9px;padding:14px 9px;display:flex;align-items:flex-start;gap:8px;margin:20px 2px 13px}.monitor-mini strong{display:block;font-size:11px;font-weight:500}.monitor-mini small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.status-dot{background:#95a193;width:6px;height:6px;border-radius:100%;margin-top:4px}.logout{border:0;background:none;width:100%;text-align:left}.workspace-owner{border-top:1px solid var(--border);margin-top:18px;padding:22px 6px;display:flex;align-items:center;gap:10px}.workspace-owner strong{font-size:11px;display:block;font-weight:500}.workspace-owner small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:100%;background:#283329;color:#d5e4ce;border:1px solid #3e4b3f;font-size:12px}.avatar.small{width:30px;height:30px}.owner-dot{margin-left:auto;background:var(--green);border-radius:100%;width:5px;height:5px}
main{margin-left:230px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:#69776f;display:flex;gap:15px}.breadcrumb strong{font-weight:400;color:#b8c4bd}.breadcrumb span{color:#4b584f}.topbar-right{display:flex;align-items:center;gap:17px}.today-label{font-size:11px;color:#a1ada5}.content{max-width:1550px;margin:auto;padding:35px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .muted{margin-bottom:0}.heading-actions{display:flex;gap:10px;flex-shrink:0}.hero{position:relative;display:flex;overflow:hidden;justify-content:space-between;min-height:248px;background:linear-gradient(110deg,#19281c 0%,#17271e 55%,#162421 100%);border:1px solid #2a3b2b;border-radius:15px;padding:27px 34px;margin-bottom:22px}.pill{font-size:8px;letter-spacing:1.6px;padding:6px 9px;border:1px solid #506042;border-radius:5px;color:#c6d6b7}.hero h2{font-size:34px;line-height:1.12;letter-spacing:-1px;margin:19px 0 12px;font-weight:500}.hero h2 span{color:#b6d3a2}.hero p{font-size:12px;line-height:1.7;color:#98ae9e;margin-bottom:14px}.hero-link{font-size:12px;color:#d0eab7;display:inline-flex;gap:35px}.hero-orbit{position:relative;align-self:center;flex:0 0 300px;width:300px;height:200px;margin-right:45px}.orbit-line{position:absolute;inset:-25px 8px;border:1px solid #8cb47d21;border-radius:50%;transform:rotate(-25deg)}.orbit-line:before,.orbit-line:after{content:'';position:absolute;inset:22px;border:1px solid #8cb47d21;border-radius:50%}.orbit-line:after{inset:48px}.orbit-core{position:absolute;inset:35px 85px;display:grid;place-items:center;color:#c6f1a5;font-size:90px;background:radial-gradient(circle,#92db5f28,transparent 70%);border-radius:50%}.orbit-tag{position:absolute;font-size:10px;background:#25382b;border:1px solid #6a8c5a55;border-radius:7px;padding:10px 12px;color:#c9dfbd;box-shadow:0 8px 25px #0003;transform:rotate(-4deg)}.tag-one{top:15px;right:-17px}.tag-two{bottom:12px;left:-5px;transform:rotate(4deg)}.orbit-tag i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:7px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:18px 20px;transition:border-color .2s}.stat:hover{border-color:#59694d}.stat>div{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a8b2ac;font-size:12px}.stat i{font-style:normal;font-size:20px;color:#829886}.stat>strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:500;margin:13px 0 10px;line-height:1}.stat strong small{font-size:10px;letter-spacing:0;font-weight:400;margin-left:9px;color:#76857a}.stat p{margin:0;color:#728176;font-size:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:23px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading .eyebrow{font-size:9px;margin-bottom:8px}.count{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:#232c26;border:1px solid #354036;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:400;color:#afc0ad;margin-left:7px}.task{display:flex;align-items:center;gap:13px;min-height:75px;border-bottom:1px solid #252d28;padding:13px 0}.task:last-child{border-bottom:0}.task-icon{border:1px solid #3d3425;background:#302a1e;color:var(--amber);width:34px;height:36px;display:grid;place-items:center;border-radius:8px;font-size:19px;flex-shrink:0}.task-icon.red{background:#302020;border-color:#49302e;color:var(--red)}.task-icon.green{background:#26321f;color:var(--green)}.task-icon.neutral{background:#252b29;border-color:#38443b;color:#b5c3b7}.task-copy{min-width:0;flex:1}.task-copy strong{display:block;font-weight:500;font-size:12px;overflow-wrap:anywhere}.task-copy span,.task-copy small{display:block;font-size:10px;color:#8b9b90;margin-top:5px;overflow-wrap:anywhere;line-height:1.5}.monitor-icon{font-size:27px;color:#8da68c}.monitor-state{margin:8px 0 17px}.monitor-panel .muted{font-size:12px;line-height:1.8}.info-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border);font-size:11px;line-height:1.5}.info-row span{color:var(--muted)}.info-row strong{font-weight:400;text-align:right;overflow-wrap:anywhere}.monitor-panel .full{margin-top:19px}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;border-radius:5px;padding:5px 7px;border:1px solid #38433b;color:#b3beb7;background:#242b27;font-weight:400}.badge i{width:4px;height:4px;border-radius:100%;background:currentColor}.badge.green{background:#1f2e20;border-color:#354a2c;color:#b2d893}.badge.red{background:#332222;border-color:#4c3030;color:#f1a4a1}.badge.amber{background:#302a20;border-color:#4c3c29;color:#e5c17e}.red-text{color:var(--red)!important}.amber-text{color:var(--amber)!important}.sales-totals{display:flex;gap:35px;padding:9px 0 15px}.sales-totals>div+div{border-left:1px solid var(--border);padding-left:30px}.sales-totals small{display:block;font-size:8px;letter-spacing:1px;color:#87958a}.sales-totals strong{font-size:26px;font-weight:500;display:block;margin-top:10px}.small-copy{font-size:11px;line-height:1.7;margin:14px 0 0}progress{display:block;width:100%;height:6px;border:0;accent-color:var(--green);border-radius:10px;overflow:hidden;margin:30px 0 18px;background:#29302b}progress::-webkit-progress-bar{background:#29302b}progress::-webkit-progress-value{background:#a7cb8b;border-radius:10px}.capacity-legend{display:flex;justify-content:space-between;font-size:10px;color:#b3c1b5;gap:12px}.legend-dot{display:inline-block;background:#a7cb8b;height:5px;width:5px;border-radius:50%;margin-right:7px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);margin-top:28px;padding:20px 0;color:#68796d;font-size:9px}footer>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{width:4px;height:4px;border-radius:50%;background:#8fa879}#demo-banner{padding:9px 30px;background:#252519;color:#c8c29d;border-bottom:1px solid #48452a;font-size:10px;text-align:center;line-height:1.5}#demo-banner span{font-weight:600;letter-spacing:1px;margin-right:14px;color:#eadc9c}.empty{text-align:center;padding:38px 15px}.empty>span{display:block;font-size:34px;color:#708267;margin-bottom:15px}.empty h3{font-size:15px;margin-bottom:8px}.empty p{font-size:12px;color:var(--muted)}.empty .primary{margin-top:8px}
.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px;align-items:center}.segmented{display:flex;gap:3px;background:#111718;border:1px solid var(--border);padding:4px;border-radius:9px;max-width:100%;overflow:auto}.segmented button{background:none;border:0;border-radius:6px;padding:9px 12px;color:#97a69b;font-size:11px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#293421;color:#d7ebc3}.toolbar input{width:300px;max-width:100%;padding:11px 13px;font-size:12px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-card{padding:21px}.account-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.account-symbol{font-size:25px;color:#a8c69c}.account-card h2{margin-bottom:6px}.account-card .eyebrow{font-size:9px;letter-spacing:1px}.account-email{font-size:11px;color:#8f9f93;overflow-wrap:anywhere}.account-members{min-height:100px;margin:20px 0 10px}.account-members>button{width:100%;display:flex;align-items:center;gap:8px;background:none;border:0;border-top:1px solid #242d27;padding:11px 0;color:#bec9c0;font-size:10px;text-align:left}.account-members>button>span:nth-child(2){flex:1}.account-members .badge{font-size:8px;padding:3px 5px}.mini-avatar{background:#29352b;color:#adbfaa;border:1px solid #3c4a3e;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0}.account-footer{border-top:1px solid var(--border);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8f9d93}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px;text-align:left}th{background:#171d1b;color:#85978b;font-size:9px;letter-spacing:1px;font-weight:500;padding:17px 20px;white-space:nowrap}td{padding:18px 20px;border-top:1px solid var(--border);font-size:11px;white-space:nowrap}td strong{display:block;font-weight:500;color:#e0e9e0}td small{display:block;margin-top:5px;font-size:10px;color:#839487}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px}.calendar-panel{padding:23px 18px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.calendar-heading h2{text-transform:capitalize;font-size:19px;margin:0}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{text-align:center;font-size:10px;color:#809386;padding-bottom:14px}.day{min-height:100px;text-align:left;background:#131a16;border:1px solid #26352a;margin:0 -1px -1px 0;color:#afbeb1;padding:9px 7px;position:relative;min-width:0}.day>span{font-size:11px;display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:6px}.day>small{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#9aac9b}.day>i{position:absolute;top:12px;right:8px;border-radius:50%;background:#647f4f;font-size:8px;font-style:normal;width:14px;height:14px;display:grid;place-items:center}.day:hover{background:#23321f}.day.is-today>span{background:var(--green);color:#233015;border-radius:50%}.day.is-selected{background:#293924;z-index:1;box-shadow:inset 0 0 0 1px #91b376}.agenda-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:15px 0}.agenda-row:last-child{border:0}.agenda-date{background:#202a22;border:1px solid #354237;border-radius:8px;width:42px;flex-shrink:0;text-align:center;padding:7px}.agenda-date strong{font-size:18px;font-weight:500}.agenda-date small{display:block;font-size:8px;color:#91a98f}.agenda-row>div:nth-child(2){flex:1}.agenda-row>div:nth-child(2)>strong{font-size:12px;font-weight:500;display:block}.agenda-row>div:nth-child(2)>small{display:block;font-size:10px;color:var(--muted);margin:6px 0}.agenda .section-heading h2{font-size:16px}.history-heading{margin-top:32px}.history-heading h2{font-size:16px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.settings-grid h2{margin:15px 0 20px}.settings-grid .muted{margin-top:20px}.settings-grid .secondary{margin-top:24px}.settings-note{margin-top:20px}.settings-note ul{padding-left:17px;font-size:12px;line-height:2;color:#b0bfb3}.notice{padding:15px 18px;border:1px solid #563931;border-radius:8px;margin-bottom:20px}.error{color:var(--red);font-size:12px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 23px;border-radius:10px;background:#d2edbb;color:#1e2d15;box-shadow:0 12px 40px #0006;font-size:13px;z-index:100;max-width:90vw}
input,select,textarea{display:block;width:100%;min-width:0;background:#0d1410;border:1px solid #354137;border-radius:7px;padding:11px 12px;color:#d4e0d4;margin-top:8px;font-size:13px}input[readonly]{color:#8e9c8f}textarea{resize:vertical;min-height:80px}label{display:block;font-size:12px;color:#a9b9ad;margin:16px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label{margin:5px 0 8px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid var(--border);margin-top:22px}.form-error:empty{display:none}.check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.check-label input{width:17px;min-width:17px;margin-top:2px;accent-color:var(--green)}dialog{background:#141c16;color:var(--text);border:1px solid #46513e;border-radius:15px;padding:28px;width:min(590px,calc(100vw - 30px));max-height:90vh;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#050a08b5;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px}.dialog-head h2{margin:0;font-size:23px}.dialog-head .eyebrow{margin-bottom:8px}.detail-block h3{margin-top:20px}.detail-block .muted{font-size:12px;margin-top:20px}#auth{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 20%,#22371f88,transparent 60%)}.auth-card{width:min(430px,100%);background:#111a14;border:1px solid #35442e;border-radius:18px;padding:40px;box-shadow:0 30px 90px #0005}.auth-card .brand-icon{display:block;margin-bottom:35px;font-size:50px}.auth-card h1{font-size:36px}.auth-card .eyebrow{font-size:9px}.auth-card .primary{width:100%;margin-top:10px}.auth-card>small{display:block;margin-top:35px;font-size:9px;color:#71826e}.auth-card form{margin-top:25px}
@media(min-width:1600px){.content{padding-top:45px}.hero{min-height:275px}.hero h2{font-size:40px}.hero-orbit{margin-right:100px}.stats{gap:20px}.stat{padding:24px}}
@media(max-width:1250px){.sidebar{width:205px;padding-left:12px;padding-right:12px}main{margin-left:205px}.content{padding:28px 24px 0}.topbar{padding:0 24px}.page-heading{align-items:flex-start}h1{font-size:27px}.heading-actions{flex-direction:column}.hero-orbit{margin-right:0;flex-basis:240px;width:240px}.orbit-core{inset:35px 60px}.hero h2{font-size:30px}.stat{padding:16px}.stat>div{font-size:11px}.stat>strong{font-size:30px}.stat strong small{font-size:9px}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.day{min-height:90px}.day i{display:none}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.sales-totals{gap:18px}.sales-totals>div+div{padding-left:18px}.sales-totals strong{font-size:23px}}
@media(max-width:1000px){.sidebar{width:185px}.brand{font-size:24px;margin-left:7px}.sidebar nav a{font-size:11px;gap:9px;padding:12px 9px}.nav-count{padding:2px 4px}.sidebar-bottom>a,.logout{font-size:11px}.monitor-mini{padding:10px 8px}.monitor-mini strong{font-size:9px}.monitor-mini small{font-size:9px}.workspace-owner{gap:7px}.workspace-owner strong{font-size:10px}.workspace-owner small{font-size:9px}main{margin-left:185px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.settings-grid,.calendar-layout{grid-template-columns:1fr}.hero-orbit{flex-basis:190px;width:190px;opacity:.75}.tag-one{right:-25px}.tag-two{left:-35px}.orbit-core{inset:35px 40px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.day{min-height:100px}.monitor-panel .muted{max-width:70ch}.overview-grid.bottom-grid{grid-template-columns:1fr 1fr}.sales-totals{display:block}.sales-totals>div+div{border:0;padding:0;margin-top:20px}.page-heading .muted{font-size:12px}.page-heading h1{font-size:25px}}
@media(max-width:700px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:68px;border-right:0;border-top:1px solid var(--border);padding:0 4px;background:#101713f5;backdrop-filter:blur(15px)}.sidebar .brand,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:100%;align-items:center}.sidebar nav a{display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:8px;border-radius:7px;min-height:54px;padding:7px 2px;position:relative;white-space:nowrap}.sidebar nav a>span:first-child{font-size:19px}.sidebar .nav-count{position:absolute;right:12px;top:3px;font-size:8px!important;background:#32402b}main{margin-left:0;padding-bottom:78px}.topbar{height:58px;padding:0 18px}.breadcrumb{font-size:11px;gap:9px}.topbar-right{gap:6px}.today-label{display:none}.content{padding:25px 17px 0}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:27px;max-width:330px}.eyebrow{font-size:9px;letter-spacing:1.3px}.heading-actions{flex-direction:row;margin-top:20px;gap:8px}.heading-actions>.primary,.heading-actions>.button{font-size:11px;padding:10px 12px;flex:1}.hero{padding:24px;min-height:250px;margin-bottom:18px}.hero>div:first-child{position:relative;z-index:1}.hero h2{font-size:31px}.hero p{font-size:11px;max-width:230px}.hero-orbit{position:absolute;right:-75px;top:20px;opacity:.25;transform:scale(.9);width:240px}.hero-orbit .orbit-tag{display:none}.pill{font-size:7px;letter-spacing:1px}.hero-link{font-size:11px;gap:20px}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px 13px}.stat>div{font-size:10px;gap:5px}.stat>div i{font-size:16px}.stat>strong{font-size:31px}.stat strong small{display:inline;font-size:8px;margin-left:6px}.stat p{font-size:8px;line-height:1.5}.panel{padding:19px}.section-heading h2{font-size:16px}.section-heading .text-link{font-size:10px}.count{font-size:9px}.task{gap:10px}.task-copy strong{font-size:11px}.task-copy span{font-size:9px}.task .quiet{font-size:9px;padding:4px 0}.task-icon{width:29px;height:33px;font-size:16px}.overview-grid,.overview-grid.bottom-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.sales-totals{display:flex;gap:25px}.sales-totals>div+div{margin:0;padding-left:25px;border-left:1px solid var(--border)}.sales-totals small{font-size:7px}.sales-totals strong{font-size:24px}.account-grid{grid-template-columns:1fr}.toolbar .segmented{width:100%}.segmented button{font-size:10px;padding:8px 10px}.toolbar{gap:10px}.day{min-height:75px;padding:5px 3px}.day>span{font-size:10px;width:21px;height:21px;margin-bottom:4px}.day>small{font-size:7px;max-width:40px}.day i{display:none}.calendar-panel{padding:16px 10px}.calendar-heading h2{font-size:17px}.calendar-heading{margin-bottom:18px}.weekdays span{font-size:9px}.calendar-layout{gap:18px}.agenda .section-heading h2{font-size:17px}#demo-banner{font-size:8px;padding:8px 15px;text-align:left}#demo-banner span{display:block;margin-bottom:3px}.settings-grid .info-row{font-size:10px}.settings-grid .info-row strong{max-width:55%}footer{font-size:8px;line-height:1.5}footer>span:last-child{text-align:right;max-width:140px}.form-row{grid-template-columns:1fr;gap:5px}dialog{padding:22px}.dialog-head h2{font-size:20px}.auth-card{padding:28px}.auth-card h1{font-size:30px}.table-panel{padding:0}.settings-note{margin-top:18px}#toast{bottom:85px;min-width:240px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Calendar workspace: clear status, useful controls, and responsive agenda. */
:root{--cyan:#56c8ef;--navy:#111b2a}
button,.button,.stat,.account-card,.sidebar nav a{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}button:active:not(:disabled),.button:active{transform:translateY(1px) scale(.98)}.stat:hover,.account-card:hover{border-color:#526454;transform:translateY(-2px)}.sidebar nav a:hover{background:#202b26}.primary:hover:not(:disabled){box-shadow:0 4px 20px #b6f86b20}#page>.page-heading{animation:enter-up .28s ease both}dialog[open]{animation:dialog-in .2s ease both}dialog[open]::backdrop{animation:fade-in .2s ease}.refresh-symbol{display:inline-block;font-size:17px;margin-right:5px}[aria-busy=true] .refresh-symbol{animation:spin .75s linear infinite}[aria-busy=true]{cursor:wait}button[aria-busy=true]::after{content:'';display:inline-block;width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:8px;animation:spin .75s linear infinite}#toast{animation:toast-in .22s ease both}.calendar-workspace{border:1px solid #263344;background:linear-gradient(145deg,#10192355,#0b101866);border-radius:18px;padding:22px}.calendar-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:24px}.calendar-filter{display:flex;align-items:center;gap:9px;text-align:left;padding:15px 12px;border:1px solid #29354a;border-radius:10px;background:#111b2a;color:#9cacc3;font-size:11px;min-width:0}.calendar-filter>strong{margin-left:auto;font-size:18px;font-weight:600;color:#dfebfc}.filter-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:#223047;border-radius:7px;color:#94b5dd;font-size:16px}.calendar-filter[aria-pressed=true]{border-color:#56c8ef;background:#142f42;box-shadow:0 0 0 1px #56c8ef22;color:#e5f6ff}.calendar-filter[aria-pressed=true] .filter-icon{background:#1d4c66;color:#83dfff}.calendar-filter.overdue .filter-icon{color:#ffa5ac}.calendar-filter.today .filter-icon,.calendar-filter.soon .filter-icon{color:#f3cd7f}.calendar-filter:hover{border-color:#5d7393;transform:translateY(-2px)}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.month-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.month-controls input{width:175px}.calendar-toolbar input,.calendar-toolbar select{margin:0;background:#0b111b;border-color:#2c3b52;height:39px;font-size:12px}.calendar-toolbar .secondary{white-space:nowrap;font-size:11px;padding:10px 12px;border-color:#2c3b52;background:#151f30;color:#dce9ff}.calendar-toolbar .icon-button{border:1px solid #2c3b52;border-radius:8px;background:#151f30;color:#bfd3ef;width:35px;height:39px}.calendar-search{display:flex;gap:10px;min-width:0}.calendar-search input{width:210px}.calendar-search select{width:165px}.calendar-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#879bb8;font-size:10px;margin-bottom:22px;line-height:1.6}.calendar-legend{display:flex;align-items:center;gap:7px;white-space:nowrap}.calendar-legend i{width:5px;height:5px;border-radius:50%;margin-left:6px}.red-dot{background:#fa8e9e}.amber-dot{background:#e9c579}.green-dot{background:#6edfc0}.calendar-workspace .calendar-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:20px;align-items:start}.calendar-workspace .calendar-panel{padding:0;background:none;border:0}.calendar-heading{margin-bottom:20px}.calendar-heading h2{font-size:18px;color:#dfebfa}.calendar-heading>span{font-size:10px;color:#7e94b3}.calendar-workspace .weekdays span{font-size:10px;color:#829bbf;padding-bottom:12px}.calendar-workspace .calendar-days{gap:5px}.calendar-workspace .day{background:#111c2e;border:1px solid #283b58;border-radius:8px;margin:0;padding:9px 7px;min-height:99px;color:#e1eaff;overflow:hidden}.calendar-workspace .day:hover{background:#1a2c45;border-color:#6091b4;transform:translateY(-2px);box-shadow:0 5px 12px #0003}.calendar-workspace .day.is-today{border-color:#5de6b9;box-shadow:inset 0 0 0 1px #5de6b920}.calendar-workspace .day.is-selected{background:#15354d;border-color:#49c9fc;box-shadow:inset 0 0 0 1px #49c9fc33}.calendar-workspace .day>span.day-number{display:flex;justify-content:flex-start;align-items:center;width:auto;height:auto;gap:4px;font-weight:600;font-size:12px;background:none;color:inherit;margin:0 0 7px;padding:0}.day-number em{font-size:8px;font-weight:500;font-style:normal;color:#74e3c2}.calendar-workspace .day small{font-size:9px;line-height:1.35;margin-top:3px;max-width:none}.calendar-workspace .day .day-count{font-size:8px;color:#6ee2c3;margin-bottom:5px}.calendar-workspace .day.late .day-count{color:#ff8c9e}.calendar-workspace .day.near .day-count{color:#f4c46b}.calendar-workspace .day .day-person{color:#d2def0}.calendar-workspace .day .day-more{color:#8ba4c7}.calendar-footnote{font-size:10px;color:#7d91af;margin-top:16px}.calendar-agenda{background:#101a2b;border-color:#293950;padding:0;overflow:hidden;position:sticky;top:20px}.calendar-agenda>.section-heading{padding:20px 18px 15px;margin:0;border-bottom:1px solid #293950}.calendar-agenda .eyebrow{color:#6f9cbf;font-size:8px;margin-bottom:8px}.calendar-agenda .section-heading h2{font-size:16px;margin:0}.calendar-agenda .count{background:#20334d;color:#9ed3f2}.calendar-agenda .text-link{font-size:10px;color:#79ccef}.agenda-content{max-height:620px;overflow:auto;scrollbar-width:thin;scrollbar-color:#354a65 transparent}.agenda-group{font-size:10px;font-weight:600;padding:10px 18px;margin:0;background:#142138;color:#8faace;border-bottom:1px solid #263852;position:sticky;top:0;z-index:1}.renewal-row{padding:17px 18px;border-bottom:1px solid #26364e;transition:background .18s ease}.renewal-row:last-child{border-bottom:0}.renewal-row:hover{background:#16243b}.renewal-client{display:flex;gap:11px;align-items:flex-start;min-width:0}.client-avatar{flex-shrink:0;width:32px;height:32px;border:1px solid #3b506b;background:linear-gradient(145deg,#26475d,#24314d);border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:600;color:#b3d5ee}.renewal-client>div{min-width:0;flex:1}.client-name{display:block;text-align:left;background:none;border:0;padding:0;color:#e2edff;font-weight:600;font-size:12px;line-height:1.5}.client-name:hover{color:#78d6f5;text-decoration:underline;text-underline-offset:3px}.renewal-client small{display:block;font-size:10px;color:#8ba6c8;margin:4px 0 7px;overflow-wrap:anywhere}.renewal-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.renewal-tags>span:not(.badge){font-size:9px;color:#8da0bb}.renewal-tags .badge{font-size:8px;padding:3px 6px}.renewal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.compact{font-size:10px!important;padding:7px 10px!important;border-radius:7px!important;line-height:1.4}.calendar-agenda .primary{color:#eff9ff;background:linear-gradient(120deg,#157ab9,#5c54d4);border-color:#5487db}.calendar-agenda .primary:hover{box-shadow:0 3px 15px #5e74ed44;filter:brightness(1.15)}.calendar-agenda .secondary{background:#142137;border-color:#334d71;color:#c8dafa}.calendar-agenda .empty{padding:45px 20px}.calendar-agenda .empty p{line-height:1.7}.renewal-history{margin-top:22px;border:1px solid #29364a;border-radius:12px;background:#101722;overflow:hidden}.renewal-history summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:18px 20px;list-style:none;font-size:12px;color:#c2d1e8}.renewal-history summary::-webkit-details-marker{display:none}.renewal-history summary>span:last-child{font-size:10px;color:#7e98ba;white-space:nowrap}.renewal-history summary i{font-style:normal;display:inline-block;margin-left:10px;transition:transform .2s}.renewal-history[open] summary i{transform:rotate(180deg)}.history-content{border-top:1px solid #29364a;padding:0 20px;max-height:400px;overflow:auto}.history-empty{padding:22px 0;font-size:12px;color:#8195af;line-height:1.7}.history-event{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #263246}.history-event:last-child{border:0}.history-icon{display:grid;place-items:center;align-self:flex-start;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:#1e3442;color:#8bdec0;font-size:20px}.history-event>div{flex:1;min-width:0}.history-event strong{font-size:12px}.history-event small{display:block;color:#879bb6;font-size:10px;margin-top:5px}.history-event p{font-size:12px;margin:9px 0;color:#c8d9ef}.history-event p span{color:#5cbdda;margin:0 8px}.history-event .quiet{font-size:10px;white-space:nowrap}.renew-summary{display:flex;gap:12px;align-items:center;padding:15px;background:#111b25;border:1px solid #2b3b4a;border-radius:10px;margin-bottom:14px}.renew-summary>div{flex:1;min-width:0}.renew-summary strong{font-size:13px;overflow-wrap:anywhere}.renew-summary small{display:block;font-size:11px;color:#8ea0b4;margin-top:5px;overflow-wrap:anywhere}.renew-presets{display:flex;gap:7px;margin:17px 0}.renew-presets button{flex:1;font-size:11px;padding:9px 4px}.renew-presets [aria-pressed=true]{border-color:var(--green);background:#304122;color:#d5f6b5}.renew-note{font-size:11px;line-height:1.8;color:#a8bda6;border-left:2px solid #83ad68;background:#1a281c;padding:12px 15px;border-radius:0 8px 8px 0}.capacity-detail{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0 22px;margin-bottom:22px}.capacity-detail span{font-size:11px;color:var(--muted)}.capacity-detail strong{display:block;font-size:25px;font-weight:500;color:#e5efdf;margin-bottom:5px}.account-detail h3{font-size:14px}.account-detail-members{max-height:290px;overflow:auto}.account-detail-members article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.account-detail-members small{display:block;font-size:10px;color:var(--muted);margin:5px 0 8px}.account-incident{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#392626;border:1px solid #684040;border-radius:9px;margin-bottom:22px;font-size:11px}.account-detail .badge{font-size:9px}
@keyframes enter-up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.calendar-workspace .day{min-height:115px}.calendar-workspace .calendar-layout{grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr)}.calendar-filter{font-size:12px;padding:17px}.calendar-agenda .agenda-content{max-height:710px}}
@media(max-width:1300px){.calendar-toolbar{flex-wrap:wrap}.calendar-search{flex:1}.calendar-search input{flex:1}.calendar-filter{padding:12px 9px;gap:6px;font-size:10px}.filter-icon{display:none}.calendar-workspace .calendar-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.calendar-workspace .day{min-height:94px;padding:8px 5px}.calendar-workspace .day .day-count span{display:none}.calendar-workspace .day .day-count{display:inline-block;padding:2px 5px;background:#23354a;border-radius:4px}.day-number em{font-size:7px}}
@media(max-width:1100px){.calendar-workspace .calendar-layout{grid-template-columns:1fr}.calendar-agenda{position:static}.calendar-agenda .agenda-content{max-height:530px}.calendar-workspace .day .day-count span{display:inline}.calendar-workspace .day .day-count{padding:0;background:none}.calendar-workspace .day{min-height:100px}.renewal-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.renewal-actions{margin-top:0}.calendar-meta{flex-wrap:wrap}.calendar-search{flex-basis:100%}}
@media(max-width:700px){.calendar-workspace{padding:14px 10px;border-radius:13px}.calendar-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.calendar-filter{flex:1 1 29%;padding:10px 9px;font-size:9px}.calendar-filter>strong{font-size:14px}.calendar-filter.soon,.calendar-filter.missing{flex-basis:40%}.calendar-toolbar{gap:12px}.month-controls{gap:5px;width:100%}.month-controls input{width:0;flex:1;font-size:11px;padding:8px}.calendar-toolbar .icon-button{width:30px;flex-shrink:0}.calendar-toolbar .secondary{font-size:9px;padding:9px}.calendar-search{gap:6px}.calendar-search input{width:0;font-size:10px;padding:8px}.calendar-search select{width:125px;font-size:10px;padding:8px}.calendar-meta{font-size:8px;gap:8px;margin-bottom:20px}.calendar-legend{font-size:8px}.calendar-heading h2{font-size:16px}.calendar-heading>span{font-size:8px}.calendar-workspace .calendar-days{gap:4px}.calendar-workspace .day{min-height:66px;padding:6px 4px;border-radius:6px}.calendar-workspace .day>span.day-number{font-size:11px;margin-bottom:6px}.day-number em{display:none}.calendar-workspace .day .day-person,.calendar-workspace .day .day-more,.calendar-workspace .day .day-count span{display:none}.calendar-workspace .day .day-count{display:inline-block;background:#25354c;padding:2px 5px;font-size:9px}.calendar-workspace .day.is-today .day-number:after{content:'';width:4px;height:4px;background:#5de6b9;border-radius:50%}.calendar-footnote{font-size:9px}.calendar-agenda>.section-heading{padding:17px 14px}.calendar-agenda .section-heading h2{font-size:15px}.renewal-row{display:block;padding:15px 14px}.renewal-actions{margin-top:12px}.renewal-client small{font-size:9px}.renewal-actions button{flex:1;min-height:34px}.renewal-history summary{padding:16px 13px;font-size:10px}.renewal-history summary>span:last-child{font-size:8px}.history-content{padding:0 13px}.history-event{gap:9px;flex-wrap:wrap}.history-event>div{flex-basis:70%}.history-event .quiet{margin-left:39px}.renew-summary{padding:11px;gap:8px;flex-wrap:wrap}.renew-summary .badge{font-size:8px}.account-detail .form-actions{flex-wrap:wrap}.account-detail-members article{gap:8px}.account-detail-members .client-name{font-size:11px}.account-incident{flex-wrap:wrap}.renewal-history summary:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}}
/* Keep the calendar compact enough to scan a full month on a laptop. */
@media(min-width:701px){main:has(#page[data-view=calendar]) .content{padding-top:24px}main:has(#page[data-view=calendar]) .topbar{height:62px}#page[data-view=calendar] .page-heading{align-items:center;margin-bottom:18px}#page[data-view=calendar] .page-heading h1{font-size:28px;margin-bottom:7px}#page[data-view=calendar] .page-heading>.heading-actions{flex-direction:row}#page[data-view=calendar] .page-heading .eyebrow{margin-bottom:7px}#page[data-view=calendar] .page-heading .muted{font-size:12px;margin-bottom:0}.calendar-workspace{padding:18px}.calendar-filters{margin-bottom:16px}.calendar-filter{padding:12px}.calendar-toolbar{margin-bottom:12px}.calendar-meta{margin-bottom:14px}.calendar-heading{margin-bottom:12px}.calendar-workspace .day{min-height:84px}.calendar-workspace .day small{margin-top:2px}.calendar-workspace .day>span.day-number{margin-bottom:5px}.calendar-agenda>.section-heading{padding:17px 18px}.calendar-workspace .day .day-count{margin-bottom:3px}}
@media(min-width:1700px){.calendar-workspace .day{min-height:94px}}