@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-canvas: #09090b;--bg-surface: #111114;--bg-subtle: #18181c;--bg-elevated: #1e1e24;--bg-hover: #22222a;--bg-active: #292934;--border-default: #222228;--border-subtle: #18181e;--border-hover: #33333e;--border-focus: #6366f1;--text-primary: #f4f4f6;--text-secondary: #94949e;--text-muted: #62626e;--text-inverse: #09090b;--brand-primary: #6366f1;--brand-hover: #4f46e5;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--brand-surface: rgba(99, 102, 241, .12);--badge-success-bg: rgba(34, 197, 94, .1);--badge-success-border: rgba(34, 197, 94, .25);--badge-success-text: #4ade80;--badge-success-dot: #22c55e;--badge-warning-bg: rgba(234, 179, 8, .1);--badge-warning-border: rgba(234, 179, 8, .25);--badge-warning-text: #facc15;--badge-warning-dot: #eab308;--badge-danger-bg: rgba(239, 68, 68, .1);--badge-danger-border: rgba(239, 68, 68, .25);--badge-danger-text: #f87171;--badge-danger-dot: #ef4444;--badge-purple-bg: rgba(168, 85, 247, .1);--badge-purple-border: rgba(168, 85, 247, .25);--badge-purple-text: #c084fc;--badge-purple-dot: #a855f7;--badge-neutral-bg: rgba(113, 113, 126, .12);--badge-neutral-border: rgba(113, 113, 126, .22);--badge-neutral-text: #a1a1aa;--badge-neutral-dot: #71717e;--toast-success-bg: #052e16;--toast-error-bg: #450a0a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 40px -6px rgba(0, 0, 0, .8);color-scheme:dark}[data-theme=light]{--bg-canvas: #fafafa;--bg-surface: #ffffff;--bg-subtle: #f4f4f5;--bg-elevated: #ffffff;--bg-hover: #eaeaea;--bg-active: #e2e2e5;--border-default: #e4e4e7;--border-subtle: #f0f0f2;--border-hover: #d4d4d8;--border-focus: #4f46e5;--text-primary: #09090b;--text-secondary: #52525b;--text-muted: #71717a;--text-inverse: #ffffff;--brand-primary: #4f46e5;--brand-hover: #4338ca;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);--brand-surface: rgba(79, 70, 229, .08);--badge-success-bg: #f0fdf4;--badge-success-border: #bbf7d0;--badge-success-text: #15803d;--badge-success-dot: #16a34a;--badge-warning-bg: #fefce8;--badge-warning-border: #fef08a;--badge-warning-text: #a16207;--badge-warning-dot: #ca8a04;--badge-danger-bg: #fef2f2;--badge-danger-border: #fecaca;--badge-danger-text: #b91c1c;--badge-danger-dot: #dc2626;--badge-purple-bg: #faf5ff;--badge-purple-border: #e9d5ff;--badge-purple-text: #7e22ce;--badge-purple-dot: #9333ea;--badge-neutral-bg: #f4f4f5;--badge-neutral-border: #e4e4e7;--badge-neutral-text: #52525b;--badge-neutral-dot: #71717a;--toast-success-bg: #f0fdf4;--toast-error-bg: #fef2f2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,kbd,samp,pre{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.layout-shell{display:flex;height:100vh;width:100vw;background:var(--bg-canvas);overflow:hidden}.layout-desktop-sidebar{display:none;width:220px;background:var(--bg-surface);border-right:1px solid var(--border-default);flex-direction:column;justify-content:space-between;flex-shrink:0}@media(min-width:768px){.layout-desktop-sidebar{display:flex}}.sidebar-brand-header{padding:16px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-default)}.brand-logo-mark{width:26px;height:26px;border-radius:7px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.brand-logo-mark.small{width:22px;height:22px;font-size:12px;border-radius:6px}.brand-title-wrap{display:flex;align-items:center;gap:8px}.brand-name{font-weight:700;font-size:15px;color:var(--text-primary);letter-spacing:-.02em}.sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .12s ease;width:100%}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;color:currentColor}.sidebar-footer{padding:12px;border-top:1px solid var(--border-default)}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:var(--bg-subtle)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-surface);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-email{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status-dot{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.status-indicator{width:6px;height:6px;border-radius:50%}.status-indicator.online{background:#22c55e}.status-indicator.offline{background:#ef4444}.status-indicator.mock{background:#a855f7}.layout-main-col{display:flex;flex-direction:column;flex:1;height:100vh;overflow:hidden;position:relative}.layout-topbar{height:48px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:40}.topbar-left{display:flex;align-items:center;gap:12px}.mobile-brand-mark{display:flex;align-items:center;gap:8px}@media(min-width:768px){.mobile-brand-mark{display:none}}.mobile-route-title{font-size:14px;font-weight:700;color:var(--text-primary)}.desktop-breadcrumb{display:none;font-size:13px;color:var(--text-muted)}@media(min-width:768px){.desktop-breadcrumb{display:inline-block}}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-search-btn{display:none;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-muted);font-size:12px;cursor:pointer;font-family:inherit}@media(min-width:640px){.topbar-search-btn{display:flex}}.topbar-search-btn kbd{background:var(--border-default);padding:1px 4px;border-radius:3px;font-size:10px}.topbar-icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .12s ease}.engine-pill-btn{padding:4px 8px;border-radius:6px;border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer}.engine-pill-btn.active{background:var(--badge-purple-bg);border-color:var(--badge-purple-border);color:var(--badge-purple-text)}.topbar-logout-btn{background:transparent;border:none;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px}.layout-content-scroll{flex:1;overflow-y:auto;padding-bottom:72px;-webkit-overflow-scrolling:touch}@media(min-width:768px){.layout-content-scroll{padding-bottom:24px}}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-surface);border-top:1px solid var(--border-default);z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:768px){.mobile-bottom-nav{display:none}}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;padding:6px 0;touch-action:manipulation}.mobile-bottom-nav-item.active{color:var(--brand-primary);font-weight:600}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}.page-container{padding:16px;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.page-container{padding:24px;gap:20px}}.table-responsive-container{width:100%}.desktop-table-view{display:none}.mobile-list-view{display:flex;flex-direction:column;gap:10px}@media(min-width:640px){.desktop-table-view{display:block;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.mobile-list-view{display:none}}.table-row-hover:hover{background:var(--bg-hover)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}