*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#1f1f1f;--bg-surface:#171717;--bg-elevated:#252525;--bg-hover:#2a2a2a;--bg-active:#303030;--border:#2e2e2e;--border-light:#383838;--text-primary:#e8e8e8;--text-secondary:#888;--text-muted:#555;--accent:#3b82f6;--accent-hover:#2563eb;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--purple:#a78bfa;--font-sans:"IBM Plex Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:6px;--radius-lg:10px;--sidebar-width:200px;--topbar-height:52px}#root,body,html{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}button{font-family:var(--font-sans);cursor:pointer;border:none;font-size:13px}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:var(--font-sans);font-size:13px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:8px 12px;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.icon-btn{display:inline-flex;align-items:center;justify-content:center}@media (max-width:767px){.icon-btn{min-width:44px;min-height:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar{width:var(--sidebar-width);flex-shrink:0}.app-shell{display:flex;height:100vh;overflow:hidden}.hamburger,.sidebar-backdrop{display:none}.page{padding:24px;overflow-y:auto;height:100%}.proc-row{grid-template-columns:7px 1fr 80px 80px 70px 70px 80px 120px;grid-gap:12px;align-items:center}.grid-5,.proc-row{display:grid;gap:12px}.grid-5{grid-template-columns:repeat(5,1fr);grid-gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.domain-card{gap:12px}.domain-card,.route-row{display:flex;align-items:center}.route-row{gap:6px}.log-shell{display:flex;flex-direction:column;height:100%;min-height:0}.filters{display:flex;gap:8px;align-items:center}.log-row{display:flex;gap:10px;align-items:baseline}.cols-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.dbx-layout{display:flex;flex:1 1;gap:12px;min-height:0;overflow:hidden}.dbx-sidebar{width:240px;flex-shrink:0;overflow-y:auto}.dbx-content{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.toolbar-wrap{display:flex;flex-wrap:wrap}@media (max-width:767px){.sidebar{position:fixed;top:0;left:0;height:100%;width:240px;transform:translateX(-100%);transition:transform .2s ease;z-index:200}.sidebar.open{transform:translateX(0);box-shadow:0 0 24px rgba(0,0,0,.5)}.sidebar-backdrop{display:block;position:fixed;top:0;left:240px;right:0;bottom:0;z-index:150;background:rgba(0,0,0,.5);animation:fadeIn .15s ease}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:16px}.page{padding:16px}.proc-row{display:block}.proc-row>*{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0;min-width:0}.proc-row>[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:11px;flex-shrink:0}.proc-header{display:none}.domain-card{align-items:flex-start}.domain-card,.route-row{flex-wrap:wrap}.route-row>*{flex:1 1 auto}.filters{flex-wrap:wrap}.filters>*{flex:1 1 auto}.log-row{flex-direction:column;gap:2px;align-items:stretch}.cols-2{grid-template-columns:1fr}.dbx-layout{flex-direction:column;overflow:visible}.dbx-sidebar{width:100%;max-height:200px}.dbx-content{overflow:visible}.grid-4,.grid-5{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.login-card{width:360px;max-width:calc(100vw - 32px)}.info-row{display:flex;justify-content:space-between;gap:12px}@media (max-width:480px){.page{padding:12px}.grid-4,.grid-5{grid-template-columns:1fr 1fr}.info-row{flex-direction:column;gap:2px}.toast-wrap{left:12px;right:12px!important}.toast-wrap>div{max-width:none!important}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-row{height:26px;border-radius:4px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 37%,var(--bg-elevated) 63%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes indeterminate{0%{left:-40%}to{left:100%}}.progress-indeterminate{position:relative;height:2px;background:var(--border);overflow:hidden;flex-shrink:0}.progress-indeterminate:after{content:"";position:absolute;top:0;height:100%;width:40%;background:var(--accent);animation:indeterminate 1.1s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.progress-indeterminate:after,.skeleton-row{animation:none}.progress-indeterminate:after{left:0;width:100%;opacity:.5}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}