:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#eef4ff;background:radial-gradient(circle at top left,rgba(246,115,22,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(14,165,233,.12),transparent 28%),linear-gradient(180deg,#07111d,#0d1727 52%,#111c30);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%}body{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#0e1625cc;color:#f8fbff;padding:.9rem 1rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#38bdf880}textarea{min-height:132px;resize:vertical}img{display:block;max-width:100%}.admin-layout{height:100vh;display:grid;grid-template-columns:420px minmax(0,1fr);overflow:hidden}.sidebar{padding:1.25rem;background:#040a14f0;border-right:1px solid rgba(148,163,184,.12);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1rem;position:sticky;top:0;height:100vh;overflow:hidden}.brand-card,.panel,.login-card,.meta-pill,.sidebar-stat{background:#0a111ec7;border:1px solid rgba(148,163,184,.14);box-shadow:0 24px 64px #02061747;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-card{border-radius:24px;padding:1.15rem}.brand-card__eyebrow,.panel__eyebrow,.stage-header__eyebrow,.login-card__eyebrow{margin:0 0 .35rem;color:#f7b267;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.brand-card h1,.brand-card p,.stage-header h1,.stage-header p,.panel__header h2,.panel__header p,.login-card h1,.login-card p{margin:0}.brand-card p:last-child,.panel__header p:last-child,.login-card p:last-child{color:#9fb0c8}.sidebar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.sidebar-stat{border-radius:18px;padding:.9rem;display:grid;gap:.2rem}.sidebar-stat span,.tree-nav__section-copy small,.tree-nav__child small,.detail-card span,.metric-row span,.guide-card p,.status-tile span,.simple-row span,.thread-header__eyebrow,.meta-pill span{color:#9fb0c8}.tree-nav{display:grid;gap:.7rem;min-height:0;overflow:auto;padding-right:.2rem}.tree-nav__section{display:grid;gap:.45rem}.tree-nav__section-button,.tree-nav__child,.ghost-button,.list-card,.conversation-card{width:100%;text-align:left;color:#ecf3ff}.tree-nav__section-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.95rem 1rem;border-radius:18px;background:#0f172a99;border:1px solid rgba(148,163,184,.1)}.tree-nav__section-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#162133d1}.tree-nav__section-copy{display:grid;gap:.15rem}.brand-card,.sidebar-stat,.tree-nav__section-copy,.tree-nav__child{min-width:0}.brand-card h1,.brand-card p,.tree-nav__section-copy strong,.tree-nav__section-copy small,.tree-nav__child strong,.tree-nav__child small{overflow-wrap:anywhere}.tree-nav__children{display:grid;gap:.45rem;padding-left:.9rem}.tree-nav__child{padding:.85rem .95rem;border-radius:16px;background:#09111e94;border:1px solid rgba(148,163,184,.08);display:grid;gap:.18rem}.tree-nav__child--active{background:linear-gradient(135deg,#f673162e,#0ea5e924);border-color:#38bdf857}.sidebar-actions{display:grid;gap:.65rem}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0e1625b8}.ghost-button--wide{width:100%}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.92rem 1.15rem;border-radius:16px;color:#08111f;background:linear-gradient(135deg,#fbbf24,#fb923c);font-weight:700}.primary-button--wide{width:100%}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.52}.main-stage{padding:1.25rem;display:grid;gap:1rem;min-width:0;grid-template-rows:auto auto minmax(0,1fr);min-height:0;overflow:hidden}.stage-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.15rem;border-radius:24px;background:#080f1cb8;border:1px solid rgba(148,163,184,.12);box-shadow:0 24px 64px #02061733;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage-header__meta{display:flex;gap:.75rem;flex-wrap:wrap}.meta-pill{border-radius:999px;padding:.75rem 1rem;display:inline-flex;align-items:center;gap:.55rem}.feedback{border-radius:18px;padding:.95rem 1rem}.feedback--error{background:#7f1d1d47;border:1px solid rgba(248,113,113,.34);color:#fecaca}.feedback--success{background:#14532d47;border:1px solid rgba(74,222,128,.3);color:#dcfce7}.content-shell,.stack-layout,.page-grid{display:grid;gap:1rem;align-content:start}.content-shell{min-height:0;overflow:auto;padding-right:.2rem}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-with-side{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem;min-width:0;align-items:stretch;min-height:0;height:100%;overflow:hidden}.panel{border-radius:24px;padding:1.15rem;min-width:0}.panel--subtle{background:#0d14229e;box-shadow:none}.panel--side,.panel--main{min-height:0}.panel--main{display:flex;flex-direction:column;gap:1rem;min-height:0}.panel--span-2{grid-column:1 / -1}.panel__header,.panel__subheader{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.panel__subheader strong,.panel__subheader small{display:block}.stat-grid,.card-grid,.topology-grid,.guide-grid,.detail-grid,.status-summary{display:grid;gap:.9rem}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid,.guide-grid,.topology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card,.summary-card,.topology-card,.route-card,.guide-card,.detail-card,.status-tile{border-radius:18px;border:1px solid rgba(148,163,184,.12);background:#0d1422b8;padding:1rem}.summary-card,.topology-card,.guide-card{display:grid;gap:.6rem}.summary-card header,.topology-card header,.route-card,.compact-row,.inline-row,.metric-row,.simple-row{display:flex;justify-content:space-between;gap:.75rem}.summary-card--hover{cursor:pointer}.topology-branch,.chip-row,.detail-stack,.compact-list,.stack-list,.metric-list,.simple-list,.form-stack,.detail-form,.label-editor{display:grid;gap:.7rem}.chip-row{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.detail-chip,.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.status-pill--success{background:#22c55e2e;color:#bbf7d0}.status-pill--muted{background:#64748b2e;color:#cbd5e1}.detail-chip{background:#0ea5e91f;color:#cfeeff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-field{display:grid;gap:.38rem}.form-field span,.checkbox-row span,.search-field input{color:#eef4ff}.form-field--span-2{grid-column:1 / -1}.action-row{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.action-row--spread{justify-content:space-between}.checkbox-row{display:inline-flex;align-items:center;gap:.65rem;margin-top:.9rem}.checkbox-row input{width:auto}.table-shell,.scroll-area,.message-board{min-width:0;overflow:auto}.panel--side{position:sticky;top:1.25rem;align-self:start;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0}.data-table{width:100%;border-collapse:collapse;font-size:.94rem}.data-table th,.data-table td{padding:.85rem .7rem;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top}.message-board{display:grid;gap:.85rem;min-height:0;padding-right:.35rem;flex:1 1 auto}.message-bubble{max-width:min(680px,82%);justify-self:start;border-radius:20px;background:#0f172ad1;border:1px solid rgba(148,163,184,.12);padding:.95rem}.message-bubble--outgoing{justify-self:end;background:linear-gradient(135deg,#0ea5e933,#3b82f62e)}.message-image{width:min(320px,100%);border-radius:14px;margin-bottom:.65rem}.message-body{white-space:pre-wrap;word-break:break-word}.message-meta{margin-top:.5rem;font-size:.82rem;color:#9fb0c8;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.message-meta__icon{display:inline-flex;align-items:center}.message-error{margin-top:.55rem;color:#fecaca;font-size:.82rem;line-height:1.45}.list-card{display:grid;gap:.2rem;padding:.9rem .95rem;border-radius:18px;background:#0d1422b8;border:1px solid rgba(148,163,184,.1)}.list-card--active{background:linear-gradient(135deg,#f6731624,#0ea5e924);border-color:#38bdf857}.table-shell,.message-board,.scroll-area{border-radius:20px;border:1px solid rgba(148,163,184,.1);background:#0a12206b;padding:.4rem}.scroll-area{min-height:0}.panel--main>.table-shell{flex:1 1 auto;min-height:0}.reply-layout{align-items:start}.data-table thead th{position:sticky;top:0;background:#0a1220f5;z-index:1}.data-table tbody tr:hover{background:#1e293b61}.page-grid>.panel,.stack-layout>.panel,.panel--main>.panel{height:auto}.panel__header h2,.panel__subheader strong{font-size:1.08rem}.panel__header p:last-child,.panel__subheader small{max-width:48ch}.stat-card strong,.status-tile strong,.detail-card strong,.summary-card strong{font-size:1.08rem}.stage-header h1{font-size:1.65rem}.stage-header p:last-child{margin-top:.25rem;color:#9fb0c8}.empty-state{border-radius:18px;border:1px dashed rgba(148,163,184,.22);color:#9fb0c8;padding:1.2rem;text-align:center}.reply-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem}.upload-button{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:#0e1625b8;color:#eef4ff;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:min(520px,100%);border-radius:28px;padding:1.35rem;display:grid;gap:1rem}.login-card__copy{display:grid;gap:.5rem}.page-grid--ops{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.ops-card-grid,.ops-kv-grid{display:grid;gap:.9rem}.ops-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ops-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-device-card{align-content:start}.batch-action-panel{display:grid;gap:.85rem;margin-bottom:1rem}.batch-select-all,.device-select-row{margin-top:0}.device-card-main{width:100%;display:grid;gap:.35rem;padding:0;text-align:left;color:inherit;background:transparent}.form-grid--approval{margin-top:.9rem}.page-with-side--stretch{height:100%}.ops-chat-shell{display:grid;grid-template-columns:320px minmax(0,1fr) 380px;gap:1rem;min-height:0;height:100%}.ops-chat-sidebar,.ops-chat-thread,.ops-chat-detail{min-height:0;min-width:0}.ops-chat-sidebar,.ops-chat-detail{display:grid;grid-template-rows:auto minmax(0,1fr)}.ops-chat-thread{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem}.ops-scroll-panel{min-height:0;overflow:auto;align-content:start}@media(max-width:1280px){.page-grid,.detail-grid,.stat-grid,.card-grid,.guide-grid,.topology-grid,.reply-layout,.page-grid--ops,.ops-kv-grid,.ops-chat-shell{grid-template-columns:1fr}}@media(max-width:1100px){.admin-layout,.page-with-side{grid-template-columns:1fr}.sidebar{position:static}.stage-header{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.sidebar-stats,.form-grid{grid-template-columns:1fr}.main-stage,.sidebar,.panel{padding:1rem}}button,a,input,select,textarea,.panel,.list-card,.conversation-card,.tree-nav__child,.tree-nav__section-button,.ghost-button,.primary-button,.upload-button,.summary-card,.stat-card,.detail-card,.meta-pill{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}button:active:not(:disabled),.list-card:active,.tree-nav__child:active{transform:translateY(1px) scale(.995)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.list-card:focus-visible,.tree-nav__child:focus-visible,.tree-nav__section-button:focus-visible{outline:2px solid rgba(56,189,248,.86);outline-offset:3px}input:focus,select:focus,textarea:focus{background:#0e1625eb}.primary-button:disabled,.ghost-button:disabled,.upload-button:has(input:disabled){cursor:not-allowed;opacity:.52}.primary-button:hover:not(:disabled){box-shadow:0 16px 36px #fb923c3d;transform:translateY(-1px)}.ghost-button:hover:not(:disabled),.upload-button:hover{background:#1e293bdb;border-color:#94a3b852}.tree-nav__section-button:hover,.tree-nav__child:hover,.list-card:hover,.summary-card--hover:hover{border-color:#38bdf847;background:#111b2bdb}.list-card strong{display:inline-flex;align-items:center;gap:.5rem;min-width:0;overflow-wrap:anywhere}.unread-badge{min-width:1.7rem;height:1.7rem;padding:0 .45rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fb7185,#ef4444);color:#fff7fb;font-size:.74rem;font-weight:700;line-height:1;box-shadow:0 10px 20px #ef444438}.filter-actions{align-items:center;margin-top:.75rem}.filter-actions small{color:#9fb0c8}.task-detail-skeleton{border-radius:22px;border:1px solid rgba(148,163,184,.14);background:#0d14229e;padding:1.2rem;display:grid;gap:.8rem;color:#9fb0c8}.task-detail-skeleton div{height:1rem;width:100%;border-radius:999px;background:linear-gradient(90deg,#94a3b81a,#94a3b83d,#94a3b81a);background-size:200% 100%;animation:skeleton-pulse 1.25s ease-in-out infinite}.task-detail-skeleton div:nth-child(2){width:82%}.task-detail-skeleton div:nth-child(3){width:64%}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.34) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#94a3b857;background-clip:padding-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}