:root{color:#333840;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-size:14px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:400;color:#1677ff;text-decoration:inherit}a:hover{color:#0f3f70}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:1.45rem;font-weight:650;line-height:1.2;margin:0}h2,h3,p{margin-top:0}button{border-radius:8px;border:1px solid #102033;padding:.6em 1.2em;font-size:.92rem;font-weight:500;font-family:inherit;background-color:#102033;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#165a9f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{cursor:not-allowed;opacity:.6}#root{min-height:100vh}.login-screen{align-items:center;background:linear-gradient(90deg,#e8ebf0fa,#e8ebf0e6 42%,#eff1f5c7),radial-gradient(circle at 16% 24%,rgba(255,255,255,.72),transparent 24%),linear-gradient(105deg,#d5d9df,#eef0f4 52%,#d9dde3);display:flex;isolation:isolate;min-height:100vh;overflow:hidden;padding:7vh 10vw;position:relative}.login-background{background:url(/assets/login-rack-DnQlIlV-.webp) right -6vw center / min(48vw,740px) auto no-repeat,linear-gradient(90deg,transparent 0 68%,rgba(255,255,255,.32) 68% 100%);inset:0;position:absolute;z-index:-1}.login-background:before{background:repeating-linear-gradient(0deg,rgba(80,86,96,.055) 0 1px,transparent 1px 58px),repeating-linear-gradient(90deg,rgba(80,86,96,.045) 0 1px,transparent 1px 64px);content:"";inset:0;opacity:.45;position:absolute}.login-background:after{background:radial-gradient(circle at 12% 18%,rgba(50,55,64,.08),transparent 18%),radial-gradient(circle at 42% 28%,rgba(255,255,255,.32),transparent 24%),linear-gradient(180deg,transparent 82%,rgba(178,184,194,.32));content:"";inset:0;position:absolute}.login-card{background:#fffffff5;border:1px solid rgba(224,228,234,.95);border-radius:8px;box-shadow:0 18px 44px #565e6a29;margin-left:1vw;max-width:500px;padding:0;width:min(500px,92vw)}.login-brand{align-items:center;border-bottom:1px solid #edf0f3;display:flex;flex-direction:column;min-height:132px;justify-content:center;padding:22px 36px;text-align:center}.login-brand h1{color:#3f4650;font-size:22px;font-weight:720;margin:0}.login-form{display:grid;gap:14px;padding:22px 30px 16px}.login-form-header{display:grid;gap:4px}.login-form-header h2{color:#303741;font-size:15px;font-weight:650;margin:0}.login-form-header p{color:#7d8793;font-size:12px;line-height:1.45;margin:0}.login-field{display:grid;gap:6px}.login-field label{color:#6f7884;font-size:12px}.login-field input{background:#fff;border:1px solid #dfe4ea;border-radius:7px;color:#303741;height:38px;padding:0 12px}.login-field input::placeholder{color:#a9b1bb}.login-error{background:#fff6f6;border:1px solid #f0caca;border-radius:7px;color:#a83d3d;margin:0;padding:8px 10px}.login-success{background:#f4fbf7;border:1px solid #cbe9d5;border-radius:7px;color:#287647;line-height:1.45;margin:0;padding:10px 12px}.login-submit{background:#1677ff;border:1px solid #1677ff;border-radius:7px;color:#fff;height:38px;margin-top:2px}.login-footer{align-items:center;border-top:1px solid #edf0f3;color:#7d8793;display:flex;font-size:13px;gap:18px;justify-content:center;padding:18px 30px 24px}.console-shell{--blue: #1677ff;--green: #33c966;--ink: #333840;--muted: #6b7280;--faint: #aeb5bf;--line: #edf0f3;--panel: #fbfcfd;background:#fff;color:var(--ink);font-size:13px;font-weight:400;min-height:100vh}.console-topbar{align-items:center;background:#f5f6f8;border-bottom:1px solid #eceff2;display:grid;grid-template-columns:204px 1fr auto;height:68px;left:0;position:sticky;top:0;z-index:10}.site-switcher{align-items:center;background:#eef0f3;color:#57606b;display:flex;gap:12px;height:100%;padding:0 28px;font-size:13px;line-height:1.35}.status-dot,.row-status{background:var(--green);border-radius:999px;display:inline-block;flex:0 0 auto}.status-dot{height:5px;width:5px}.row-status{height:7px;width:7px}.row-status.offline{background:#c8ced6}.chevron{color:#8a929d;margin-left:auto}.product-tab{align-items:center;background:#fff;color:var(--blue);display:flex;font-size:14px;font-weight:500;gap:12px;height:100%;justify-content:center}.product-mark{background:radial-gradient(circle at center,#fff 0 4px,transparent 5px),var(--blue);border-radius:999px;height:23px;width:23px}.topbar-title{color:#c4c8ce;font-size:15px;font-weight:700;justify-self:center}.topbar-actions{align-items:center;display:flex;gap:22px;padding-right:20px}.mode-toggle{border:2px solid #d5dae0;border-radius:999px;height:24px;position:relative;width:24px}.mode-toggle:after{background:#86909c;border-radius:999px 0 0 999px;content:"";height:14px;left:4px;position:absolute;top:3px;width:7px}.user-avatar{align-items:center;background:#d9c69f;border-radius:7px;color:#1f2933;display:inline-flex;font-size:12px;font-weight:600;height:30px;justify-content:center;width:30px}.rail{align-items:center;background:#fff;border-right:1px solid var(--line);bottom:0;display:flex;flex-direction:column;gap:22px;left:0;padding-bottom:22px;padding-top:28px;position:fixed;top:68px;width:68px;z-index:8}.rail-item{align-items:center;background:transparent;border:0;color:#7b8591;display:inline-flex;font-size:12px;font-weight:650;height:25px;justify-content:center;padding:0;width:34px}.rail-icon{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:20px}.rail-item.active,.rail-item:hover{color:var(--blue)}.rail-button{cursor:pointer;font-family:inherit}.rail-spacer{border-top:1px solid var(--line);flex:1;width:28px}.console-main{margin-left:68px;min-height:calc(100vh - 68px)}.network-view{display:grid;grid-template-columns:344px minmax(0,1fr);min-height:calc(100vh - 68px)}.filter-panel{background:var(--panel);border-right:1px solid var(--line);color:#606975;overflow:hidden auto;padding:16px 16px 24px}.panel-tabs{background:#f1f3f6;border-radius:8px;display:inline-grid;gap:6px;margin-bottom:10px;padding:4px}.panel-tab{background:transparent;border:0;border-radius:8px;color:#7c8490;font-size:13px;font-weight:400;padding:8px 10px}.panel-tab.active{background:#fff;color:var(--blue)}.filter-group{border-top:1px solid var(--line);padding:12px 10px 10px}.filter-group header{align-items:center;display:flex;justify-content:space-between}.filter-group h2{color:#3b4047;font-size:12px;font-weight:650;margin:0}.filter-items{display:grid;gap:10px;margin-top:12px}.check-row{align-items:center;cursor:pointer;display:flex;gap:10px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400}.check-row input{height:18px;inset:0 auto auto 0;margin:0;opacity:0;position:absolute;width:18px}.fake-check{background:#fff;border:1px solid #c9d0d8;border-radius:5px;flex:0 0 auto;height:18px;position:relative;width:18px}.check-row input:checked+.fake-check{background:var(--blue);border-color:var(--blue)}.check-row input:checked+.fake-check:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:8px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:4px}.filter-search input,.muted-select{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:#59626e;display:flex;font-size:13px;height:36px;padding:0 12px;width:100%}.filter-search input::placeholder{color:#b7bec7}.muted-select{background:#fafbfc;border-radius:0;height:31px}.filter-panel a,.filter-panel .filter-group button,.filter-links button{background:transparent;border:0;color:var(--blue);font:inherit;padding:0;text-align:left;font-size:13px}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.filter-links{border-top:1px solid var(--line);display:grid;gap:14px;padding:14px 10px}.table-workspace{overflow:hidden;padding:14px 20px 18px}.workspace-toolbar{align-items:center;display:flex;min-height:44px;justify-content:space-between}.workspace-kicker{color:#7b8490;font-size:10px;font-weight:650;margin:0 0 2px;text-transform:uppercase}.workspace-toolbar h1{color:#272b31;font-size:15px;font-weight:650;line-height:1.2}.ghost-action{background:#f5f7fa;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-size:13px;padding:7px 11px}.inline-success{background:#f1fbf5;border:1px solid #ccefd8;border-radius:8px;color:#1f9a4b;margin:8px 0;padding:8px 12px}.console-loading{color:#7b8490;padding:24px}.unifi-table-frame{overflow:auto}.unifi-table{border-collapse:collapse;min-width:1180px;width:100%}.unifi-table th,.unifi-table td{border-bottom:1px solid var(--line);padding:7px 13px;text-align:left;white-space:nowrap}.unifi-table th{color:#333840;font-size:12px;font-weight:700}.unifi-table td{color:#646c77;font-size:13px;font-weight:400;height:22px}.sortable-header{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font:inherit;gap:6px;padding:0}.sortable-header span:last-child{color:#a4acb6;font-size:11px}.unifi-table tbody tr{cursor:default}.unifi-table tbody tr:hover{background:#fbfcfe}.unifi-table .selected-row{background:#f4f8ff}.name-cell{display:table-cell}.name-cell>*{vertical-align:middle}.name-cell>*+*{margin-left:10px}.device-icon{background:linear-gradient(145deg,#f9fafb,#d6d9dd);border-radius:4px;box-shadow:inset 0 0 0 1px #d9dee4;height:21px;width:16px}.device-icon.badge{background:linear-gradient(145deg,#2d3238,#111418)}.device-icon.accessory{background:linear-gradient(145deg,#fff,#d8dde3)}.faded-id{color:#c2c8cf}.excellent{color:var(--green)!important}.action-cell{text-align:right}.action-cell button,.button,button[type=submit]{background:#fff;border:1px solid #dfe4ea;border-radius:7px;color:var(--blue);font-size:12px;font-weight:500;padding:5px 9px}.table-footer{align-items:center;color:#6c7480;display:flex;font-size:13px;gap:22px;padding:16px 0 0}.rows-select{align-items:center;background:#f7f8fa;border:1px solid var(--line);border-radius:7px;color:#6c7480;display:inline-flex;gap:6px;min-height:30px;padding:0 10px}.rows-select strong{color:#3f4650;font-weight:600}.select-chevron{border-bottom:1.5px solid #8d96a1;border-right:1.5px solid #8d96a1;display:inline-block;height:6px;margin-left:4px;transform:rotate(45deg);width:6px}.admin-orders-view{padding:14px 20px 20px}.admin-orders-toolbar{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:12px}.orders-count{background:#f6f7f9;border:1px solid var(--line);border-radius:7px;color:#7b8490;padding:6px 10px}.toolbar-actions{align-items:center;display:flex;gap:10px}.primary-action-button{background:var(--blue);border:1px solid var(--blue);border-radius:7px;color:#fff;font-size:12px;font-weight:500;padding:6px 10px}.admin-table-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.admin-table-layout.has-detail-panel{grid-template-columns:minmax(0,1fr) 340px}.orders-table-section{min-width:0}.orders-filters{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(240px,360px) 180px;margin-bottom:12px}.users-filters{grid-template-columns:minmax(240px,360px) 180px 180px}.orders-filters label{color:#737c87;display:grid;font-size:12px;gap:5px}.orders-filters input,.orders-filters select{background:#fff;border:1px solid #dfe4ea;border-radius:7px;color:#3d434b;height:32px;padding:0 10px}.orders-table{min-width:980px}.orders-table tbody tr{cursor:pointer}.orders-table select{max-width:220px;min-width:180px}.muted-cell{color:#8a929d!important;max-width:320px;overflow:hidden;text-overflow:ellipsis}.order-detail-panel{animation:side-panel-enter .18s ease-out;border-left:1px solid var(--line);color:#5f6874;min-height:calc(100vh - 150px);padding-left:18px;transform-origin:right center;will-change:opacity,transform}.order-detail-panel.is-closing{animation:side-panel-exit .18s ease-in forwards}.order-detail-panel header{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px;padding-bottom:12px}.order-detail-panel header>span{grid-column:1 / -1}.order-detail-panel h2{color:#2f343a;font-size:15px;font-weight:650;margin:0 0 4px}.panel-close-button{background:#fff;border:1px solid #dfe4ea;border-radius:7px;color:#6f7884;font-size:12px;padding:5px 9px}.side-panel-form{display:grid;gap:14px}.side-panel-form label{color:#737c87;display:grid;font-size:12px;gap:5px}.side-panel-form input{background:#fff;border:1px solid #dfe4ea;border-radius:7px;color:#3d434b;height:34px;padding:0 10px}@keyframes side-panel-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes side-panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(18px)}}@media(prefers-reduced-motion:reduce){.order-detail-panel,.order-detail-panel.is-closing{animation:none}}.detail-list{display:grid;gap:10px;margin:0 0 18px}.detail-list div{display:grid;gap:2px}.detail-list dt{color:#9199a3;font-size:11px;text-transform:uppercase}.detail-list dd{color:#3d434b;margin:0}.detail-lines-table th,.detail-lines-table td{border-bottom:1px solid var(--line);font-size:12px;padding:7px 0}.detail-lines-table th{color:#3b4047;font-weight:650}.pager{display:flex;gap:2px}.pager button{background:#f7f8fa;border:1px solid var(--line);border-radius:7px;color:#8d96a1;padding:7px 12px}.page{margin:0 auto;max-width:1100px;padding:2rem}.narrow{max-width:720px}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.eyebrow{color:#5c6b7a;font-size:.85rem;font-weight:700;margin:0 0 .25rem;text-transform:uppercase}.section{margin-top:2rem}.grid,.stack{display:grid;gap:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.item-card,.summary,.confirmation,.order-card{border:1px solid #dde3ea;border-radius:8px;padding:1rem}.item-card{align-items:center;display:flex;justify-content:space-between}.summary,.confirmation{background:#f5f8fb;display:grid;gap:.35rem}.success{background:#edf8f2;border:1px solid #b8e1c8;border-radius:8px;color:#1c6338;padding:.75rem 1rem}.button{display:inline-flex}.button.secondary{background:#eaf0f6;color:#102033}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #dde3ea;padding:.75rem;text-align:left}input,select{border:1px solid #c7d0da;border-radius:8px;font:inherit;padding:.55rem .7rem}.order-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}@media(max-width:760px){.login-screen{align-items:center;justify-content:center;padding:24px}.login-background{background:url(/assets/login-rack-DnQlIlV-.webp) center 12% / 320px auto no-repeat,#ffffff59;opacity:.28}.login-card{margin-left:0}.login-footer{align-items:flex-start;flex-direction:column;gap:10px}.console-topbar{grid-template-columns:1fr auto}.topbar-title{display:none}.network-view,.admin-table-layout.has-detail-panel,.orders-filters{grid-template-columns:1fr}.order-detail-panel{border-left:0;border-top:1px solid var(--line);min-height:auto;padding-left:0;padding-top:16px}.filter-panel{border-bottom:1px solid var(--line);border-right:0;max-height:290px}}