:root{color-scheme:dark;--bg:#050505;--bg-2:#0a0a0a;--panel:#0e0e0e;--panel-2:#151515;--panel-3:#1e1e1e;--line:#232323;--line-2:#343434;--text:#f5f5f5;--text-2:#a8a8a8;--text-3:#878787;--accent:#f5f5f5;--accent-2:#ffffff;--accent-soft:rgba(255,255,255,.09);--ice:#ffffff;--ok:#3ecf7e;--warn:#f2a29d;--bad:#f0655f;--data:#e8e8e8;--data-2:#9a9a9a;--data-3:#5e5e5e;--muted-fill:rgba(255,255,255,.14);--glass:rgba(14,14,14,.82);--radius:14px;--radius-s:9px;--ease:cubic-bezier(.2,.7,.2,1);--font:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;--font-title:Inter,"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{display:grid;grid-template-columns:232px minmax(0,1fr);height:100%;transition:grid-template-columns .22s var(--ease)}.app.is-collapsed{grid-template-columns:64px minmax(0,1fr)}.side{display:flex;flex-direction:column;min-height:0;padding:12px 10px;background:var(--bg-2);border-right:1px solid var(--line);overflow:hidden}.brand{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px;margin-bottom:8px;white-space:nowrap}.brand img{flex:none;width:28px;height:28px;border-radius:8px}.brand strong{font:650 15px/1 var(--font-title);letter-spacing:-.01em}.brand small{display:block;margin-top:3px;font-size:11px;color:var(--text-3)}.nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}.nav a{position:relative;display:flex;align-items:center;gap:11px;min-height:36px;padding:0 10px;border-radius:var(--radius-s);color:var(--text-2);white-space:nowrap;transition:background-color .15s,color .15s}.nav a svg{flex:none}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.is-on{background:var(--accent-soft);color:#fff}.nav a.is-on:before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:3px;background:var(--accent-2);border-radius:0 3px 3px 0}.is-collapsed .nav a span,.is-collapsed .brand div,.is-collapsed .side-foot span{display:none}.is-collapsed .nav a,.is-collapsed .brand{justify-content:center;padding:0}.side-foot{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--line)}.side-foot button{display:flex;align-items:center;gap:11px;min-height:36px;padding:0 10px;background:none;border:0;border-radius:var(--radius-s);color:var(--text-2);cursor:pointer;white-space:nowrap}.side-foot button:hover{background:var(--panel);color:var(--text)}.is-collapsed .side-foot button{justify-content:center;padding:0}.main{min-width:0;display:flex;flex-direction:column;height:100%}.top{position:relative;z-index:20;flex:none;display:flex;align-items:center;gap:12px;height:56px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--line)}.icon-btn.menu-btn{display:none}.search{position:relative;flex:1;max-width:460px}.search>svg{position:absolute;left:11px;top:10px;color:var(--text-3)}.search input{width:100%;height:36px;padding:0 12px 0 34px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-s);transition:border-color .15s}.search input:focus{outline:none;border-color:var(--accent-2)}.search-results{position:absolute;top:42px;left:0;right:0;max-height:360px;overflow:auto;padding:6px;background:var(--glass);border:1px solid var(--line-2);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px #00000080;animation:pop .16s var(--ease)}.search-results a,.search-results p{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px}.search-results a:hover,.search-results a.is-on{background:var(--accent-soft)}.search-results small{margin-left:auto;font-size:12px;color:var(--text-3)}.tag-type{flex:none;padding:1px 7px;background:var(--panel-3);border-radius:6px;font-size:11px;color:var(--text-2)}.top-right{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{position:relative;display:grid;place-items:center;width:36px;height:36px;background:none;border:1px solid transparent;border-radius:var(--radius-s);color:var(--text-2);cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--panel);color:var(--text)}.badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;background:var(--bad);border-radius:9px;font-size:10px;font-weight:600;line-height:16px;color:#fff;text-align:center}.whoami{display:flex;align-items:center;gap:8px;padding-left:8px;font-size:13px;color:var(--text-2);white-space:nowrap}.whoami i{display:grid;place-items:center;width:28px;height:28px;background:var(--panel-3);border-radius:50%;font-style:normal;font-weight:600;color:var(--text)}.bell{position:absolute;top:50px;right:16px;width:min(380px,calc(100vw - 32px));max-height:min(480px,70vh);overflow:auto;padding:8px;background:var(--glass);border:1px solid var(--line-2);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px #00000080;animation:pop .16s var(--ease)}.bell header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 10px;font-weight:600}.bell li{display:flex;gap:10px;padding:10px 8px;border-top:1px solid var(--line)}.bell li small{display:block;color:var(--text-2)}.push-row{display:flex;align-items:center;gap:10px;margin-top:6px;padding:12px 8px;border-top:1px solid var(--line)}.push-row>svg{flex:none;color:var(--text-2)}.push-row.is-on>svg{color:var(--ok)}.push-row>div{flex:1;min-width:0}.push-row strong{display:block;font-size:13px;font-weight:600}.push-row small{display:block;font-size:12px;line-height:1.4;color:var(--text-2);margin-top:2px}.push-row .btn{flex:none}.bell li .dot{flex:none;margin-top:6px}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.offline-bar{flex:none;display:flex;align-items:center;gap:8px;padding:8px 24px;background:#2a1414;border-bottom:1px solid #4a2020;color:#f6c6c2;font-size:13px}.content{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.page{max-width:1500px;margin-inline:auto;padding:24px 24px 56px;animation:page .26s var(--ease)}@keyframes page{0%{opacity:0;transform:translateY(6px)}}.page-head>*{min-width:0;max-width:100%}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:20px}.page-head h1{font:650 24px/1.2 var(--font-title);letter-spacing:-.02em}.page-head p{margin-top:4px;color:var(--text-2)}.head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.head-actions>*{max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius-s);font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .1s}.btn:hover{background:var(--panel-3)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-danger{background:transparent;border-color:#f0655f73;color:#ff9b96}.btn-danger:hover{background:#f0655f1f}.btn-ghost{background:none;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--panel-2);color:var(--text)}.btn-big{min-height:42px;width:100%;font-size:14px}.segmented{display:inline-flex;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.segmented button{min-height:28px;padding:0 10px;background:none;border:0;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.is-on{background:var(--panel-3);color:#fff}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{font-size:12.5px;font-weight:500;color:var(--text-2)}.field small{font-size:12px;color:var(--text-3)}.input,.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-height:36px;padding:7px 11px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;transition:border-color .15s}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft)}.field textarea{resize:vertical;min-height:72px}.check{display:inline-flex;align-items:center;gap:8px;min-height:28px;cursor:pointer;font-size:13px}.check input{width:16px;height:16px;accent-color:var(--accent-2)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.tabs{display:flex;gap:20px;margin-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs button{position:relative;min-height:40px;padding:0;background:none;border:0;font-weight:500;color:var(--text-2);cursor:pointer;white-space:nowrap;transition:color .15s}.tabs button:hover{color:var(--text)}.tabs button.is-on{color:#fff}.tabs button.is-on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-2)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2,.card-head h3{font:600 14.5px/1.3 var(--font-title)}.card-head small{color:var(--text-3);font-size:12px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-side{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.stack{display:flex;flex-direction:column;gap:14px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:14px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.kpis-6{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{position:relative;min-width:0;padding:15px 16px;background:var(--panel);transition:background-color .15s}.kpi:hover{background:#141414}.kpi dt{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2)}.kpi dd{margin-top:7px;font:600 22px/1.15 var(--font-title);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi small{display:block;margin-top:4px;font-size:12px;color:var(--text-3)}.help{display:inline-grid;place-items:center;width:15px;height:15px;padding:0;background:none;border:1px solid var(--line-2);border-radius:50%;font-size:10px;line-height:1;color:var(--text-3);cursor:help}.tip{position:relative;display:inline-flex}.tip>span{position:absolute;z-index:30;left:50%;top:calc(100% + 6px);width:240px;padding:8px 10px;background:#0b0b0b;border:1px solid var(--line-2);border-radius:8px;font-size:12px;font-weight:400;line-height:1.4;color:var(--text-2);opacity:0;visibility:hidden;transform:translate(-50%,-3px);transition:opacity .12s,transform .12s,visibility .12s;pointer-events:none}.tip:hover>span,.tip:focus-within>span{opacity:1;visibility:visible;transform:translate(-50%)}.banner{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;margin-bottom:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#c7d6f2;font-size:13px}.banner svg{flex:none;margin-top:2px;color:var(--ice)}.banner.is-warn{background:#f2a29d14;border-color:#f2a29d4d;color:#f6c6c2}.banner.is-warn svg{color:var(--warn)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;padding:24px 16px;color:var(--text-2);text-align:center}.empty svg{color:var(--text-3)}.empty strong{font-weight:500;color:var(--text)}.empty p{max-width:44ch;font-size:13px}.skeleton{background:linear-gradient(90deg,var(--panel) 25%,var(--panel-2) 50%,var(--panel) 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-3)}.dot.online,.dot.ok{background:var(--ok)}.dot.unstable,.dot.warning{background:var(--warn)}.dot.offline,.dot.critical,.dot.failed{background:var(--bad)}.dot.not_configured,.dot.pending{background:#55617a}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;background:var(--panel-3);border-radius:20px;font-size:12px;color:var(--text-2);white-space:nowrap}.pill.good{background:#3ecf7e21;color:#7fe3ab}.pill.warn{background:#f2a29d21;color:#f6bdb8}.pill.bad{background:#f0655f21;color:#ff9b96}.pill.blue{background:var(--accent-soft);color:var(--ice)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:9px 14px;font-size:12px;font-weight:500;color:var(--text-3);text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr{transition:background-color .12s}tbody tr:hover{background:#141414}tbody tr.is-link{cursor:pointer}.r{text-align:right;font-variant-numeric:tabular-nums}td small{display:block;font-size:12px;color:var(--text-3)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.toolbar .input{max-width:280px}.cols{display:flex;flex-wrap:wrap;gap:4px}.chart{position:relative;width:100%}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid-line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.chart text{fill:var(--text-3);font-size:11px}.chart .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw .8s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.chart .bar{transform-box:fill-box;transform-origin:bottom;animation:grow .5s var(--ease) backwards;transition:opacity .12s}@keyframes grow{0%{transform:scaleY(0)}}.chart-tip{position:absolute;z-index:5;min-width:120px;padding:7px 10px;background:#0b0b0b;border:1px solid var(--line-2);border-radius:8px;font-size:12px;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap}.chart-tip b{display:block;margin-bottom:2px;font-weight:500;color:var(--text-2)}.chart-tip i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:var(--text-2)}.legend i{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px}.donut{display:flex;align-items:center;gap:18px}.donut svg{flex:none;width:130px;height:130px}.donut ul{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.donut li{display:flex;align-items:center;gap:8px}.donut li i{flex:none;width:9px;height:9px;border-radius:2px}.donut li span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text-2)}.meter{height:8px;background:var(--panel-3);border-radius:8px;overflow:hidden}.meter i{display:block;height:100%;background:var(--accent-2);border-radius:8px;transform-origin:left;animation:meter .7s var(--ease) backwards}.meter i.is-high{background:var(--warn)}.meter i.is-full{background:var(--bad)}@keyframes meter{0%{transform:scaleX(0)}}.uptime{display:flex;gap:2px;height:22px}.uptime i{flex:1;min-width:2px;max-width:8px;background:#262626;border-radius:2px}.uptime i.online{background:var(--ok)}.uptime i.unstable{background:var(--warn)}.uptime i.offline{background:var(--bad)}.svc{display:flex;gap:10px}.def{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:8px 14px;font-size:13.5px}.def dt{color:var(--text-3)}.def dd{min-width:0;overflow-wrap:anywhere}.row-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.row-list li:first-child{border-top:0;padding-top:0}.row-list li>div{flex:1;min-width:0}.row-list small{display:block;font-size:12px;color:var(--text-3)}.timeline li{position:relative;padding:0 0 12px 16px;border-left:1px solid var(--line-2);margin-left:4px}.timeline li:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--accent-2);border-radius:50%}.timeline small{display:block;color:var(--text-3);font-size:12px}.crumb{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;color:var(--text-2)}.crumb:hover{color:var(--text)}.report-frame{width:100%;height:min(70vh,760px);border:1px solid var(--line);border-radius:10px;background:#fff}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#000000ad;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:#101010f0;border:1px solid var(--line-2);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #0009;animation:rise .2s var(--ease)}.modal.is-wide{width:min(720px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.99)}}.modal h2{font:600 16.5px/1.3 var(--font-title);margin-bottom:6px}.modal>p{margin-bottom:14px;color:var(--text-2);font-size:13.5px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.form-error{margin-top:10px;font-size:13px;color:#ff9b96}.toasts{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;background:#101010f2;border:1px solid var(--line-2);border-radius:11px;font-size:13px;box-shadow:0 12px 34px #00000080;animation:rise .2s var(--ease)}.toast svg{flex:none;margin-top:2px}.toast.ok svg{color:var(--ok)}.toast.err svg{color:var(--bad)}.login{display:grid;place-items:center;min-height:100%;padding:24px;background:radial-gradient(900px 480px at 50% -10%,rgba(255,255,255,.07),transparent 70%),var(--bg)}.login-card{width:min(400px,100%);padding:26px;background:var(--glass);border:1px solid var(--line-2);border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .3s var(--ease)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.login-brand img{width:32px;height:32px;border-radius:9px}.login-card h1{font:650 21px/1.2 var(--font-title);letter-spacing:-.02em}.login-card>p{margin:6px 0 18px;color:var(--text-2);font-size:13.5px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-error{display:flex;gap:8px;padding:9px 11px;background:#f0655f1a;border:1px solid rgba(240,101,95,.4);border-radius:9px;font-size:13px;color:#ffc3bf}.mfa-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:18px;font-size:13.5px;color:var(--text-2);line-height:1.45}.mfa-steps strong{color:var(--text);font-weight:600}.mfa-key{display:flex;align-items:center;gap:8px;margin:8px 0 6px}.mfa-key code{flex:1;min-width:0;padding:9px 11px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;font-size:13px;letter-spacing:.06em;color:var(--text);overflow-wrap:anywhere}.mfa-link{color:var(--text);text-decoration:underline;text-underline-offset:3px}.login-card>.btn{margin-top:14px;width:100%}.setup code{display:block;margin-top:8px;padding:9px 11px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;font-size:12.5px;overflow-wrap:anywhere}@media(max-width:1280px){.kpis,.kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))}.g-side{grid-template-columns:minmax(0,1fr)}}@media(max-width:1000px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.g2{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.app,.app.is-collapsed{grid-template-columns:minmax(0,1fr)}.side{position:fixed;z-index:50;inset:0 auto 0 0;width:240px;transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:0 0 50px #0009}.app.is-open .side{transform:none}.is-collapsed .nav a span,.is-collapsed .brand div,.is-collapsed .side-foot span{display:initial}.is-collapsed .nav a,.is-collapsed .side-foot button{justify-content:flex-start;padding:0 10px}.scrim{position:fixed;inset:0;z-index:40;background:#0000008c}.icon-btn.menu-btn{display:grid}.top{padding:0 12px}.whoami span{display:none}.page{padding:16px 12px 40px}.kpis,.kpis-6{grid-template-columns:repeat(2,minmax(0,1fr))}.g3,.form-grid{grid-template-columns:minmax(0,1fr)}.kpi dd{font-size:19px}.donut{flex-direction:column;align-items:stretch}.donut svg{align-self:center}.def{grid-template-columns:minmax(0,1fr);gap:2px}.def dd{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.spin-icon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.temp-pass{padding:3px 7px;background:var(--bg);border:1px solid var(--line-2);border-radius:6px;font-size:13px;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.account-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.row-actions{display:flex;flex-wrap:wrap;gap:6px}button.link{padding:0;background:none;border:0;color:var(--text);font:inherit;font-weight:500;text-align:left;cursor:pointer}button.link:hover{color:var(--ice);text-decoration:underline;text-underline-offset:3px}.trend{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:8px;border-radius:9999px;color:#0a0a0a;vertical-align:3px}.trend.is-good{background:var(--ok)}.trend.is-bad{background:var(--bad)}.kpi small.is-good{color:#7fe3ab}.kpi small.is-bad{color:#ff9b96}.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.hero .big{font:700 34px/1.1 var(--font-title);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hero .big span{font-size:15px;font-weight:400;color:var(--text-2)}.hero-ach{display:flex;flex-direction:column;justify-content:space-between;gap:14px}.medal{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--text)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.tile{display:flex;flex-direction:column;gap:14px;min-height:124px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}.tile:hover{border-color:var(--line-2);background:var(--panel-2)}.tile .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);color:var(--text)}.tile b{display:block;font-size:15px;font-weight:600}.tile span{display:block;margin-top:2px;font-size:13px;color:var(--text-2)}@media(max-width:1100px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tiles{gap:8px}.tile{min-height:0;padding:12px;gap:10px}.tile .ic{width:36px;height:36px;border-radius:10px}.tile b{font-size:14px}.tile span span{font-size:12px}}.ach-rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5;color:var(--text-2,#a3a3a3)}