:root{--base: #f5f7f4;--surface: #ffffff;--surface2: #f6f8f3;--elevated: #e5eae4;--border: #d9e1d6;--border-sub: #e5eae4;--accent: #27704c;--accent-bright:#205c3e;--accent-dim: #edf5e7;--accent-glow: rgba(39,112,76,.16);--on-accent: #ffffff;--text-1: #1f312a;--text-2: #627168;--text-3: #69776c;--available: #27704c;--busy: #896015;--error: #ad493d;--info: #26697c;--mono: "IBM Plex Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--base);color:var(--text-1);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border-sub);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 24px;border-bottom:1px solid var(--border-sub)}.brand-icon{width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 18px var(--accent-glow)}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-name span{color:var(--accent)}.brand-badge{font-family:var(--mono);font-size:10px;background:var(--elevated);color:var(--text-3);padding:2px 8px;border-radius:4px;margin-left:auto}.sidebar-nav{padding:12px 10px;flex:1}.nav-section-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:8px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:background .12s,color .12s;margin-bottom:1px}.nav-link:hover{background:var(--surface2);color:var(--text-1)}.nav-link.active{background:#27704c1a;color:var(--accent)}.nav-icon{width:18px;opacity:.7}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--border-sub)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border-sub);padding:14px 28px;display:flex;align-items:center;gap:12px}.topbar-title{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-1)}.topbar-sub{font-size:13px;color:var(--text-3);font-family:var(--mono)}.content{padding:28px}section,.card{background:var(--surface);border:1px solid var(--elevated);border-radius:14px;padding:22px;margin-bottom:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-sub)}.card-title{font-size:15px;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}thead th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:0 10px 12px;text-align:left;border-bottom:1px solid var(--border-sub)}tbody tr{border-bottom:1px solid var(--border-sub)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface2)}td{padding:12px 10px;vertical-align:top;color:var(--text-1)}td.muted,.muted{color:var(--text-2)}td.mono,.mono{font-family:var(--mono);font-size:12px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";display:block;width:6px;height:6px;border-radius:50%}.badge-available{background:#27704c1f;color:var(--available)}.badge-available:before{background:var(--available)}.badge-busy{background:#f5b5441f;color:var(--busy)}.badge-busy:before{background:var(--busy)}.badge-error{background:#ff5f561f;color:var(--error)}.badge-error:before{background:var(--error)}.badge-offline{background:var(--elevated);color:var(--text-3)}.badge-offline:before{background:var(--text-3)}.badge-info{background:#3fd0d91f;color:var(--info)}.badge-info:before{background:var(--info)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:opacity .1s}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 14px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-1);border:1px solid var(--border)}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(255,95,86,.4)}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;margin:0;font-family:var(--mono);color:var(--text-2);background:var(--surface2);padding:10px 14px;border-radius:8px}.pagination{margin-top:16px}.pagination a,.pagination span{display:inline-block;padding:6px 12px;background:var(--surface2);border-radius:7px;font-size:13px;color:var(--text-2);text-decoration:none;margin:2px}.pagination .active span,.pagination span[aria-current]{background:var(--accent);color:var(--on-accent)}input,select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:9px;color:var(--text-1);padding:8px 12px;font-size:13px;width:100%}textarea{min-height:96px;resize:vertical;font-family:inherit}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=color]{min-height:38px;padding:3px}label{display:block;color:var(--text-2);font-size:12px;font-weight:600;margin-bottom:6px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:18px;font-size:13px}.alert-success{background:#27704c1a;border:1px solid rgba(39,112,76,.25);color:var(--accent)}.alert-error{background:#ff5f561a;border:1px solid rgba(255,95,86,.25);color:var(--error)}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.metric{background:var(--surface);border:1px solid var(--elevated);border-radius:14px;padding:18px}.metric span{display:block;font-family:var(--mono);color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:8px;font-size:26px;color:var(--text-1)}a{color:var(--accent)}a:hover{color:var(--accent-bright)}:root{color-scheme:light;--mono: ui-monospace, SFMono-Regular, Consolas, monospace}body{font-size:14px;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.2}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:14px;font-weight:650}h3{font-size:15px}a{text-underline-offset:3px}button,input,select,textarea{font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #72a748;outline-offset:3px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:var(--text-1);color:#fff;z-index:100}.skip-link:focus{top:12px}.sidebar{width:232px;z-index:40;border-color:var(--border-sub)}.sidebar-brand{padding:28px 22px 25px;border:0}.brand-icon{border-radius:10px;width:36px;height:36px;background:var(--text-1);color:#d3f59e;box-shadow:none}.brand-name{font-size:21px;line-height:1.05;letter-spacing:-.8px}.brand-name small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:5px;font-weight:500;text-transform:uppercase}.sidebar-nav{padding:8px 15px}.nav-section-label{font-family:inherit;font-weight:650;font-size:10px;letter-spacing:1.6px;padding:15px 12px 8px}.nav-link{padding:11px 12px;font-size:13px;min-height:42px}.nav-link.active{background:#eaf2e3;color:#274c31;font-weight:650}.nav-icon{display:inline-flex;width:18px;justify-content:center;font-size:17px}.workspace-context{margin:0 0 10px;padding:12px;border:1px solid var(--border-sub);border-radius:10px;font-size:12px}.workspace-context strong,.workspace-context small{display:block}.workspace-context form{margin-top:9px}.nav-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between}.nav-details summary:after{content:"+"}.nav-details[open] summary:after{content:"−"}.sidebar-footer{padding:14px 20px}.profile-name{font-weight:600;font-size:12px;margin-bottom:8px}.topbar{min-height:76px;padding:15px 32px;background:#ffffffb3;gap:18px}.breadcrumb{font-size:12px;color:var(--text-2)}.breadcrumb strong{font-weight:550;color:var(--text-1)}.global-search{margin-left:auto;display:flex;gap:6px;max-width:420px;width:50%}.global-search input{background:transparent;border-color:transparent}.global-search:focus-within input{border-color:var(--border);background:#fff}.content{padding:30px 32px;width:100%;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.page-heading h1{margin-bottom:8px}.page-sub{color:var(--text-2);font-size:13px;margin:0}.heading-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:50%}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}section,.card{border-color:var(--border-sub);padding:22px;border-radius:14px;box-shadow:none;min-width:0}.card-header{gap:12px}.card-header h2{margin:0}.metric{text-decoration:none;border-color:var(--border-sub);padding:20px}.metric span{font-family:inherit;text-transform:none;letter-spacing:0;font-size:12px;color:var(--text-2)}.metric strong{font-size:30px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric small{display:block;margin-top:8px;font-size:11px}.metric-highlight{background:#edf3e5;border-color:#dce5cd}.metric-grid{gap:16px;margin-bottom:25px}.btn{min-height:38px;justify-content:center;border-radius:8px;font-size:12px;gap:8px;padding:9px 14px}.btn-primary{background:var(--text-1);color:#fff;box-shadow:none}.btn-primary:hover{color:#fff}.btn-secondary{background:#fff}.btn-soft{background:#d3f59e;color:#294127}.btn-danger{background:#fff9f7}.table-scroll{overflow:auto;max-width:100%;border-radius:8px}table{font-size:12px}thead th{font-family:inherit;text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;padding:12px;background:#f8faf6;white-space:nowrap}td{padding:15px 12px}.row-title{display:block;font-weight:600;text-decoration:none;color:var(--text-1);margin-bottom:4px}td small{display:block;font-size:11px}table a:not(.btn){font-weight:550}.badge{font-size:11px;white-space:nowrap;padding:4px 9px}input,select,textarea{background:#fff;min-height:39px;padding:9px 11px}input[type=checkbox],input[type=radio]{min-height:0;width:auto;accent-color:var(--accent)}label{font-size:12px;margin-top:10px}textarea{min-height:120px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full-width{grid-column:1/-1}.filter-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-bar>div{flex:1;min-width:160px}.check-label{display:flex;gap:8px;align-items:center;min-height:38px}.form-actions{flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}.detail-grid>div,.detail-grid>aside{min-width:0}.ticket-timeline-entry{padding:16px 0;border-bottom:1px solid var(--border-sub)}.entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px}.entry-meta time{color:var(--text-2);margin-left:auto;font-size:11px}.ticket-timeline-entry p{margin:12px 0 0}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.details-list dt{color:var(--text-2);font-size:11px}.details-list dd{margin:3px 0 14px}.context-link{display:block;padding:10px 0;border-top:1px solid var(--border-sub)}.back-link{display:inline-block;margin-bottom:20px;font-size:12px;text-decoration:none}.notice{padding:14px;background:#edf5e7;border:1px solid #dce5cd;border-radius:8px;font-size:12px}.empty-state{text-align:center;padding:35px 16px;color:var(--text-2)}.empty-state strong{color:var(--text-1)}.empty-state p{margin:8px 0 0}.section-jump{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.section-jump a{padding:6px 10px;border:1px solid var(--border-sub);background:#fff;border-radius:6px;color:var(--text-2);font-size:11px;text-decoration:none}section[id],.card[id]{scroll-margin-top:20px}.mobile-menu,.sidebar-close,.menu-shade{display:none}.page-footer{padding:16px 32px;margin-top:auto;color:var(--text-2);font-size:11px;border-top:1px solid var(--border-sub);display:flex;justify-content:space-between;gap:10px}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 20%,#e7f0dc,transparent 60%),var(--base)}.login-card{width:100%;max-width:440px;padding:36px;margin:0}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-card h1{font-size:29px}.login-card .subtitle{color:var(--text-2);margin-bottom:25px}.login-card .form-group{margin-bottom:16px}.login-card .remember{display:flex;gap:8px;align-items:center;font-weight:400}.login-submit{width:100%;margin-top:12px}.login-note{text-align:center;font-size:11px;color:var(--text-2);margin:24px 0 0}@media(max-width:1100px){.sidebar{width:215px}.content{padding:24px}.topbar{padding:14px 24px}.page-heading{align-items:start;flex-direction:column}.heading-actions{max-width:100%}.detail-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;width:272px;visibility:hidden;transform:translate(-100%);height:100dvh}.menu-open .sidebar{visibility:visible;transform:translate(0)}.menu-open .menu-shade{display:block;position:fixed;inset:0;background:#15231966;z-index:35;border:0}.sidebar-close{display:block;margin-left:auto;padding:5px 9px}.mobile-menu{display:inline-flex;padding:7px 10px}.content{padding:22px 16px}.topbar{padding:12px 16px;gap:8px;flex-wrap:wrap;min-height:65px}.breadcrumb{flex:1}.global-search{width:100%;max-width:none}h1{font-size:25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:15px}.metric strong{font-size:25px}section,.card{padding:17px}.form-grid,.grid{grid-template-columns:minmax(0,1fr)}.page-footer{padding:16px;flex-wrap:wrap}.form-actions .btn{flex:1}.card-header{flex-wrap:wrap}.login-card{padding:27px}.content [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pagination .pager .btn{margin:0;padding:8px 12px}.pagination .pager [aria-current=page]{background:var(--text-1);color:#fff}.pager [aria-disabled=true]{opacity:.5}@media(max-width:760px){body.menu-open{overflow:hidden}}.session-heatmap{min-width:1280px;font-variant-numeric:tabular-nums}.session-heatmap td{text-align:center;color:var(--text-1);background:color-mix(in srgb,var(--accent) var(--heat),var(--surface))}.session-heatmap th{text-align:center;white-space:nowrap}.session-heatmap th[scope=row]{text-align:left}
