/* Nodiaxiom: graphite, silver and the supplied brand mark. */
:root{color-scheme:dark;--green:#eeeeee;--muted:#a8a8a8;--line:#353535;color:#ededed;background:#141414}
body{background:#141414}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#c6c6c6}
.sidebar{background:#101010;color:#a8a8a8;width:250px;border-right:1px solid #292929;padding:28px 20px 0}
.brand{color:#f6f6f6;font-size:24px;letter-spacing:-1px;gap:12px}
.brand-logo{width:46px;height:52px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logo img{width:76px;height:76px;max-width:none;object-fit:contain}
.brand-name{font-weight:750}.mobile-brand{display:none}
.workspace{border-color:#333;background:#1b1b1b;margin-top:32px;padding:14px 10px}.workspace-icon{background:linear-gradient(145deg,#383838,#242424);color:#e1e1e1}
.workspace strong{color:#e5e5e5;font-size:13px}.workspace small{font-size:11px;color:#989898}.workspace-dot{background:#a4a4a4}
.nav-label{color:#838383;font-size:10px}.nav-item{color:#b0b0b0;font-size:13px;padding:14px 12px;transition:background .16s,color .16s}
.nav-item.active{background:#e8e8e8;color:#161616}.nav-item:hover:not(.active){background:#262626;color:#f5f5f5}.nav-count{background:#d2d2d2;color:#333;font-size:11px}
.workspace-caption{padding:0 10px 12px}.demo-tag{color:#858585;font-size:9px;letter-spacing:1px}.profile{border-color:#303030}.profile strong{color:#e5e5e5;font-size:13px}.profile small{color:#939393;font-size:10px}.avatar,.avatar.manager,.avatar.small{background:#333;color:#ddd;border:1px solid #424242}
.main-shell{margin-left:250px;width:calc(100% - 250px)}.topbar{background:#171717;border-color:#2a2a2a;color:#a0a0a0;font-size:12px}.topbar strong{color:#ddd}.crumb{color:#666}.topbar-divider{background:#383838}.demo-pill{color:#bdbdbd;font-size:11px}.demo-pill i{background:#aaa}
main{padding-top:40px}.eyebrow{color:#929292;font-size:10px;letter-spacing:2px}h1{font-size:38px;color:#f2f2f2;letter-spacing:-1.4px;margin-top:12px}.page-heading{margin-bottom:32px}.page-heading p{font-size:13px;color:#aaa}
.button{background:#292929;border-color:#414141;color:#e8e8e8;font-size:13px;border-radius:8px;transition:background .16s,transform .16s}.button:hover{background:#363636}.button.primary{background:linear-gradient(#f5f5f5,#d9d9d9);border-color:#ededed;color:#151515;box-shadow:0 1px 0 #ffffff55 inset,0 3px 12px #0002}.button.primary:hover{background:#fff}.button:active{transform:translateY(1px)}
.metric{background:linear-gradient(125deg,#242424,#1d1d1d);border-color:#383838;border-radius:12px;padding:23px 25px;transition:background .16s,border-color .16s}.metric:hover{border-color:#686868}.metric.active-metric{background:#282828;border-color:#555}.metric-top{font-size:12px;color:#b1b1b1}.metric-top svg{color:#bcbcbc;width:18px;height:18px}.metric-value{color:#f5f5f5;font-size:40px;margin:15px 0 10px}.metric-bottom{font-size:11px;color:#a0a0a0}.metric-bottom span{color:#ccc}
.focus-strip{background:#1c1c1c;border-color:#333;padding:16px 19px}.focus-icon{background:#2d2d2d;color:#d4d4d4}.focus-strip div strong{font-size:12px;color:#dedede}.focus-strip div span{font-size:11px;color:#9d9d9d}.focus-strip button{color:#ccc;font-size:12px}
.request-section{background:#1c1c1c;border-color:#383838;border-radius:12px}.section-heading{padding:24px}h2{color:#eee;font-size:18px}#total-label{font-size:12px;color:#a3a3a3}.view-switch{background:#141414}.view-switch button{color:#999}.view-switch button.selected{background:#343434;color:#eee;box-shadow:0 1px 3px #0003}
.search{background:#171717;border-color:#3b3b3b;width:370px;padding:12px;color:#aaa}.search input{color:#eee;font-size:12px}.search input::placeholder{color:#929292}.search:focus-within{outline-color:#9e9e9e}kbd{color:#aaa;border-color:#454545}.select-wrap{background:#222;border-color:#3b3b3b;color:#b9b9b9}.select-wrap select{font-size:12px;color:#ddd;padding:11px 3px}option{background:#242424;color:#eee}.icon-button{background:#252525;border-color:#414141;color:#ccc;width:39px;height:39px;transition:background .16s}.icon-button:hover{background:#3b3b3b;color:#fff}
.tabs{gap:26px}.tabs button{color:#aaa;font-size:12px;padding-bottom:16px}.tabs button.active{color:#fff;border-color:#dedede}.tabs button span{background:#303030;color:#bbb;font-size:10px}.tabs button.active span{background:#414141;color:#f1f1f1}
th{background:#191919;color:#aaa;font-size:10px;letter-spacing:.8px;padding:15px 16px}td{border-color:#303030;padding:19px 16px;font-size:12px;color:#c4c4c4;transition:background .15s}tr:hover td{background:#262626}.id-cell{font-size:11px;color:#9a9a9a}.client-cell{gap:12px}.client-cell strong{font-size:13px;color:#eee;font-weight:600}.client-cell small{color:#aaa;font-size:11px;margin-top:6px}.client-cell .avatar{width:35px;height:35px;font-size:11px}.tone-1,.tone-2,.tone-3{background:#333;color:#d5d5d5}.car-label{font-size:12px;color:#e0e0e0}.service-label{font-size:11px;color:#a6a6a6;max-width:220px}.source{font-size:11px;color:#bbb}.source svg{color:#aaa}.time{font-size:11px;color:#aaa}.arrow-button{color:#a4a4a4}.arrow-button:hover{color:#fff}
.badge,.badge.received,.badge.new,.badge.in_progress,.badge.scheduled,.badge.done,.badge.cancelled{background:#303030;border:1px solid #474747;color:#d2d2d2;font-size:11px;padding:6px 8px}.badge.done{border-color:#717171}.badge.cancelled{border-style:dashed;color:#aaa}
.table-footer{color:#999;font-size:10px;padding:18px 24px}.page-footer{color:#858585;font-size:9px;padding-top:25px}.page-footer span span{color:#686868}
.board{background:#171717}.board-card{background:#252525;border-color:#444}.board-title{color:#aaa}.board-card strong{color:#eee}.board-card small{color:#aaa}.empty{color:#aaa;font-size:13px}.empty strong{color:#eee}
dialog{background:#1c1c1c;color:#ddd;border-color:#444;box-shadow:-16px 0 80px #0005}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.drawer{width:550px;border-color:#404040;padding:30px}.drawer[open]{animation:drawer-in .22s cubic-bezier(.2,.7,.2,1)}.create-dialog[open]{animation:modal-in .18s ease-out}.dialog-top h2{font-size:24px}.drawer-client h3{font-size:21px;color:#eee}.drawer-client a{color:#d0d0d0;font-size:14px}.detail-grid{background:#252525;font-size:13px;border:1px solid #363636}.detail-grid small{color:#a5a5a5;font-size:11px}.drawer h4{color:#ddd;font-size:14px}.services li{color:#ddd;border-color:#363636;font-size:14px}.services li:before{color:#bbb}.muted{color:#aaa;font-size:12px}.status-edit select{background:#252525;border-color:#494949;color:#eee;font-size:13px}.detail-tabs{border-color:#3c3c3c}.detail-tabs button{color:#aaa;font-size:13px}.detail-tabs button.active{color:#fff;border-color:#ddd}.message{background:#262626;color:#ddd;font-size:13px}.message.user{background:#333}.message small,.note small{color:#aaa;font-size:11px}.note{border-color:#444;font-size:13px}.create-dialog label{font-size:13px}.create-dialog input,textarea{background:#242424;border-color:#454545;color:#eee;font-size:13px}.form-error{color:#f0a69e}.toast{background:#e8e8e8;color:#161616;font-size:13px;box-shadow:0 6px 30px #0005}
@keyframes drawer-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.sidebar{width:220px;padding-left:15px;padding-right:15px}.main-shell{margin-left:220px;width:calc(100% - 220px)}.brand{gap:8px;font-size:22px}.brand-logo{width:42px}.metric{padding:20px}.search{width:330px}td{padding:17px 12px}.tabs{gap:18px}}
@media(max-width:850px){.sidebar{width:76px;padding:20px 12px}.brand{gap:0}.brand-name,.workspace-caption{display:none}.brand-logo{width:50px}.main-shell{margin-left:76px;width:calc(100% - 76px)}.nav-item{font-size:0}.metric-top{font-size:12px}.metric-value{font-size:35px}}
@media(max-width:600px){.sidebar{display:none}.main-shell{margin:0;width:100%}.topbar{height:67px;padding:0 16px}.topbar>span:first-of-type{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#eee;font-size:19px;font-weight:750;letter-spacing:-.6px}.mobile-brand .brand-logo{width:35px;height:42px}.mobile-brand img{width:58px;height:58px}.demo-pill{font-size:10px}main{padding:26px 14px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:32px}.page-heading p{font-size:12px}.metric{padding:18px 15px}.metric-top{font-size:11px}.metric-value{font-size:32px}.metric-bottom{font-size:10px}.focus-strip{padding:14px 12px}.focus-strip div strong{font-size:11px}.section-heading{padding:20px 15px}h2{font-size:16px}#total-label{font-size:11px}.filters{flex-wrap:wrap}.search{width:100%;flex-basis:100%}.search input{font-size:12px}.filter-right{width:100%;justify-content:space-between;gap:10px}.select-wrap select{font-size:12px}.tabs{gap:20px}.tabs button{font-size:11px}.table-footer{font-size:10px}.drawer{padding:23px}.page-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}