:root{--brand:#329fdc;--brand-strong:#1c6ea4;--brand-deep:#134e75;--brand-light:#96ceed;--brand-tint:#e8f4fb;--green:#8bc53f;--green-strong:#4f7f17;--green-tint:#eef7e2;--ink:#1d1d1b;--grey:#5b5b5e;--grey-mid:#949495;--line:#dcdce1;--surface:#fff;--canvas:#f4f4f6;--soft:#eeeef0;--danger:#b42318;--danger-tint:#fdecea;--warn-tint:#fff6e0;--warn-line:#f0c36d;--radius:10px;--shadow:0 1px 2px #1d1d1b0f, 0 4px 16px #1d1d1b0d;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;font-family:Raleway,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background:var(--canvas);min-height:100vh;margin:0}h1,h2,h3{margin:0;font-weight:700;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0}a{color:var(--brand-strong)}code{background:var(--soft);border-radius:4px;padding:1px 5px;font-size:.9em}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.muted{color:var(--grey)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem}.nowrap{white-space:nowrap}.error-text{color:var(--danger);font-weight:600}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.narrow{gap:12px;max-width:440px;display:grid}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.align-end{align-items:flex-end}.grow{flex:1;min-width:0}.stack{gap:14px;display:grid}.stack-lg{gap:20px;display:grid}.topbar{background:var(--surface);z-index:20;box-shadow:0 1px 0 var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:28px;max-width:1440px;margin:0 auto;padding:10px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.brand-logo{width:auto;height:30px;display:block}.brand-app{color:var(--grey);border-left:1px solid var(--line);white-space:nowrap;padding-left:14px;font-weight:600}.brand-strip{background:linear-gradient(90deg, var(--brand) 0 70%, var(--brand-light) 70% 88%, var(--green) 88%);height:4px}.nav{gap:4px;display:flex}.nav a{color:var(--grey);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.nav a:hover{background:var(--soft);color:var(--ink)}.nav a.active{background:var(--brand-tint);color:var(--brand-strong)}.user-menu{align-items:center;gap:14px;margin-left:auto;display:flex}.user-name{align-items:center;gap:6px;font-weight:600;display:flex}.user-avatar{background:var(--brand-tint);width:36px;height:36px;color:var(--brand-strong);box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;text-decoration:none;display:grid;overflow:hidden}.user-avatar:hover{box-shadow:0 0 0 2px var(--brand)}.user-avatar img{align-self:start;width:88px;max-width:none;height:auto;margin:-3px -26px 0}.main{max-width:1440px;margin:0 auto;padding:20px 24px 48px}.page{gap:20px;display:grid}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-deep);border-color:var(--brand-deep)}.btn-ghost{background:0 0}.btn-danger-ghost{color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){border-color:var(--danger);background:var(--danger-tint)}.btn-danger-ghost.is-armed{background:var(--danger);border-color:var(--danger);color:#fff}.btn-block{width:100%}.btn-small{padding:5px 10px;font-size:.85rem}.btn-link{color:var(--brand-strong);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.field{gap:4px;display:grid}.field-label{color:var(--grey);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}input:not([type=checkbox]):not([type=radio]),select{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-height:38px;padding:8px 10px}input:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #329fdc40}.check,.radio{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.check input,.radio input,.switch input{accent-color:var(--brand-strong);width:17px;height:17px}.radio input[type=date]{width:auto;margin-left:4px}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.hint{color:var(--grey);font-size:.85rem}.badge{background:var(--brand-tint);color:var(--brand-strong);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.badge-warn{background:var(--warn-tint);color:#8a5a00;margin-left:0}.callout{background:var(--soft);border-left:4px solid var(--grey-mid);border-radius:8px;padding:10px 14px}.callout-mine{background:var(--brand-tint);border-left-color:var(--brand)}.callout-warn{background:var(--warn-tint);border-left-color:var(--warn-line)}.callout ul{margin:6px 0 0;padding-left:18px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px}.card-title{margin-bottom:14px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--grey);font-size:.85rem}.signin{background:radial-gradient(circle at 20% 0%, var(--brand-tint), transparent 60%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.signin-card{background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:14px;gap:12px;padding:36px 32px;display:grid}.signin-card form{text-align:left;margin-top:8px}.signin-logo{height:40px;margin:0 auto 8px}.btn-ms{margin-top:16px;padding:12px}.signin-strip{position:absolute;bottom:0;left:0;right:0}.book-page{gap:16px;display:grid}.date-strip{scroll-snap-type:x proximity;gap:8px;padding:4px 2px 10px;display:flex;overflow-x:auto}.date-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;scroll-snap-align:start;border-radius:10px;flex:none;justify-items:center;gap:0;width:74px;padding:8px 4px 10px;display:grid;position:relative}.date-chip.new-week{margin-left:10px}.date-chip:hover{border-color:var(--brand)}.date-chip.is-active{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.date-chip-weekday{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.date-chip-day{font-size:1.35rem;font-weight:700;line-height:1.2}.date-chip-month{font-size:.75rem}.date-chip-free{color:var(--green-strong);margin-top:4px;font-size:.7rem;font-weight:600}.date-chip.is-active .date-chip-free{color:#dff1c6}.date-chip-dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:6px;right:6px}.date-chip.is-active .date-chip-dot{background:var(--green);box-shadow:none}.day-summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.segmented{background:var(--soft);border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--grey);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.book-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.plan-card{padding:12px}.plan-scroll{overflow-x:auto}.side-card{max-height:calc(100vh - 100px);position:sticky;top:84px;overflow-y:auto}.book-layout.is-matched .side-card{align-self:stretch;height:0;min-height:100%;max-height:none;position:static}.plan-3d{aspect-ratio:2;background:var(--canvas);touch-action:none;border-radius:8px;width:100%;min-height:360px;max-height:640px;position:relative;overflow:hidden}.plan-3d canvas{display:block;position:absolute;inset:0}.plan-3d-loading{place-items:center;display:grid}.plan-3d-tools{z-index:2;gap:6px;display:flex;position:absolute;top:10px;right:10px}.plan-3d-tools .btn{background:var(--surface);box-shadow:var(--shadow)}.plan-3d-key{z-index:2;width:min(300px,100% - 20px);max-height:calc(100% - 64px);box-shadow:var(--shadow);background:#fffffff0;border-radius:10px;padding:10px 12px;font-size:.82rem;line-height:1.3;position:absolute;bottom:10px;left:10px;overflow-y:auto}.plan-3d-key-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.plan-3d-key-close{cursor:pointer;color:var(--grey);background:0 0;border:0;padding:0 4px;font-size:1.3rem;line-height:1}.plan-3d-key ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.plan-3d-key li{align-items:center;gap:10px;display:flex}.plan-3d-key li>span{display:grid}.plan-3d-key p{margin-top:8px}.key-icon{flex:none;width:18px;height:24px}.key-mouse{fill:var(--surface);stroke:var(--grey);stroke-width:1.5px}.key-mouse-line{stroke:var(--grey);stroke-width:1.2px;fill:none}.key-mouse-wheel{fill:var(--grey-mid)}.key-mouse-on{fill:var(--brand)}.plan-3d-tip{z-index:2;pointer-events:none;background:var(--ink);color:#fff;max-width:260px;box-shadow:var(--shadow);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:600;position:absolute;top:0;left:0}.plan-3d-card{background:var(--surface);max-width:320px;color:var(--ink);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;box-shadow:0 6px 24px #1d1d1b29}.plan-3d-card-avatar{background:var(--soft);width:64px;height:80px;color:var(--grey);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.plan-3d-card-avatar.is-mine{background:var(--brand-tint);color:var(--brand-strong)}.plan-3d-card-avatar img{object-fit:cover;width:100%;height:100%}.plan-3d-card-body{min-width:0;color:var(--grey);gap:1px;font-size:.82rem;font-weight:500;display:grid}.plan-3d-card-body strong{color:var(--ink);font-size:.95rem;font-weight:700}.plan-3d-card-you,.plan-3d-card-note{color:var(--brand-strong);font-weight:600}.plan-2d-card{z-index:20;pointer-events:none;padding:10px 14px;position:fixed}.floorplan{-webkit-user-select:none;user-select:none;width:100%;min-width:760px;height:auto;display:block}.fp-outline{fill:#fafafb;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.fp-area rect{fill:var(--soft);stroke:#b9b9bf;stroke-width:1.5px}.fp-area-zone rect{fill:#0000;stroke-dasharray:5 4}.fp-area-core rect{fill:url(#hatch);stroke:#c9c9ce}.hatch-line{stroke:#d6d6db;stroke-width:3px}.fp-area-label{fill:var(--grey);text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:600}.fp-area-core .fp-area-label{paint-order:stroke;stroke:#fafafb;stroke-width:5px}.fp-label{fill:var(--grey-mid);text-anchor:middle;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.fp-entrance line{stroke:var(--brand);stroke-width:6px;stroke-linecap:round}.fp-entrance rect{fill:var(--brand-strong)}.fp-entrance text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:11px;font-weight:700}.desk,.room{cursor:pointer;outline:none}.chair{fill:#cfcfd4}.desk-top{stroke-width:1.5px;transition:fill .15s}.desk-id{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:12.5px;font-weight:700}.desk-who{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-size:11px;font-weight:600}.desk-free .desk-top{fill:var(--green-tint);stroke:var(--green)}.desk-free .desk-id{fill:var(--green-strong)}.desk-free:hover .desk-top{fill:#d9edbf}.desk-mine .desk-top{fill:var(--brand);stroke:var(--brand-strong)}.desk-mine .desk-id,.desk-mine .desk-who{fill:#fff}.desk-mine .chair{fill:var(--brand-light)}.desk-taken .desk-top{fill:#dedee3;stroke:#a9a9b0}.desk-taken .desk-id,.desk-taken .desk-who{fill:var(--grey)}.desk-off .desk-top{fill:url(#hatch);stroke:#c3c3c8;stroke-dasharray:3 2}.desk-off .desk-id{fill:var(--grey-mid)}.desk.is-selected .desk-top,.room.is-selected .room-shape{stroke:var(--ink);stroke-width:3px}.desk:focus-visible .desk-top,.room:focus-visible .room-shape{stroke:var(--brand-strong);stroke-width:4px}.room-shape{fill:var(--brand-tint);stroke:var(--brand);stroke-width:2px;transition:fill .15s}.room:hover .room-shape{fill:#d6ecf8}.room-open .room-shape{stroke-dasharray:7 4}.room-busy .room-shape{fill:#f1e9d4;stroke:#d4a72c}.room-off .room-shape{fill:url(#hatch);stroke:#c3c3c8}.room-mine .room-shape{stroke:var(--brand-strong);stroke-width:3px}.room-table{fill:#fff;stroke:#b8d9ec}.room-name{text-anchor:middle;fill:var(--brand-deep);pointer-events:none;font-size:12px;font-weight:700}.room-status{text-anchor:middle;fill:var(--grey);pointer-events:none;font-size:10.5px}.legend{color:var(--grey);flex-wrap:wrap;gap:6px 18px;margin:10px 4px 2px;padding:0;font-size:.85rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.swatch{border:1.5px solid;border-radius:4px;width:16px;height:16px;display:inline-block}.swatch-free{background:var(--green-tint);border-color:var(--green)}.swatch-mine{background:var(--brand);border-color:var(--brand-strong)}.swatch-taken{background:#dedee3;border-color:#a9a9b0}.swatch-off{background:repeating-linear-gradient(45deg,#fafafb 0 3px,#d6d6db 3px 6px);border-style:dashed;border-color:#c3c3c8}.swatch-room{background:var(--brand-tint);border-color:var(--brand)}.resource-list{gap:18px;padding:8px;display:grid}.resource-list section{gap:8px;display:grid}.resource-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.resource-tile{text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid;border-radius:8px;gap:2px;min-width:0;padding:10px 12px;display:grid}.resource-tile-name{font-weight:700}.resource-tile-sub{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.tile-free{background:var(--green-tint);border-color:var(--green)}.tile-mine{background:var(--brand);border-color:var(--brand-strong);color:#fff}.tile-taken{color:var(--grey);background:#ececf0;border-color:#c3c3c8}.tile-off{color:var(--grey-mid);border-style:dashed;border-color:#c3c3c8}.tile-room{background:var(--brand-tint);border-color:var(--brand)}.resource-tile.is-selected{outline:3px solid var(--ink);outline-offset:1px}.panel{gap:16px;display:grid}.panel-empty{gap:10px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head .muted{margin-top:2px;font-size:.9rem}.notes{background:var(--soft);border-radius:8px;padding:8px 12px;font-size:.9rem}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.pill-free{background:var(--green-tint);color:var(--green-strong)}.pill-mine{background:var(--brand);color:#fff}.pill-taken{color:var(--grey);background:#e4e4e8}.pill-off{background:var(--soft);color:var(--grey-mid)}.pill-room{background:var(--brand-tint);color:var(--brand-strong)}.recurrence{border:1px solid var(--line);border-radius:10px;gap:12px;margin:0;padding:12px 14px;display:grid}.recurrence-body{gap:12px;display:grid}.recurrence .field .radio{margin-top:2px}.weekday-toggle{flex-wrap:wrap;gap:6px;display:flex}.weekday-toggle button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 10px;font-weight:600}.weekday-toggle button.is-on{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.admin-box{border:1px dashed var(--brand-light);background:#f7fbfe;border-radius:10px;gap:12px;padding:12px 14px;display:grid}.admin-box-title{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-strong);font-size:.8rem}.booking-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.booking-list li{background:var(--canvas);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.booking-list li.is-mine{background:var(--brand-tint)}.booking-time{font-variant-numeric:tabular-nums;min-width:92px;font-size:.9rem;font-weight:700}.booking-what{flex:1;min-width:0}.stack-tight{gap:6px;display:grid}.cal{border:1px solid var(--line);background:var(--surface);border-radius:8px 8px 0 0;max-height:240px;padding:8px 0;overflow-y:auto}.cal.is-expanded{max-height:none}.cal-expand{border:1px solid var(--line);background:var(--canvas);width:100%;font:inherit;color:var(--brand-strong);cursor:pointer;border-top:0;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:6px;padding:5px;font-size:.8rem;font-weight:600;display:flex}.cal-expand:hover{background:var(--brand-tint)}.cal-grid{grid-template-columns:52px minmax(0,1fr);display:grid;position:relative}.cal-times{color:var(--grey);font-variant-numeric:tabular-nums;font-size:.72rem;position:relative}.cal-times span{line-height:1;position:absolute;right:8px;transform:translateY(-50%)}.cal-times span:first-child{transform:none}.cal-day{border-left:1px solid var(--line);-webkit-user-select:none;user-select:none;cursor:cell;margin-right:8px;position:relative}.cal-day.is-readonly{cursor:default}.cal-slot{border-top:1px solid #0000}.cal-slot.is-hour{border-top-color:var(--line)}.cal-slot.is-half{border-top:1px dashed #ececf0}.cal-day:not(.is-readonly) .cal-slot:not(.is-past):hover{background:var(--brand-tint)}.cal-slot.is-past{cursor:not-allowed;background:repeating-linear-gradient(45deg,#f1f1f4 0 4px,#f8f8fa 4px 8px)}.cal-now{background:var(--danger);z-index:3;pointer-events:none;height:2px;position:absolute;left:-5px;right:0}.cal-now:before{content:"";background:var(--danger);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:0}.cal-event{z-index:1;box-sizing:border-box;cursor:default;border-left:4px solid var(--grey-mid);color:var(--ink);background:#ececf0;border-radius:4px;flex-direction:column;padding:2px 8px;font-size:.75rem;line-height:1.3;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.cal-event strong{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cal-event span{color:var(--grey);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cal-event.is-short{flex-direction:row;align-items:center;padding-block:0}.cal-event.is-mine{background:var(--brand-tint);border-left-color:var(--brand)}.cal-selection{z-index:2;box-sizing:border-box;cursor:grab;touch-action:none;border:2px solid var(--brand-strong);background:#329fdc47;border-radius:4px;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;left:3px;right:3px}.cal-selection:active{cursor:grabbing}.cal-selection:focus-visible{box-shadow:0 0 0 3px #329fdc73}.cal-selection.is-clash{border-color:var(--danger);background:#b423182e}.cal-selection-label{color:var(--brand-deep);pointer-events:none;white-space:nowrap;background:#ffffffd9;border-radius:4px;padding:0 6px;font-size:.75rem;font-weight:700}.cal-selection.is-clash .cal-selection-label{color:var(--danger)}.cal-handle{cursor:ns-resize;touch-action:none;height:10px;position:absolute;left:0;right:0}.cal-handle-top{top:-5px}.cal-handle-bottom{bottom:-5px}.cal-handle:after{content:"";background:var(--brand-strong);border-radius:2px;width:22px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cal-selection.is-clash .cal-handle:after{background:var(--danger)}.avatar-layout{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:20px;display:grid}.avatar-stage{gap:14px;display:grid;position:sticky;top:84px}.avatar-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.avatar-preview{background:var(--canvas);cursor:grab;touch-action:none;border-radius:8px;height:min(520px,60vh);min-height:320px;overflow:hidden}.avatar-preview:active{cursor:grabbing}.avatar-card-preview{width:max-content;max-width:100%;margin-top:8px}.avatar-controls{gap:18px;display:grid}.avatar-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.avatar-group legend{margin-bottom:10px;padding:0}.avatar-choices{flex-wrap:wrap;gap:6px;display:flex}.avatar-choices.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.avatar-choices button{font:inherit;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:600}.avatar-choices.is-grid button{border-radius:8px}.avatar-choices button:hover{border-color:var(--brand)}.avatar-choices button[aria-pressed=true]{border-color:var(--brand-strong);background:var(--brand-tint);color:var(--brand-deep)}.avatar-height{align-items:center;gap:10px;display:flex}.avatar-height input[type=range]{width:auto;min-height:0;accent-color:var(--brand-strong);background:0 0;border:0;flex:1;padding:0}.avatar-value{color:var(--brand-strong);font-size:.85rem;font-weight:600}.colour-field{gap:6px;display:grid}.colour-field.is-disabled{opacity:.45}.colour-field-label{font-size:.88rem;font-weight:600}.colour-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.colour-swatch{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:28px;height:28px;padding:0}.colour-swatch[aria-pressed=true]{outline:2.5px solid var(--brand-strong);outline-offset:2px}.colour-swatch:disabled,.colour-picker:disabled{cursor:not-allowed}.colour-swatches input.colour-picker{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;flex:none;width:40px;height:30px;min-height:0;padding:0 2px}.avatar-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.usage-dashboard{font-variant-numeric:lining-nums}.usage-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.is-refreshing{opacity:.5;transition:opacity .15s}.stat-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-content:start;gap:2px;padding:14px 16px;display:grid}.stat-label{color:var(--grey);font-size:.82rem;font-weight:600}.stat-value{color:var(--ink);font-size:1.6rem;font-weight:700;line-height:1.2}.stat-note{color:var(--grey);font-size:.8rem}.usage-card{gap:16px;display:grid}.usage-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-card-title{font-size:1.05rem}.table th.num,.table td.num{text-align:right;font-variant-numeric:tabular-nums lining-nums}.col-chart{grid-template-rows:200px auto;grid-template-columns:40px minmax(0,1fr);gap:6px 8px;padding-top:18px;display:grid}.col-chart-axis{color:var(--grey);font-variant-numeric:tabular-nums lining-nums;font-size:.72rem;position:relative}.col-chart-axis span{line-height:1;position:absolute;right:0;transform:translateY(50%)}.col-chart-plot{border-bottom:1px solid var(--line);display:flex;position:relative}.col-chart-grid{background:var(--soft);height:1px;position:absolute;left:0;right:0}.col-chart-slot{cursor:default;outline:none;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.col-chart-bar{background:var(--brand-strong);border-radius:4px 4px 0 0;width:24px;transition:filter .1s;position:relative}.col-chart-slot:hover .col-chart-bar,.col-chart-slot:focus-visible .col-chart-bar{filter:brightness(1.25)}.col-chart-slot:focus-visible{box-shadow:inset 0 0 0 2px var(--brand);border-radius:6px}.col-chart-value{color:var(--ink);white-space:nowrap;padding-bottom:4px;font-size:.8rem;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.col-chart-labels{color:var(--grey);font-size:.8rem;font-weight:600;display:flex}.col-chart-labels span{text-align:center;flex:1}.bar-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.bar-list-row{cursor:default;border-radius:6px;outline:none;grid-template-columns:minmax(96px,30%) minmax(0,1fr) 44px;align-items:center;gap:10px;padding:5px 6px;display:grid}.bar-list-row:hover,.bar-list-row:focus-visible{background:var(--canvas)}.bar-list-row:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.bar-list-name{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;font-size:.9rem;font-weight:600;display:flex}.bar-list-zone{color:var(--grey);text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.bar-list-track{align-items:center;height:14px;display:flex}.bar-list-bar{background:var(--brand-strong);border-radius:0 4px 4px 0;min-width:2px;height:100%}.bar-list-value{color:var(--ink);font-variant-numeric:tabular-nums lining-nums;text-align:right;font-size:.85rem;font-weight:700}.chart-tip{z-index:30;pointer-events:none;background:var(--surface);border:1px solid var(--line);max-width:260px;color:var(--grey);border-radius:8px;gap:1px;padding:8px 12px;font-size:.8rem;display:grid;position:fixed;box-shadow:0 6px 24px #1d1d1b29}.chart-tip strong{color:var(--ink);font-size:1rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.day-group{margin-bottom:16px}.day-group-title{color:var(--brand-deep);margin-bottom:6px;font-size:.95rem}.series-card{border:1px solid var(--line);border-radius:10px;gap:10px;margin-bottom:10px;padding:12px 14px;display:grid}.series-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tabs{border-bottom:2px solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs button{color:var(--grey);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-weight:600}.tabs button.is-active{color:var(--brand-strong);border-bottom-color:var(--brand)}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.toolbar .field:first-child{min-width:180px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--grey);border-bottom:1px solid var(--line);padding:8px 10px;font-size:.75rem}.table td{border-bottom:1px solid var(--soft);vertical-align:middle;padding:10px}.table tr.is-off td{opacity:.6}.table input,.table select{min-height:34px;padding:5px 8px}.toasts{z-index:50;gap:8px;max-width:min(420px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#fff;box-shadow:var(--shadow);background:var(--ink);border-left:5px solid var(--green);border-radius:10px;padding:12px 16px;font-weight:600;animation:.2s ease-out toast-in}.toast-error{background:var(--danger);border-left-color:#ffb4ab}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1100px){.book-layout{grid-template-columns:1fr}.side-card,.book-layout.is-matched .side-card{height:auto;min-height:0;max-height:none;position:static}.two-col,.avatar-layout{grid-template-columns:1fr}.avatar-stage{position:static}}@media (width<=720px){.topbar-inner{flex-wrap:wrap;gap:8px 16px;padding:10px 16px}.brand-app{display:none}.nav{order:3;width:100%}.main{padding:16px}.user-name{display:none}}