:root{--ink:#17191d;--ink2:#20232a;--paper:#fff;--canvas:#f4f5f7;--line:#e4e7ec;--line2:#d4d9e1;--text:#20242b;--muted:#697386;--gold:#a47b45;--blue:#4478d1;--violet:#7758c7;--teal:#2f8e8a;--green:#4f8461;--amber:#a9702a;--orange:#c66c35;--purple:#7759a9;--cyan:#3f839c;--slate:#64748b;--rose:#a85b6d;--red:#b24d4d;--greenbg:#eef7f0;--amberbg:#fff5e8;--redbg:#fff0ef}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--canvas);font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.authbrand{background:var(--ink);color:#f5f0e7;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.authbrand>b,.logo,.sideLogo{font-family:Georgia,serif;letter-spacing:.18em}.authbrand>b{font-size:18px;line-height:1.45}.authbrand small,.pagehead small{text-transform:uppercase;letter-spacing:.13em;color:#bea47e;font-weight:700}.authbrand h1{font-family:Georgia,serif;font-weight:400;font-size:48px;line-height:1.05;margin:12px 0 18px}.authbrand p{max-width:620px;color:#bcb5a9;font-size:16px;line-height:1.6}.authbox{display:grid;place-items:center;padding:40px}.card{width:min(430px,100%)}.logo{margin-bottom:48px}.card h2{font-size:28px;margin:0 0 7px}.card>p{color:var(--muted)}form{display:grid;gap:15px;margin:24px 0 10px}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#514b43}input,select{height:42px;border:1px solid var(--line2);border-radius:9px;padding:0 12px;background:#fff;outline:0;color:var(--text)}input:focus,select:focus{border-color:var(--route,#8c7357);box-shadow:0 0 0 3px color-mix(in srgb,var(--route,#8c7357) 14%,transparent)}form button,.standalone>button{height:42px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-weight:700}.card a{display:inline-block;color:#795a35;font-weight:700;margin-top:8px}.error,.success,.info{padding:12px 14px;border-radius:10px}.error{background:var(--redbg);color:var(--red)}.success{background:var(--greenbg);color:var(--green)}.standalone{margin:10vh auto;padding:38px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #141c2814}.standalone>button{width:100%;margin-top:15px}.shell{min-height:100vh}.shell>aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);color:#eee8de;padding:18px 13px;display:flex;flex-direction:column;z-index:30}.sideLogo{font-size:18px;padding:4px 10px 18px;border-bottom:1px solid #31343b}.sideLogo span{display:block;font-family:Inter,system-ui;font-size:9px;letter-spacing:.16em;color:#858b96;margin-top:5px}.shell nav{padding-top:12px;overflow:auto;scrollbar-width:thin}.navgroup{margin:0 0 4px}.navgroup summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 5px;color:#777f8d;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;cursor:pointer}.navgroup summary::-webkit-details-marker{display:none}.navgroup summary span{font-size:13px;transition:.15s}.navgroup:not([open]) summary span{transform:rotate(-90deg)}.navitem{display:flex!important;align-items:center;gap:10px;text-decoration:none;color:#b9bec7;padding:9px 10px;margin:2px 0;border-radius:8px;font-weight:650;position:relative}.navitem i{width:7px;height:7px;border-radius:50%;background:#606672;box-shadow:0 0 0 3px #ffffff06}.navitem:hover{background:#242830;color:#fff}.navitem.active{background:#2b3038;color:#fff;box-shadow:inset 3px 0 0 var(--navtone)}.navitem.active i{background:var(--navtone);box-shadow:0 0 0 3px color-mix(in srgb,var(--navtone) 20%,transparent)}.tone-gold{--navtone:var(--gold)}.tone-blue{--navtone:var(--blue)}.tone-violet{--navtone:var(--violet)}.tone-teal{--navtone:var(--teal)}.tone-green{--navtone:var(--green)}.tone-amber{--navtone:var(--amber)}.tone-orange{--navtone:var(--orange)}.tone-purple{--navtone:var(--purple)}.tone-cyan{--navtone:var(--cyan)}.tone-slate{--navtone:var(--slate)}.tone-rose{--navtone:var(--rose)}.tone-stone{--navtone:#8b8f98}.who{margin-top:auto;border-top:1px solid #31343b;padding:13px 7px 0;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:9px;background:#2b3038;display:grid;place-items:center;font-weight:800;color:#ddd4c6}.whoText{min-width:0}.who b,.who span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who b{font-size:11px}.who span{font-size:9px;color:#858b96;margin-top:2px}.who button{border:0;background:transparent;color:#959ba5;padding:6px;font-size:10px}.shell>main{margin-left:250px;min-height:100vh;--route:var(--gold)}.route-blue{--route:var(--blue)}.route-violet{--route:var(--violet)}.route-teal{--route:var(--teal)}.route-green{--route:var(--green)}.route-amber{--route:var(--amber)}.route-orange{--route:var(--orange)}.route-purple{--route:var(--purple)}.route-cyan{--route:var(--cyan)}.route-slate{--route:var(--slate)}.route-rose{--route:var(--rose)}.route-stone{--route:#8b8f98}.shell main>header{height:62px;position:sticky;top:0;z-index:20;background:#fffffff0;-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.shell main>header>div{display:flex;align-items:baseline;gap:10px}.shell main>header small{color:#9aa1ad;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:800}.shell main>header b{font-size:13px}.live{display:flex;align-items:center;gap:6px;font-size:10px;color:#536273;background:#f7f8fa;border:1px solid var(--line);padding:5px 8px;border-radius:999px}.live i{width:7px;height:7px;border-radius:50%;background:#4f9867}.content{padding:26px 30px 42px;max-width:1720px;margin:auto}.pagehead{margin-bottom:18px;padding-left:13px;border-left:4px solid var(--route)}.pagehead small{font-size:9px;color:var(--route)}.pagehead h1{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:5px 0 3px}.pagehead p{margin:0;color:var(--muted);max-width:900px;line-height:1.45;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.kpi,section,.sys,.reserved{background:var(--paper);border:1px solid var(--line);border-radius:11px}.kpi{padding:14px 15px;min-height:88px;box-shadow:0 1px 2px #141c2805}.kpi:before{content:"";display:block;width:30px;height:3px;border-radius:99px;background:var(--route);margin-bottom:9px}.kpi span{display:block;color:var(--muted);font-size:10px;font-weight:650}.kpi b{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400;margin-top:7px}.sectitle{padding:15px 17px 7px}.sectitle h2{font-size:15px;margin:0}.sectitle p{font-size:10px;color:var(--muted);margin:4px 0}.tablecard{overflow:auto;box-shadow:0 1px 2px #141c2808}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:11px}.searchbox{display:flex;align-items:center;min-width:min(620px,62vw);position:relative;background:#fff;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.searchicon{position:absolute;left:12px;color:#9098a5;font-size:18px;transform:rotate(-15deg)}.searchbox input{flex:1;min-width:160px;border:0;border-radius:0;padding-left:37px;box-shadow:none!important}.searchgo,.clearbtn{height:34px;margin-right:4px;border:0;border-radius:7px;padding:0 12px;font-size:11px;font-weight:750}.searchgo{background:var(--route);color:#fff}.clearbtn{background:#f1f3f6;color:#667085}.toolbarRight{display:flex;align-items:center;gap:8px}.resultcount{white-space:nowrap;color:#7b8491;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.toolbar select{min-width:155px;height:38px}.info{background:#fffaf2;border:1px solid #eadbc7;color:#5d4f3b;margin-bottom:11px}.accentinfo{border-left:4px solid var(--route)}.info b,.info span{display:block}.info span{font-size:10px;color:#7a6d5c;margin-top:4px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px}thead{position:sticky;top:0;z-index:2}th{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#6f7886;background:#f7f8fa;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:800;white-space:nowrap}th:first-child{padding-left:16px}td{padding:10px 12px;border-bottom:1px solid #eef0f3;vertical-align:middle;background:#fff}td:first-child{padding-left:16px;border-left:3px solid transparent}tbody tr:nth-child(2n) td{background:#fcfcfd}tbody tr:hover td{background:#f6f8fb}tbody tr:hover td:first-child{border-left-color:var(--route)}tbody tr:last-child td{border-bottom:0}td b,td small{display:block}td b{font-size:12px}td small{font-size:9px;color:var(--muted);margin-top:3px;max-width:300px;line-height:1.35}.mono{font-family:Consolas,ui-monospace,monospace;font-size:11px}.danger{color:var(--red)!important}.badge{display:inline-flex;align-items:center;border:1px solid #dfe2e7;background:#f3f4f6;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:850;color:#606978;white-space:nowrap}.badge.good{background:var(--greenbg);border-color:#d7e8da;color:#477759}.badge.warn{background:var(--amberbg);border-color:#efd9b8;color:#936126}.badge.bad{background:var(--redbg);border-color:#efd0ce;color:#a74646}.empty{padding:54px 20px;text-align:center;color:var(--muted)}.reserved{padding:64px 20px;text-align:center;color:var(--muted);border-top:4px solid var(--route)}.reserved h2{font-family:Georgia,serif;font-weight:400;color:var(--ink);font-size:26px;margin:0 0 7px}.reserved p{max-width:620px;margin:0 auto 14px;line-height:1.6}.systems{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sys{padding:14px;border-top:3px solid var(--route)}.sys>div{display:flex;align-items:center;gap:8px}.sys>div b{flex:1}.sys p{color:var(--muted);font-size:10px;min-height:30px}.sys i{width:8px;height:8px;border-radius:50%;background:#a49e96}.sys i.healthy{background:#5b9768}.sys i.setup{background:#b58a51}.sys i.disabled{background:#a49e96}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.systems{grid-template-columns:repeat(2,1fr)}.shell>aside{width:225px}.shell>main{margin-left:225px}.searchbox{min-width:min(500px,58vw)}}@media(max-width:780px){.auth{grid-template-columns:1fr}.authbrand{display:none}.shell>aside{position:static;width:100%;height:auto;padding:14px}.sideLogo{border:0;padding:0 5px 11px}.shell nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible;padding:0}.navgroup{border:1px solid #30343c;border-radius:8px;padding:3px}.navgroup summary{padding:6px 7px}.navitem{padding:7px}.who{display:none}.shell>main{margin-left:0}.content{padding:18px 12px 30px}.shell main>header{padding:0 14px}.shell main>header small{display:none}.pagehead h1{font-size:28px}.kpis{grid-template-columns:repeat(2,1fr)}.systems{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.searchbox{min-width:0;width:100%}.toolbarRight{justify-content:space-between}.toolbar select{flex:1}.tablecard{overflow:auto}table{min-width:760px}}@media(max-width:480px){.shell nav{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.searchgo{padding:0 9px}.clearbtn{padding:0 8px}.resultcount{display:none}}.orderkpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin-bottom:12px}.orderkpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-align:left;min-height:72px;box-shadow:0 1px 2px #141c2805}.orderkpi span{display:block;color:var(--muted);font-size:10px;font-weight:700}.orderkpi b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-top:6px}.orderkpi:hover,.orderkpi.active{border-color:var(--route);box-shadow:inset 0 0 0 1px var(--route)}.ordersbar{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.ordersbar>.toolbar{flex:1;margin:0}.orderfilters{display:flex;gap:8px;align-items:center}.orderfilters select{height:42px;min-width:150px}.columnwrap{position:relative}.columnsbtn{height:42px;border:1px solid var(--line2);background:#fff;border-radius:9px;padding:0 14px;font-weight:700}.columnmenu{position:absolute;right:0;top:47px;width:220px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px #141c2824;border-radius:10px;padding:10px;z-index:40}.columnmenu>b{display:block;padding:5px 6px 8px}.columnmenu label{display:flex;grid-template:none;align-items:center;gap:8px;padding:5px 6px;font-size:11px;color:var(--text);font-weight:600}.columnmenu input{width:15px;height:15px}.columnmenu button{width:100%;margin-top:7px;height:32px;border:0;border-radius:7px;background:#f3f4f6}.ordertable{margin-top:10px}.clickrow{cursor:pointer}.clickrow td:first-child b{color:#315f9e}.taglist{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.taglist span{font-size:8px;font-weight:800;background:#eef2f8;color:#53657c;border:1px solid #dbe3ee;border-radius:999px;padding:3px 6px}.taglist.big span{font-size:10px;padding:5px 8px}.drawerback{position:fixed;inset:0;background:#14181e38;z-index:80;display:flex;justify-content:flex-end}.orderdrawer{width:min(620px,94vw);height:100%;background:#f7f8fa;border-left:1px solid var(--line);box-shadow:-18px 0 50px #141c2824;overflow:auto;padding:22px}.drawerclose{position:sticky;top:0;float:right;width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:22px;z-index:2}.drawerhead{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:10px}.drawerhead small{text-transform:uppercase;letter-spacing:.12em;color:var(--route);font-size:9px;font-weight:800}.drawerhead h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:5px 0 9px}.drawersummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.drawersummary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.drawersummary span,.drawersummary small{display:block;color:var(--muted);font-size:9px}.drawersummary b{display:block;margin-top:5px}.drawersect{padding:14px 16px;margin-bottom:10px}.drawersect h3{font-size:12px;margin:0 0 10px}.drawersect p{color:#566173;line-height:1.55;font-size:11px}.lineitem,.eventrow{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #eef0f3}.lineitem:last-child,.eventrow:last-child{border-bottom:0}.lineitem small,.eventrow small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.technical{background:#fbfbfc}.technical p{margin:0}@media(max-width:1100px){.orderkpis{grid-template-columns:repeat(3,1fr)}.ordersbar{flex-direction:column}.orderfilters{width:100%;flex-wrap:wrap}}@media(max-width:700px){.orderkpis{grid-template-columns:repeat(2,1fr)}.orderfilters select{flex:1;min-width:0}.drawersummary{grid-template-columns:1fr}.orderdrawer{width:100vw}.columnmenu{right:0}}