:root{--bg:#f5f7f5;--panel:#fff;--panel-soft:#f8faf9;--nav:#0c2824;--nav-soft:#143a34;--text:#14231f;--text-soft:#3d504a;--muted:#72817c;--line:#e3e9e6;--line-strong:#d5ded9;--primary:#178b74;--primary2:#20ad8f;--primary-soft:#e7f6f1;--warning:#bd7a18;--warning-soft:#fff4df;--danger:#c84b4b;--danger-soft:#fff0ef;--success:#20845f;--success-soft:#e8f6ef;--info:#3975b7;--info-soft:#ebf3fc;--shadow-xs:0 1px 2px #11251f0a;--shadow-sm:0 5px 18px #11251f0e;--shadow-md:0 18px 50px #11251f17;--radius-sm:8px;--radius:13px;--radius-lg:20px;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent);outline-offset:2px}.shell{min-height:100vh;padding-left:264px;transition:padding-left .25s}.sidebar{z-index:30;color:#dce9e5;background:var(--nav);border-right:1px solid #ffffff0f;flex-direction:column;width:264px;transition:width .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.brand-zone{border-bottom:1px solid #ffffff12;align-items:center;min-height:84px;padding:18px 18px 14px;display:flex;position:relative}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark,.brand-logo{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.brand-mark{color:#06382d;background:linear-gradient(145deg, #70e1c4, var(--primary2));letter-spacing:.04em;font-size:12px;font-weight:900;box-shadow:0 8px 24px #13bc9538}.brand-logo{background:#fff}.brand-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.brand-copy{min-width:0;transition:opacity .15s}.brand h1{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:16px;line-height:1.2;overflow:hidden}.brand small{color:#91aaa3;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.sidebar-toggle{color:#6d827c;border:1px solid var(--line);cursor:pointer;width:27px;height:27px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;padding:0;transition:transform .2s,color .2s;display:grid;position:absolute;top:33px;right:-13px}.sidebar-toggle:hover{color:var(--primary)}.mobile-close{color:#b8cac5;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:7px;display:none}.nav{scrollbar-width:thin;scrollbar-color:#36534c transparent;flex:1;padding:16px 12px;overflow:auto}.nav-group+.nav-group{margin-top:16px}.nav-title{color:#68857d;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:0 11px 7px;font-size:9px;font-weight:800}.nav a{color:#a8bdb7;border-radius:9px;align-items:center;gap:11px;min-height:42px;margin:2px 0;padding:9px 11px;font-size:12px;font-weight:600;text-decoration:none;transition:color .17s,background .17s;display:flex;position:relative}.nav a:hover{color:#fff;background:#ffffff0e}.nav a.active{color:#fff;background:#44d0ac24}.nav a.active:before{content:"";background:#50d4b1;border-radius:0 4px 4px 0;width:3px;height:18px;position:absolute;left:0}.nav .icon{flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.nav a.active .icon{color:#65ddbd}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-footer{background:#ffffff0b;border:1px solid #fff1;border-radius:11px;align-items:center;gap:10px;margin:12px;padding:12px;display:flex}.station-icon{color:#61d5b5;background:#3fc9a41c;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.sidebar-footer-copy{min-width:0}.sidebar-footer span{color:#718d85;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:8px;font-weight:800;display:block}.sidebar-footer b{color:#dce9e5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.sidebar-collapsed{padding-left:82px}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-title,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer-copy{opacity:0;pointer-events:none;width:0}.sidebar-collapsed .brand-zone{padding-inline:19px}.sidebar-collapsed .nav{padding-inline:15px}.sidebar-collapsed .nav a{justify-content:center;padding-inline:10px}.sidebar-collapsed .sidebar-footer{justify-content:center;margin-inline:15px;padding-inline:9px}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.main{min-width:0;min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe8;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-context{align-items:center;gap:12px;display:flex}.topbar-context span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.topbar-context b{font-size:13px;display:block}.menu-button{width:40px;height:40px;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;padding:0;display:none}.topbar-tools,.user{align-items:center;display:flex}.topbar-tools{gap:18px}.secure-session{color:var(--success);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.user{border-left:1px solid var(--line);gap:9px;padding-left:18px}.avatar{color:#fff;background:linear-gradient(140deg, var(--nav-soft), var(--primary));border-radius:10px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.user-copy b{text-overflow:ellipsis;white-space:nowrap;max-width:155px;font-size:11px;display:block;overflow:hidden}.user-copy small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.logout{color:#6d7c77;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:6px;padding:8px 9px;font-size:10px;font-weight:700;display:flex}.logout:hover{color:var(--danger);background:var(--danger-soft)}.page-container{width:min(1540px,100%);margin:0 auto;padding:30px 32px 48px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title h2{letter-spacing:-.035em;margin:0;font-size:clamp(23px,2vw,29px);font-weight:760}.page-title p{max-width:680px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 14px;font-size:11px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 20%, transparent)}.btn.primary:hover{background:color-mix(in srgb, var(--primary) 88%, #061f19);box-shadow:0 9px 22px color-mix(in srgb, var(--primary) 26%, transparent)}.btn.secondary{color:var(--text-soft);border-color:var(--line-strong);box-shadow:var(--shadow-xs);background:#fff}.btn.secondary:hover{color:var(--text);background:#fbfcfb;border-color:#bdcbc5}.btn.danger{color:var(--danger);background:var(--danger-soft);border-color:#f3d5d2}.btn.tiny{min-height:30px;padding:6px 9px;font-size:9px}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:10px;font-weight:750;display:inline-flex}.close-button{width:31px;height:31px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);cursor:pointer;border-radius:8px;place-items:center;padding:0;font-size:18px;display:grid}.grid{gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.section-card{margin-top:18px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:61px;padding:15px 18px;display:flex}.card-head h3{margin:0;font-size:13px;font-weight:750}.card-head small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.card-body{padding:18px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{min-height:154px;padding:17px}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-icon{width:37px;height:37px;color:var(--success);background:var(--success-soft);border-radius:10px;place-items:center;display:grid}.kpi-icon.blue{color:#3775b9;background:#edf4fc}.kpi-icon.violet{color:#7658ae;background:#f2eef9}.kpi-icon.amber{color:#ac721e;background:#fff5e5}.kpi-period{color:#93a09c;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.kpi>small{color:var(--muted);font-size:10px}.kpi h3{letter-spacing:-.035em;margin:6px 0 8px;font-size:clamp(21px,2.1vw,27px);line-height:1.1}.trend{color:var(--text-soft);font-size:9px;font-weight:650}.trend.down{color:var(--danger)}.content-2{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);margin-top:16px}.content-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-scroll{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#87948f;border-bottom:1px solid var(--line);letter-spacing:.09em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafcfb;padding:11px 14px;font-size:8px;font-weight:800}td{color:var(--text-soft);vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 14px;font-size:10px}tbody tr{transition:background .14s}tbody tr:hover{background:#fafcfb}tbody tr:last-child td{border-bottom:0}td b,td strong{color:var(--text)}.row-subtitle{color:var(--muted);margin-top:4px;font-size:9px;display:block}.empty{color:var(--muted);text-align:center;padding:35px 20px!important}.muted{color:var(--muted)}.pill{letter-spacing:.015em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.pill.success{color:#207856;background:var(--success-soft)}.pill.warning{color:#996515;background:var(--warning-soft)}.pill.danger{color:#ae4141;background:var(--danger-soft)}.pill.info,.pill.dark{color:#386d9e;background:var(--info-soft)}.table-action{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:0;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:750;transition:filter .15s,transform .15s}.table-action:hover{filter:brightness(.97);transform:translateY(-1px)}.danger-text{color:var(--danger)!important;background:var(--danger-soft)!important}.warning-text{color:var(--warning)!important}.dashboard-hero{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(115deg,#0b2b25,#124c40 68%,#166e59);justify-content:space-between;align-items:center;gap:30px;min-height:155px;margin-bottom:16px;padding:27px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #0a332a29}.dashboard-hero:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-145px;right:-80px;box-shadow:0 0 0 44px #ffffff06,0 0 0 88px #ffffff05}.dashboard-hero>*{z-index:1;position:relative}.eyebrow{color:#71d8bd;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;font-size:8px;font-weight:850;display:block}.dashboard-hero h3{letter-spacing:-.035em;margin:0 0 6px;font-size:24px}.dashboard-hero p{color:#abc8c0;max-width:570px;margin:0;font-size:11px;line-height:1.55}.hero-health{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:11px;min-width:215px;padding:14px 16px}.hero-health span{color:#88ddc6;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;font-weight:700;display:flex}.hero-health b{font-size:10px}.dashboard-content{grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr)}.system-list{gap:0;display:grid}.system-stat{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.system-stat:last-child{border:0}.system-stat span{color:var(--muted);font-size:10px}.system-stat b{font-size:14px}.filters{border:1px solid var(--line);box-shadow:var(--shadow-xs);background:#fff;border-radius:11px;align-items:center;gap:9px;margin-bottom:15px;padding:11px;display:flex}.filters label{color:var(--text-soft);font-size:10px;font-weight:700}.input,.field input,.field select,.field textarea,.mini-input{width:100%;min-height:39px;color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:9px 11px;font-size:10px;transition:border-color .16s,box-shadow .16s,background .16s}.input{width:auto;min-width:155px}.input.grow,.filters .grow{flex:1;min-width:210px}.field textarea{resize:vertical;min-height:88px}.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:#a1ada9}.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.mini-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 11%, transparent);outline:0}.field input:disabled,.field select:disabled,.mini-input:disabled{color:#75827e;cursor:not-allowed;background:#f2f5f3}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--text-soft);font-size:9px;font-weight:750}.wide-field{grid-column:1/-1}.inline-form{box-shadow:var(--shadow-sm);margin-bottom:17px;overflow:visible}.inline-form .form-actions,.form-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.spacer{flex:1}.check-label{color:var(--text-soft);align-items:center;gap:8px;font-size:10px;display:flex}.check-label input{width:15px;height:15px;accent-color:var(--primary)}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-button.disabled{opacity:.55;pointer-events:none}.notice{color:#336b99;background:var(--info-soft);border:1px solid #d8e8f7;border-radius:9px;align-items:center;gap:9px;margin-bottom:15px;padding:11px 13px;font-size:10px;display:flex}.notice.error,.login-error{color:#a83d3d;background:var(--danger-soft);border-color:#f0d1ce}.notice.success{color:#247656;background:var(--success-soft);border-color:#d0ebdf}.loader{border:2px solid color-mix(in srgb, var(--info) 25%, transparent);border-top-color:var(--info);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;color:var(--muted);place-items:center;font-size:12px;font-weight:700;display:grid}.async-field{position:relative}.selected-option{background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.selected-option span,.search-result{flex-direction:column;gap:3px;display:flex}.selected-option b,.search-result b{font-size:10px}.selected-option small,.search-result small{color:var(--muted);font-size:8px}.selected-option button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 5px;font-size:17px}.search-popover{z-index:50;border:1px solid var(--line);max-height:285px;box-shadow:var(--shadow-md);background:#fff;border-radius:10px;padding:5px;display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto}.search-popover.open{display:block}.search-result,.search-more{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px}.search-result:hover{background:var(--primary-soft)}.search-more{color:var(--primary);border-top:1px solid var(--line);text-align:center;border-radius:0;font-size:9px;font-weight:800}.search-state{color:var(--muted);text-align:center;padding:13px;font-size:9px}.error-text{color:var(--danger)}.queue{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.queue:empty{display:none}.queue-card{min-height:155px;padding:14px;position:relative;overflow:hidden}.queue-card:after{background:linear-gradient(90deg, var(--primary), var(--primary2));content:"";height:3px;position:absolute;top:0;left:0;right:0}.queue-num{overflow-wrap:anywhere;letter-spacing:-.02em;margin-top:13px;font-size:17px;font-weight:850}.queue-card .line{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.45}.queue-card .state{justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;display:flex}.ticket-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.timer{color:var(--primary);font-size:9px;font-weight:750}.order-form-card{overflow:hidden}.order-progress{border-bottom:1px solid var(--line);background:#fafcfb;justify-content:center;align-items:center;gap:9px;padding:13px 18px;display:flex}.order-progress span{color:#9aa6a2;white-space:nowrap;align-items:center;gap:6px;font-size:8px;font-weight:750;display:flex}.order-progress span i{background:#edf1ef;border-radius:8px;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.order-progress span.active{color:var(--primary)}.order-progress span.active i{color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.order-progress span.done{color:var(--success)}.order-progress span.done i{color:#fff;background:var(--success)}.order-progress>b{background:var(--line-strong);width:34px;height:1px}.split{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.check-section{padding:18px}.check-section+.check-section{border-top:1px solid var(--line)}.check-section h4{margin:0 0 12px;font-size:12px}.check-item{border-bottom:1px solid var(--line);grid-template-columns:30px minmax(155px,1.4fr) 120px 110px minmax(120px,1fr) 95px;align-items:center;gap:9px;padding:10px 0;font-size:9px;display:grid}.check{width:25px;height:25px;color:var(--success);background:var(--success-soft);border-radius:7px;place-items:center;font-weight:900;display:grid}.check.warn{color:var(--warning);background:var(--warning-soft)}.mini-input{min-width:0;min-height:34px;padding:7px;font-size:9px}.side-summary{height:max-content;position:sticky;top:90px}.summary-photo{color:#fff;background:linear-gradient(140deg, #0d352e, var(--primary));border-radius:10px;place-items:center;height:125px;margin-bottom:12px;font-size:34px;display:grid}.kv{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:10px 0;font-size:10px;display:flex}.kv span{color:var(--muted)}.total{justify-content:space-between;align-items:center;padding-top:14px;font-size:14px;font-weight:850;display:flex}.inspection-line{margin-top:14px}.full-button{width:100%;margin-top:10px}.certificate-box{color:#206f53;background:var(--success-soft);border:1px solid #cde8dc;border-radius:9px;gap:9px;margin-top:15px;padding:12px;display:grid}.certificate-box a{color:var(--primary);font-size:9px;font-weight:750}.defect-list{flex-wrap:wrap;gap:7px;margin-top:5px;display:flex}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.integration-card{padding:17px}.integration-logo{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;font-size:17px;display:grid}.integration-card h4{margin:12px 0 6px;font-size:12px}.integration-card p{min-height:31px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.integration-foot{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.integration-test{width:100%;margin-top:12px}.toggle{cursor:pointer;background:#dbe4e0;border:0;border-radius:999px;width:34px;height:19px;padding:0;position:relative}.toggle.on{background:var(--primary)}.toggle:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:left .18s;position:absolute;top:3px;left:3px}.toggle.on:after{left:18px}.terminal,.code{color:#cbe5de;background:#081d19;border-radius:9px;padding:14px;font-family:Consolas,monospace;font-size:9px;line-height:1.65}.status-line{align-items:center;gap:8px;display:flex}.status-light{background:#3cc889;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3cc8891f}.metric-ring{background:conic-gradient(var(--primary) 0 82%, #e7ece9 82%);border-radius:50%;place-items:center;width:100px;height:100px;margin:auto;display:grid}.metric-ring:after,.dynamic-ring span{background:#fff;border-radius:50%;place-items:center;width:70px;height:70px;font-size:16px;font-weight:850;display:grid}.metric-ring:after{content:"82%"}.dynamic-ring:after{content:none}.progress-row{margin-bottom:14px}.progress-meta{justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.track{background:#edf1ef;border-radius:999px;height:6px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--primary), var(--primary2));border-radius:inherit;height:100%}.hero-portal{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(120deg,#0b2b25,#15705a);padding:27px}.portal-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.portal-action{border:1px solid var(--line);background:#fff;border-radius:11px;padding:16px}.portal-action-icon{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:10px;place-items:center;display:grid}.portal-action b{margin:9px 0 4px;font-size:11px;display:block}.portal-login{max-width:700px;margin:auto}.portal-appointment{margin-top:16px}.settings-tabs{background:#e9eeeb;border-radius:10px;gap:3px;width:max-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.settings-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:9px;font-weight:750}.settings-tabs button.active{color:var(--text);box-shadow:var(--shadow-xs);background:#fff}.settings-panel{overflow:hidden}.settings-layout{grid-template-columns:185px minmax(0,1fr);gap:25px;display:grid}.brand-editor{background:var(--panel-soft);border:1px solid var(--line);text-align:center;border-radius:11px;flex-direction:column;align-items:center;gap:9px;height:max-content;padding:17px;display:flex}.brand-editor small{color:var(--muted);font-size:8px;line-height:1.45}.logo-preview{color:#fff;background:linear-gradient(140deg, var(--nav), var(--primary));width:100px;height:100px;box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 18%, transparent);border-radius:20px;place-items:center;font-size:24px;font-weight:900;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;background:#fff;width:100%;height:100%;padding:7px}.settings-management{grid-template-columns:minmax(300px,.72fr) minmax(410px,1.28fr);align-items:start;gap:16px;display:grid}.entity-list{padding:3px 16px}.entity-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 2px;display:grid}.entity-row:last-child{border:0}.entity-row>div:first-child{flex-direction:column;gap:4px;display:flex}.entity-row b{font-size:10px}.entity-row small{color:var(--muted);font-size:8px}.entity-row .ticket-actions{margin:0}.login-page{background:#f4f6f4;grid-template-columns:minmax(430px,1.08fr) minmax(430px,.92fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:#0b2b25;align-items:center;min-height:100vh;padding:clamp(45px,7vw,100px);display:flex;position:relative;overflow:hidden}.showcase-grid{opacity:.3;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 75%);mask-image:linear-gradient(to bottom right,#000,#0000 75%)}.showcase-content{z-index:2;max-width:650px;position:relative}.showcase-badge{color:#86ddc6;letter-spacing:.04em;text-transform:uppercase;background:#40caa517;border:1px solid #68e0c026;border-radius:999px;align-items:center;gap:8px;width:max-content;margin-bottom:34px;padding:8px 11px;font-size:9px;font-weight:750;display:flex}.login-showcase h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.6vw,65px);line-height:1.06}.login-showcase h2 span{color:#59d3b2}.login-showcase p{color:#a8c3bc;max-width:570px;margin:24px 0 0;font-size:13px;line-height:1.7}.showcase-points{flex-wrap:wrap;gap:10px 22px;margin-top:38px;display:flex}.showcase-points span{color:#d1e2dd;align-items:center;gap:7px;font-size:10px;display:flex}.showcase-points svg{color:#59d3b2}.showcase-orbit{border:1px solid #56d4b21f;border-radius:50%;position:absolute}.orbit-one{width:700px;height:700px;bottom:-310px;right:-260px;box-shadow:0 0 0 70px #48cda906,0 0 0 140px #48cda905}.orbit-two{width:420px;height:420px;top:-180px;left:-180px}.login-access{place-items:center;padding:45px clamp(35px,7vw,100px);display:grid}.login-card{width:min(420px,100%)}.login-brand{margin-bottom:clamp(45px,7vh,75px)}.login-brand .brand-mark{flex-basis:48px;width:48px;height:48px}.login-brand h1{color:var(--text);font-size:18px}.login-brand small{color:var(--muted);font-size:9px}.login-heading>span{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;font-size:8px;font-weight:850;display:block}.login-heading h2{letter-spacing:-.04em;margin:0 0 8px;font-size:29px}.login-heading p{color:var(--muted);margin:0 0 28px;font-size:11px;line-height:1.5}.login-field{margin-bottom:14px}.login-field label{font-size:10px}.login-field input{background:#fff;min-height:46px;padding-inline:13px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-field button:hover{color:var(--primary);background:var(--primary-soft)}.login-error{border:1px solid;border-radius:8px;margin:5px 0 14px;padding:10px 12px;font-size:9px}.login-submit{justify-content:space-between;width:100%;min-height:46px;margin-top:8px;padding-inline:16px}.login-security{color:#8a9893;justify-content:center;align-items:center;gap:6px;margin-top:19px;font-size:8px;display:flex}.nav-overlay{display:none}@media (width<=1240px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.queue{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-item{grid-template-columns:30px minmax(150px,1fr) 120px}.check-item input:nth-last-child(-n+3){grid-column:2/-1}}@media (width<=1050px){.shell,.sidebar-collapsed{padding-left:0}.sidebar,.sidebar-collapsed .sidebar{width:264px;transform:translate(-105%);box-shadow:20px 0 60px #05181342}.sidebar.open{transform:translate(0)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-title,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer-copy{opacity:1;pointer-events:auto;width:auto}.sidebar-collapsed .brand-zone{padding-inline:18px}.sidebar-collapsed .nav{padding-inline:12px}.sidebar-collapsed .nav a{justify-content:flex-start;padding-inline:11px}.sidebar-collapsed .sidebar-footer{justify-content:flex-start;margin-inline:12px;padding-inline:12px}.sidebar-toggle{display:none}.mobile-close,.menu-button{place-items:center;display:grid}.nav-overlay{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0415116b;border:0;display:block;position:fixed;inset:0}.content-2,.content-3,.dashboard-content,.split,.settings-management{grid-template-columns:1fr}.side-summary{position:static}}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-access{min-height:100vh;padding:32px 24px}.login-brand{margin-bottom:50px}.page-container{padding:24px 20px 40px}.topbar{padding-inline:20px}.secure-session{display:none}.records-grid,.settings-layout{grid-template-columns:1fr}.brand-editor{flex-flow:wrap;justify-content:center}.brand-editor small{flex-basis:100%}.portal-actions,.queue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topbar{height:64px}.topbar-context>div span{display:none}.topbar-context>div b{font-size:11px}.user-copy{display:none}.user{border-left:0;padding-left:0}.logout span{display:none}.page-head{flex-direction:column;align-items:stretch}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.kpis,.queue,.integration-grid,.portal-actions,.form-grid{grid-template-columns:1fr}.kpi{min-height:140px}.dashboard-hero{flex-direction:column;align-items:flex-start;padding:24px}.hero-health{width:100%}.filters{flex-direction:column;align-items:stretch}.input,.input.grow,.filters .grow{width:100%;min-width:0}.check-item{grid-template-columns:29px 1fr}.check-item .mini-input,.check-item input:nth-last-child(-n+3){grid-column:2/-1}.entity-row{grid-template-columns:1fr auto}.entity-row .ticket-actions{grid-column:1/-1}.order-progress{justify-content:flex-start;overflow-x:auto}.order-progress span{font-size:0}.order-progress>b{flex:0 0 20px;width:20px}.settings-tabs{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
