@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500&display=swap";:root{font-family:Figtree,system-ui,sans-serif;color:#14233b;background:#f3f7fc;--bg:#f3f7fc;--surface:#fff;--surface2:#edf3fa;--text:#14233b;--muted:#60718b;--line:#d6e1ef;--blue:#1769dc;--blue2:#2e7eea;--nav:#0f2e5b;--shadow:0 14px 40px rgba(25,55,98,.09)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(46,126,234,.35);outline-offset:2px}[data-theme=dark]{--bg:#091321;--surface:#111d30;--surface2:#17263d;--text:#f3f7fd;--muted:#9bacc4;--line:#293b55;--nav:#0b254b;--shadow:0 18px 50px rgba(0,0,0,.24)}svg{width:20px;height:20px;stroke-width:2}.shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;background:var(--nav);color:#dceaff;z-index:20}.brand{height:72px;display:flex;align-items:center;gap:13px;padding:0 10px}.brand b{display:block;color:#fff;font-size:18px;letter-spacing:.02em}.brand span{font-size:12px;color:#8eadd8}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#398bfa,#1359c4);box-shadow:inset 0 1px #ffffff40,0 10px 25px #0003}.logo svg{width:24px;height:24px}nav{display:grid;gap:6px;margin-top:16px}nav button,.logout{min-height:48px;border:0;border-radius:12px;background:transparent;color:#bcd0ec;display:flex;align-items:center;gap:12px;padding:0 14px;font-weight:700;text-align:left;transition:.2s ease}nav button:hover,.logout:hover{background:#ffffff12;color:#fff}nav button.active{color:#fff;background:#2879e7;box-shadow:0 8px 18px #0000002b}nav svg{width:19px}.aside-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.operator{display:flex;align-items:center;gap:10px;padding:8px}.operator>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff1f;font-size:12px;font-weight:800}.operator div{min-width:0}.operator b,.operator small{display:block;overflow:hidden;text-overflow:ellipsis}.operator b{font-size:12px;white-space:nowrap}.operator small{color:#90acd2;font-size:11px;margin-top:2px}.logout{width:100%;margin-top:6px;font-size:13px}main{min-width:0}header{height:102px;position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:16px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}header h1{margin:3px 0 0;font-size:26px;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:var(--blue)}.head-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.system{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}.system i{width:8px;height:8px;border-radius:50%;background:#13a36d;box-shadow:0 0 0 4px #13a36d1f}.icon{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);display:grid;place-items:center;transition:.18s ease}.icon:hover{color:var(--blue);border-color:#8ab8f5;background:var(--surface2)}.mobile{display:none}.content{padding:32px clamp(20px,3vw,48px) 60px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{min-height:112px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 5px 18px #19376209}.metric>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.metric.blue>span{color:#1769dc;background:#e7f1ff}.metric.amber>span{color:#a96900;background:#fff3d6}.metric.red>span{color:#c83f4e;background:#ffe9ec}.metric.green>span{color:#10845a;background:#e0f8ef}.metric small,.metric b{display:block}.metric small{color:var(--muted);font-size:12px;font-weight:600}.metric b{font-size:25px;margin-top:4px}.panel{border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}h2{margin:0;font-size:19px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.primary,.secondary{min-height:44px;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;border:1px solid transparent;transition:.18s ease}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1769dc33}.primary:hover{background:var(--blue2);transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.secondary:hover{border-color:#8ab8f5;color:var(--blue)}.primary svg,.secondary svg{width:17px}.compact{min-height:46px}.tenant-list{display:grid}.tenant{display:grid;grid-template-columns:auto minmax(220px,1fr) auto 90px auto;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);transition:.18s ease}.tenant:last-child{border-bottom:0}.tenant:hover{background:var(--surface2)}.tenant-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e7f1ff;color:#1769dc;font:700 12px IBM Plex Mono,monospace}.tenant-title b,.tenant-title span{display:block}.tenant-title span{color:var(--muted);font-size:12px;margin-top:4px}.status{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;background:#eef2f7;color:#52627a}.status.active{background:#ddf7eb;color:#08704a}.status.paused,.status.failed{background:#ffe7eb;color:#ad2537}.status.provisioning{background:#e7f1ff;color:#145ab8}.status.pending_deletion{background:#fff0d6;color:#8d5700}.tenant-count{text-align:right}.tenant-count b,.tenant-count span{display:block}.tenant-count span{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:12px;margin-bottom:16px}.search{height:46px;max-width:420px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.search svg{color:var(--muted);width:18px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:var(--muted)}.empty svg{width:34px;height:34px;color:var(--blue);margin-bottom:5px}.empty b{color:var(--text)}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#030c1a9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .18s ease}.modal{width:min(720px,100%);max-height:min(850px,calc(100dvh - 32px));overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;box-shadow:0 30px 90px #0000004d;animation:pop .22s ease}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font-size:24px;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);padding:12px 13px;min-height:44px}textarea{min-height:82px;resize:vertical}.suffix{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface2);overflow:hidden}.suffix input{border:0;border-radius:0}.suffix span{padding-right:12px;color:var(--muted);font-size:12px;white-space:nowrap}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:12px;font-weight:800;color:var(--text);margin-bottom:9px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice button{min-height:98px;position:relative;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--text);padding:14px;text-align:left}.choice button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.choice svg{color:var(--blue);margin-bottom:8px}.choice b,.choice span{display:block}.choice span{color:var(--muted);font-size:11px;margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #ef9eaa;border-radius:11px;background:#fff0f2;color:#9b2435;font-size:13px;margin:12px 0}.error svg{width:18px}.login{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 16% 18%,rgba(46,126,234,.16),transparent 28%),var(--bg)}.login-mark{position:fixed;left:28px;top:25px;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.login form{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow)}.login h1{font-size:30px;margin:8px 0}.login p{color:var(--muted);margin:0 0 24px}.login label{margin-top:14px}.login .primary{width:100%;margin-top:18px}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.spin{animation:spin 1s linear infinite}.scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media (max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.shell{grid-template-columns:230px minmax(0,1fr)}.tenant{grid-template-columns:auto minmax(180px,1fr) auto auto}.tenant-count{display:none}}@media (max-width:760px){.shell{display:block}aside{position:fixed;left:0;transform:translate(-105%);width:min(292px,86vw);transition:transform .24s ease}aside.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:#030c1a85}.mobile{display:grid}header{height:82px;padding:0 14px}header h1{font-size:20px}.system{display:none}.content{padding:18px 14px 40px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:96px;padding:14px;display:block}.metric>span{width:36px;height:36px;margin-bottom:10px}.metric b{font-size:21px}.panel-head{padding:16px}.panel-head .secondary{font-size:0;padding:0;width:44px}.panel-head .secondary svg{margin:0}.tenant{grid-template-columns:auto minmax(0,1fr) auto;padding:14px;gap:10px}.tenant>.icon{display:none}.status{grid-column:2;padding:4px 8px;width:max-content}.tenant-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar{align-items:stretch}.compact{font-size:0;width:46px;padding:0}.compact svg{margin:0}.form-grid,.choice{grid-template-columns:1fr}.modal{padding:18px;border-radius:17px}.modal-actions{position:sticky;bottom:-18px;margin:20px -18px -18px;padding:12px 18px;background:var(--surface);border-top:1px solid var(--line)}}@media (max-width:440px){.metrics{grid-template-columns:1fr}.metric{display:flex;min-height:82px}.metric>span{margin:0}.login-mark{position:static;margin-bottom:20px}.login{display:flex;flex-direction:column;justify-content:center}.login form{padding:24px}.suffix span{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.success-link{display:flex;gap:14px;padding:18px;border:1px solid #7fc9ac;border-radius:14px;background:color-mix(in srgb,#19a66f 10%,var(--surface));overflow:hidden}.success-link>svg{flex:0 0 auto;color:#159264}.success-link div{min-width:0}.success-link b{display:block}.success-link p{padding:10px;margin:8px 0 12px;border-radius:8px;background:var(--surface2);color:var(--muted);font:500 12px IBM Plex Mono,monospace;overflow-wrap:anywhere}.ticket-list{display:grid}.ticket{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.ticket:last-child{border:0}.ticket-priority{width:5px;border-radius:999px;background:#2879e7}.ticket-priority.high{background:#e4a11b}.ticket-priority.critical{background:#d13d50}.ticket h3{margin:5px 0 4px;font-size:16px}.ticket p{margin:0 0 7px;color:var(--muted);font-size:13px}.ticket small{color:var(--muted)}.ticket-actions{display:flex;align-items:center;gap:8px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.simple-list{display:grid}.simple-list>div{min-height:72px;display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}.simple-list>div:last-child{border:0}.simple-list>div>div{min-width:0;flex:1}.simple-list b,.simple-list small{display:block}.simple-list small{margin-top:3px;color:var(--muted)}.simple-list svg{color:var(--blue)}@media (max-width:900px){.team-grid{grid-template-columns:1fr}.ticket{grid-template-columns:5px minmax(0,1fr)}.ticket-actions{grid-column:2;flex-wrap:wrap}}.settings-block{display:flex;align-items:center;gap:16px;padding:22px}.settings-block>svg{width:32px;height:32px;color:var(--blue)}.settings-block>div{flex:1}.settings-block b{display:block}.settings-block p{margin:4px 0 0;color:var(--muted);font-size:13px}@media (max-width:600px){.settings-block{align-items:flex-start;flex-wrap:wrap}.settings-block>div{min-width:calc(100% - 54px)}.settings-block .primary{width:100%}}.simple-list>button{width:100%;min-height:72px;display:flex;align-items:center;gap:12px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.simple-list>button:hover:not(:disabled){background:var(--surface2)}.simple-list>button:disabled{cursor:default}.simple-list>button>div{min-width:0;flex:1}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);cursor:pointer}.check-row input{position:absolute;opacity:0;pointer-events:none}.checkmark{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:transparent;transition:.18s ease}.checkmark svg{width:15px}.check-row input:checked+.checkmark{border-color:var(--blue);background:var(--blue);color:#fff}.check-row:has(input:focus-visible){outline:3px solid rgba(46,126,234,.35)}@media (max-width:600px){.permission-grid{grid-template-columns:1fr}}.factor-pop{display:flex;gap:12px;margin-top:16px;padding:14px;border:1px solid #91b9ef;border-radius:12px;background:color-mix(in srgb,var(--blue) 7%,var(--surface))}.factor-pop>svg{flex:0 0 auto;color:var(--blue)}.factor-pop p{margin:3px 0 10px;font-size:12px}.factor-pop input{font:700 20px IBM Plex Mono,monospace;letter-spacing:.18em;text-align:center}select{font:inherit;width:100%;min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:11px;background-color:var(--surface2);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px;background-repeat:no-repeat;color:var(--text);padding:10px 34px 10px 13px}.category-list{display:grid}.category-list article{display:grid;grid-template-columns:minmax(180px,1fr) 130px 110px 95px auto;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line)}.category-list article:last-child{border:0}.category-list b,.category-list small{display:block}.category-list small{margin-top:3px;color:var(--muted)}@media (max-width:760px){.category-list article{grid-template-columns:1fr 1fr}.category-list article>div{grid-column:1/-1}.category-list article>.secondary{grid-column:1/-1}}