:root{--bg: #08111f;--bg-secondary: #111c2d;--panel: rgba(8, 16, 30, .78);--panel-strong: rgba(9, 18, 33, .96);--border: rgba(255, 255, 255, .11);--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .1);--text: #dbe7f5;--text-strong: #f1f6fd;--muted: #8fa4bf;--accent: #155dfc;--accent-hover: #0f47c4;--accent-soft: rgba(21, 93, 252, .13);--green: #34d399;--green-soft: rgba(52, 211, 153, .12);--blue: #38bdf8;--blue-soft: rgba(56, 189, 248, .12);--red: #fb7185;--red-soft: rgba(251, 113, 133, .12);--yellow: #fbbf24;--shadow: rgba(1, 6, 16, .45);color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}html.light{--bg: #e7edf5;--bg-secondary: #d8e1ed;--panel: rgba(248, 250, 252, .78);--panel-strong: rgba(248, 250, 252, .97);--border: rgba(15, 23, 42, .1);--surface: rgba(15, 23, 42, .045);--surface-strong: rgba(15, 23, 42, .08);--text: #334155;--text-strong: #102038;--muted: #64748b;--accent: #155dfc;--accent-hover: #0f47c4;--accent-soft: rgba(21, 93, 252, .1);--green: #059669;--green-soft: rgba(5, 150, 105, .09);--blue: #0284c7;--blue-soft: rgba(2, 132, 199, .09);--red: #e11d48;--red-soft: rgba(225, 29, 72, .09);--shadow: rgba(15, 23, 42, .13);color-scheme:light}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at 4% 0%,rgba(21,93,252,.19),transparent 27rem),radial-gradient(circle at 94% 5%,rgba(56,189,248,.14),transparent 25rem),linear-gradient(145deg,var(--bg),var(--bg-secondary));background-attachment:fixed;color:var(--text)}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,tr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-icon{display:block;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{margin:0 0 .2rem;color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-strong) 86%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,1440px);min-height:66px;margin:auto}.brand-block,.header-actions,.user-chip,.instance-name,.drawer-title{display:flex;align-items:center}.header-start{display:flex;align-items:center;gap:1.6rem;min-width:0}.brand-block{gap:.7rem}.brand-block h1{margin:0;color:var(--text-strong);font-size:1.05rem;line-height:1}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(21,93,252,.28);border-radius:11px;background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 1px #ffffff14}.header-actions{gap:.65rem}.app-nav{display:flex;align-items:center;gap:.2rem}.nav-link{padding:.4rem .65rem;border-radius:9px;color:var(--muted);font-size:.74rem;font-weight:600;text-decoration:none;transition:.14s ease}.nav-link:hover{color:var(--text-strong);background:var(--surface)}.nav-link.active{background:var(--surface-strong);color:var(--text-strong)}.logout-pill{border-radius:999px;color:var(--text)}.logout-pill:hover:not(:disabled){border-color:#fb718559;color:var(--red)}.icon-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);transition:.16s ease}.icon-button:hover{border-color:#155dfc4d;background:var(--surface-strong);color:var(--text-strong)}.user-chip{gap:.55rem;padding:0 .75rem 0 .35rem;border-right:1px solid var(--border)}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:800}.user-chip strong,.user-chip span{display:block}.user-chip strong{color:var(--text-strong);font-size:.76rem}.user-chip span{color:var(--muted);font-size:.65rem;text-transform:capitalize}.dashboard{display:flex;flex-direction:column;gap:1.25rem;width:min(100% - 2rem,1440px);margin:auto;padding:2.2rem 0 3rem}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.page-heading h2{margin:0;color:var(--text-strong);font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em}.page-heading>div>p:last-child{margin:.5rem 0 0;color:var(--muted);font-size:.92rem}.heading-sync{display:grid;grid-template-columns:auto auto;align-items:center;gap:.15rem .75rem;min-width:240px}.heading-sync>span{color:var(--muted);font-size:.68rem}.heading-sync>strong{color:var(--text-strong);font-size:.76rem;text-align:right}.heading-sync .button{grid-column:1 / -1;margin-top:.4rem}.panel-card,.metric-card,.sync-strip{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 60px var(--shadow),inset 0 1px #ffffff0d}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}.metric-card{position:relative;display:flex;gap:1rem;min-height:120px;padding:1.15rem;overflow:hidden;border-radius:19px;transition:transform .16s ease,border-color .16s ease}.metric-card:after{content:"";position:absolute;right:-35px;bottom:-45px;width:120px;height:120px;border-radius:50%;background:currentColor;opacity:.04}.metric-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,currentColor 28%,var(--border))}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:12px;background:color-mix(in srgb,currentColor 10%,transparent);opacity:.9}.metric-card>div:last-child,.metric-card>button:last-child{display:flex;flex-direction:column}.metric-card span{color:var(--muted);font-size:.75rem}.metric-card strong{margin-top:.22rem;color:var(--text-strong);font-size:2rem;line-height:1}.metric-card small{margin-top:auto;color:var(--muted);font-size:.66rem}.metric-total{color:var(--accent)}.metric-running{color:var(--green)}.metric-stopped{color:var(--blue)}.metric-transition,.metric-incomplete{color:var(--yellow)}.sync-strip{display:flex;min-height:62px;border-radius:15px;overflow:hidden}.sync-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;min-width:260px;padding:.8rem 1rem;border-right:1px solid var(--border)}.sync-item div strong,.sync-item div span{display:block}.sync-item div strong{color:var(--text-strong);font-size:.72rem}.sync-item div span,.sync-item small{color:var(--muted);font-size:.66rem}.sync-empty{align-self:center;padding:1rem;color:var(--muted);font-size:.76rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #fbbf241a}.status-success{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-failed{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.status-running{animation:pulse 1.4s infinite}.inventory-card{overflow:hidden;border-radius:22px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--border)}.section-header h3,.detail-section h3{margin:0;color:var(--text-strong);font-size:1rem}.result-count{color:var(--muted);font-size:.72rem}.result-count strong{color:var(--text-strong)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.8rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,transparent)}.filter-bar .search-field{flex:1 1 250px;min-width:250px}.filter-bar select{flex:0 1 auto;min-width:145px}.search-field,.input-shell{display:flex;align-items:center;gap:.55rem}.search-field{min-width:0;padding:0 .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.search-field:focus-within,.input-shell:focus-within{border-color:#155dfc7a;box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{width:100%;min-width:0;padding:.65rem 0;border:0;outline:0;background:transparent;color:var(--text-strong);font-size:.76rem}.filter-bar select{min-width:0;padding:.6rem 1.7rem .6rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.72rem}.filter-bar option{color:#111827}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:.58rem .9rem;border:1px solid transparent;border-radius:10px;color:#fff;font-size:.74rem;font-weight:700;transition:.16s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{background:var(--accent);color:#fff}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text-strong)}.button.ghost{border-color:transparent;background:transparent;color:var(--muted)}.button.danger{border-color:#fb718538;background:var(--red-soft);color:var(--red)}.button.action-start{border-color:#34d39938;background:var(--green-soft);color:var(--green)}.button.compact{min-height:34px;padding:.45rem .7rem}.spinning{animation:spin .8s linear infinite}.table-wrap{width:100%;overflow-x:auto}.instance-table{width:100%;border-collapse:collapse}.instance-table th{padding:.7rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.09em;text-align:left;text-transform:uppercase;white-space:nowrap}.instance-table td{padding:.82rem 1rem;border-bottom:1px solid var(--border);color:var(--text);font-size:.74rem}.instance-row{cursor:pointer;transition:background .13s ease}.instance-row:last-child td{border-bottom:0}.instance-row:hover,.instance-row.selected{background:var(--surface)}.instance-row:hover .row-action{opacity:1;transform:translate(0)}.instance-name{gap:.7rem;min-width:195px}.instance-name strong,.instance-name span,.cell-primary,.cell-secondary{display:block}.instance-name strong,.cell-primary{color:var(--text-strong);font-size:.74rem}.instance-name span,.cell-secondary{max-width:220px;margin-top:.18rem;overflow:hidden;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.provider-avatar{display:grid;flex:none;place-items:center;width:34px;height:34px;border:1px solid;border-radius:10px;font-size:.7rem;font-weight:900}.provider-avatar.large{width:44px;height:44px;border-radius:13px;font-size:.82rem}.provider-aws{border-color:#f59e0b40;background:#f59e0b1a;color:#f59e0b}.provider-gcp{border-color:#38bdf840;background:#38bdf81a;color:#38bdf8}.provider-dokploy{border-color:#a78bfa47;background:#a78bfa1c;color:#a78bfa}.provider-pill,.state-pill,.action-status,.count-badge{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.04em}.provider-pill{padding:.28rem .48rem}.state-pill{gap:.35rem;padding:.28rem .5rem;text-transform:capitalize;white-space:nowrap}.state-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.state-running{border-color:#34d39933;background:var(--green-soft);color:var(--green)}.state-stopped{border-color:var(--border);background:var(--surface);color:var(--muted)}.state-other{border-color:#fbbf2433;background:#fbbf241a;color:var(--yellow)}.mono-value{font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem}.row-action{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:var(--surface-strong);color:var(--text);opacity:0;transform:translate(-5px);transition:.14s ease}.empty-row td{padding:4rem 1rem;text-align:center}.empty-row div{display:flex;align-items:center;flex-direction:column;gap:.5rem;color:var(--muted)}.empty-row strong{color:var(--text-strong)}.skeleton-row td{padding:.7rem 1rem}.skeleton-row span{display:block;height:38px;border-radius:8px;background:var(--surface);animation:shimmer 1.2s infinite alternate}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#01061094;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.detail-drawer{width:min(590px,100%);height:100%;overflow-y:auto;border-left:1px solid var(--border);background:var(--panel-strong);box-shadow:-24px 0 70px #0000004d;animation:slide-in .22s ease}.drawer-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-strong) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.drawer-title{gap:.8rem;min-width:0}.drawer-title h2{margin:0;overflow:hidden;color:var(--text-strong);font-size:1.15rem;text-overflow:ellipsis;white-space:nowrap}.drawer-title>div:last-child{min-width:0}.drawer-title>div>span{display:block;margin-top:.25rem;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.drawer-content{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.25rem 2rem}.drawer-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.drawer-status div span,.drawer-status div strong{display:block}.drawer-status div span,.drawer-status small{color:var(--muted);font-size:.65rem}.drawer-status div strong{color:var(--text-strong);font-size:.8rem}.actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.permission-note{display:flex;align-items:center;gap:.45rem;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:.7rem}.detail-section{padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.detail-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem;color:var(--muted)}.detail-section-title p{margin:.2rem 0 0;color:var(--muted);font-size:.65rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-grid>div{padding:.65rem;border-radius:9px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.detail-grid .wide{grid-column:1 / -1}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{margin-bottom:.2rem;color:var(--muted);font-size:.62rem}.detail-grid strong{color:var(--text-strong);font-size:.72rem;font-weight:600;overflow-wrap:anywhere}textarea{width:100%;resize:vertical;padding:.75rem;border:1px solid var(--border);border-radius:10px;outline:none;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--text-strong);font:.72rem/1.6 SFMono-Regular,Consolas,monospace}.detail-section textarea+.button,.field-error+.button{width:100%;margin-top:.6rem}.field-error{margin:.5rem 0 0;color:var(--red);font-size:.68rem}.count-badge{padding:.2rem .45rem;border-color:var(--border);background:var(--surface);color:var(--muted)}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.65rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border:0}.timeline-dot{width:8px;height:8px;margin-top:.25rem;border-radius:50%}.timeline-item div strong,.timeline-item div span,.timeline-item div small{display:block}.timeline-item div strong{color:var(--text-strong);font-size:.7rem;text-transform:capitalize}.timeline-item div span{margin-top:.18rem;color:var(--muted);font-size:.61rem}.timeline-item div small{margin-top:.3rem;color:var(--red);font-size:.62rem}.action-status{padding:.2rem .4rem}.action-succeeded{border-color:#34d39933;background:var(--green-soft);color:var(--green)}.action-failed{border-color:#fb718533;background:var(--red-soft);color:var(--red)}.action-requested{border-color:#fbbf2433;background:#fbbf241a;color:var(--yellow)}.timeline-dot.action-succeeded{background:var(--green)}.timeline-dot.action-failed{background:var(--red)}.timeline-dot.action-requested{background:var(--yellow)}.empty-copy{margin:0;color:var(--muted);font-size:.7rem}.raw-details{color:var(--muted);font-size:.7rem}.raw-details summary{cursor:pointer}.raw-details pre{max-height:320px;padding:.75rem;overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:.64rem}.unmatched-copy{display:block;margin-top:.25rem;color:var(--yellow);font-size:.6rem}.linked-instance-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);text-decoration:none;transition:.15s ease}.linked-instance-card:hover{border-color:#155dfc61;transform:translateY(-1px)}.linked-instance-card strong,.linked-instance-card span{display:block}.linked-instance-card strong{color:var(--text-strong);font-size:.76rem}.linked-instance-card span{margin-top:.18rem;color:var(--muted);font-size:.65rem}.unmatched-host{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem;border:1px solid rgba(251,191,36,.2);border-radius:11px;background:#fbbf2412;color:var(--yellow)}.unmatched-host strong,.unmatched-host span{display:block}.unmatched-host strong{font-size:.74rem}.unmatched-host span{margin-top:.25rem;color:var(--muted);font-size:.65rem;line-height:1.45}.alert{padding:.75rem .9rem;border:1px solid;border-radius:10px;font-size:.72rem}.error-alert{border-color:#fb718538;background:var(--red-soft);color:var(--red)}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);min-height:100vh}.login-showcase{position:relative;display:grid;place-items:center;min-height:100vh;padding:3rem;overflow:hidden;border-right:1px solid var(--border);background:linear-gradient(145deg,#050c1966,#08111f14)}.showcase-content{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(100%,670px);min-height:min(78vh,720px);z-index:1}.login-brand .brand-mark{width:45px;height:45px}.login-brand h1{font-size:1.25rem}.showcase-copy{max-width:600px}.showcase-kicker{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.showcase-copy h2{margin:.8rem 0 1rem;color:var(--text-strong);font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em;line-height:1.04}.showcase-copy p{max-width:500px;margin:0;color:var(--muted);font-size:1rem;line-height:1.7}.showcase-orbit{position:absolute;right:-5rem;bottom:-4rem;width:340px;height:340px;opacity:.75}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border);border-radius:50%}.orbit-two{top:50px;right:50px;bottom:50px;left:50px}.orbit-center{position:absolute;top:120px;right:120px;bottom:120px;left:120px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 50px var(--accent-soft)}.cloud-node{position:absolute;display:grid;place-items:center;width:50px;height:50px;border:1px solid;border-radius:14px;background:var(--panel-strong);font-size:.7rem;font-weight:900}.aws-node{top:34px;left:40px;color:var(--accent)}.gcp-node{right:10px;bottom:75px;color:var(--blue)}.login-form-side{display:grid;place-items:center;padding:2rem;background:color-mix(in srgb,var(--panel) 50%,transparent)}.login-card{width:min(100%,390px)}.login-heading{margin-bottom:1.8rem}.login-heading h2{margin:0;color:var(--text-strong);font-size:1.7rem;letter-spacing:-.03em}.login-heading>p:last-child{margin:.45rem 0 0;color:var(--muted);font-size:.8rem}.login-card label{display:block;margin-bottom:1rem}.login-card label>span{display:block;margin-bottom:.4rem;color:var(--text);font-size:.7rem;font-weight:700}.input-shell{padding:0 .75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);transition:.16s ease}.input-shell input{width:100%;padding:.72rem 0;border:0;outline:none;background:transparent;color:var(--text-strong);font-size:.78rem}.login-submit{width:100%;min-height:44px;margin-top:.5rem}.login-security{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;color:var(--muted);font-size:.63rem}.login-theme{position:fixed;top:1.25rem;right:1.25rem;z-index:5}.mobile-brand{display:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-grid .wide{grid-column:1 / -1}.form-grid label{display:block}.row-actions{display:flex;gap:.4rem}.classification-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.classification-field span{display:block;margin-bottom:.2rem;color:var(--muted);font-size:.62rem}.classification-pill,.unclassified-pill,.out-of-catalog-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-strong);font-size:.65rem;font-weight:700}.unclassified-pill{border-color:#fbbf2433;background:#fbbf2414;color:var(--yellow);font-weight:600}.out-of-catalog-pill{border-color:#fb718538;background:var(--red-soft);color:var(--red);font-weight:600}.classification-badges{display:flex;flex-wrap:wrap;gap:.3rem;max-width:210px}.classification-pill.removable{padding-right:.3rem}.classification-pill.removable button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 12%,transparent);color:inherit}.catalog-page{display:flex;flex-direction:column;gap:1rem}.catalog-card.retired{opacity:.6}.catalog-values{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border)}.add-value-form{display:flex;gap:.5rem;margin-top:.6rem;max-width:320px}.add-value-form .input-shell{flex:1}.metric-warning{width:100%;color:var(--yellow);cursor:pointer;border:0;background:none;text-align:left;font:inherit}.metric-warning:disabled{color:var(--green);cursor:default}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes shimmer{to{opacity:.4}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(30px);opacity:0}}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:1 / -1}.login-page{grid-template-columns:1fr 430px}.showcase-orbit{opacity:.4}}@media(max-width:780px){.header-content,.dashboard{width:min(100% - 1.25rem,1440px)}.dashboard{padding-top:1.4rem}.brand-block .eyebrow,.user-chip{display:none}.page-heading{align-items:flex-start;flex-direction:column}.heading-sync{width:100%}.kpi-grid{grid-template-columns:1fr 1fr;gap:.65rem}.metric-card{min-height:105px;padding:.9rem}.metric-card strong{font-size:1.6rem}.metric-icon{width:36px;height:36px}.sync-strip{overflow-x:auto}.filter-bar{grid-template-columns:1fr 1fr}.search-field,.filter-bar .button{grid-column:1 / -1}.instance-table th:nth-child(3),.instance-table td:nth-child(3),.instance-table th:nth-child(4),.instance-table td:nth-child(4),.instance-table th:nth-child(6),.instance-table td:nth-child(6),.instance-table th:nth-child(7),.instance-table td:nth-child(7){display:none}.dokploy-table th:nth-child(3),.dokploy-table td:nth-child(3),.dokploy-table th:nth-child(4),.dokploy-table td:nth-child(4){display:table-cell}.dokploy-table th:nth-child(5),.dokploy-table td:nth-child(5){display:none}.row-action{opacity:1;transform:none}.login-page{display:block}.login-showcase{display:none}.login-form-side{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:3rem;color:var(--text-strong)}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.metric-card{min-height:90px}.filter-bar{grid-template-columns:1fr}.search-field{grid-column:auto}.section-header{align-items:flex-start}.instance-table th:nth-child(2),.instance-table td:nth-child(2){display:none}.instance-table td,.instance-table th{padding-right:.7rem;padding-left:.7rem}.drawer-content,.drawer-header{padding-right:.9rem;padding-left:.9rem}.actions-row,.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.login-form-side{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b84d}::-webkit-scrollbar-track{background:transparent}