@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap";:root{--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--cobalt-700: #0369a1;--cobalt-600: #0284c7;--cobalt-500: #0ea5e9;--cobalt-100: #e0f2fe;--cobalt-50: #f0f9ff;--emerald-800: #065f46;--emerald-700: #047857;--emerald-600: #10b981;--emerald-100: #d1fae5;--emerald-50: #ecfdf5;--amber-800: #92400e;--amber-700: #b45309;--amber-600: #d97706;--amber-100: #fef3c7;--amber-50: #fffbeb;--red-800: #991b1b;--red-700: #b91c1c;--red-600: #ef4444;--red-100: #fee2e2;--red-50: #fef2f2;--indigo-700: #4338ca;--indigo-50: #eef2ff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Roboto Mono", monospace;--bg-app: var(--slate-100);--bg-card: var(--white);--border-color: var(--slate-300);--text-main: var(--slate-900);--text-muted: var(--slate-600)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--cobalt-600);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.mobile-menu-btn,.mobile-search-btn{display:none!important}.desktop-search-box{display:block}.desktop-context-info{display:flex}@media (max-width: 1024px){.mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:6px}.desktop-context-info{display:none!important}.app-sidebar{position:fixed;top:56px;left:-280px;width:270px;height:calc(100vh - 56px);z-index:999;transition:left .25s ease-in-out;box-shadow:4px 0 12px #00000026}.app-sidebar.open{left:0!important}.sidebar-backdrop{position:fixed;top:56px;left:0;width:100vw;height:calc(100vh - 56px);background-color:#0f172a80;z-index:998}}@media (max-width: 768px){.desktop-search-box{display:none!important}.mobile-search-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:6px}.responsive-workspace{padding:16px 12px!important}.responsive-hero-card{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.responsive-quad-grid{grid-template-columns:1fr!important}input,select,button,textarea{font-size:16px!important}.touch-target{min-height:44px!important;min-width:44px!important}.responsive-modal-container{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--control-h: 40px}.ux-page{display:flex;flex-direction:column;gap:var(--space-5);max-width:1200px}.ux-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ux-page-header__meta{min-width:0;flex:1}.ux-crumb{font-size:12px;font-weight:600;color:var(--slate-500);letter-spacing:.02em;margin-bottom:var(--space-1)}.ux-title{font-size:22px;font-weight:800;color:var(--slate-900);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2);margin:0}.ux-subtitle{font-size:13px;color:var(--slate-600);margin-top:var(--space-1);max-width:62ch}.ux-page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ux-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.ux-stat{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.ux-stat__label{font-size:12px;font-weight:600;color:var(--slate-500)}.ux-stat__value{font-size:22px;font-weight:800;color:var(--slate-900);margin-top:var(--space-1)}.ux-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ux-card__head{padding:var(--space-4) var(--space-5) 0}.ux-card__title{font-size:15px;font-weight:700;margin:0}.ux-card__desc{font-size:13px;color:var(--slate-600);margin:var(--space-1) 0 0}.ux-card__body{padding:var(--space-5)}.ux-card__foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--slate-100);display:flex;justify-content:flex-end;gap:var(--space-2)}.ux-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500);margin:var(--space-4) 0 var(--space-2)}.ux-section-label:first-child{margin-top:0}.ux-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ux-label{font-size:12px;font-weight:700;color:var(--slate-700)}.ux-help{font-size:12px;color:var(--slate-500)}.ux-grid{display:grid;gap:var(--space-4)}.ux-grid-2{grid-template-columns:1fr 1fr}.ux-input,.ux-select,.ux-textarea{height:var(--control-h);border:1px solid var(--slate-300);border-radius:var(--radius-sm);padding:0 var(--space-3);font:inherit;font-size:13px;color:var(--slate-900);background:var(--white);width:100%}.ux-textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.ux-input:hover,.ux-select:hover,.ux-textarea:hover{border-color:var(--slate-400)}.ux-input:focus,.ux-select:focus,.ux-textarea:focus{outline:none;border-color:var(--cobalt-600);box-shadow:0 0 0 3px var(--cobalt-100)}.ux-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.ux-btn:disabled{opacity:.55;cursor:not-allowed}.ux-btn-primary{background:var(--cobalt-600);color:#fff}.ux-btn-primary:hover:not(:disabled){background:var(--cobalt-700)}.ux-btn-secondary{background:var(--white);color:var(--slate-800);border-color:var(--slate-300)}.ux-btn-secondary:hover:not(:disabled){background:var(--slate-50)}.ux-btn-ghost{background:transparent;color:var(--slate-700);height:auto;padding:var(--space-1) var(--space-2)}.ux-btn-danger{background:var(--red-600);color:#fff}.ux-btn-danger:hover:not(:disabled){background:var(--red-700)}.ux-toolbar,.ux-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.ux-filters .ux-field{flex:1;min-width:160px}.ux-table-wrap{overflow-x:auto}.ux-table{width:100%;border-collapse:collapse;font-size:13px}.ux-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--slate-500);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--slate-200);background:var(--slate-50)}.ux-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--slate-100);vertical-align:middle}.ux-table tbody tr:hover{background:var(--slate-50)}.ux-table-name{font-weight:700;color:var(--slate-900)}.ux-table-sub{font-size:12px;color:var(--slate-500)}.ux-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:999px}.ux-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ux-badge-success{background:var(--emerald-50);color:var(--emerald-800)}.ux-badge-warn{background:var(--amber-50);color:var(--amber-800)}.ux-badge-danger{background:var(--red-50);color:var(--red-800)}.ux-badge-neutral{background:var(--slate-100);color:var(--slate-700)}.ux-badge-info{background:var(--cobalt-50);color:var(--cobalt-700)}.ux-chip{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);border:1px solid var(--cobalt-100);background:var(--cobalt-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.ux-chip__name{font-weight:800;color:var(--slate-900)}.ux-chip__meta{font-size:12px;color:var(--slate-600)}.ux-empty,.ux-error,.ux-loading{text-align:center;padding:var(--space-6) var(--space-4);color:var(--slate-600)}.ux-empty h3,.ux-error h3{margin:var(--space-2) 0 var(--space-1);color:var(--slate-900);font-size:16px}.ux-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:13px;border:1px solid transparent}.ux-banner-error{background:var(--red-50);border-color:var(--red-100);color:var(--red-800)}.ux-banner-ok{background:var(--emerald-50);border-color:var(--emerald-100);color:var(--emerald-800)}.ux-banner-info{background:var(--cobalt-50);border-color:var(--cobalt-100);color:var(--cobalt-700)}.ux-skeleton{background:linear-gradient(90deg,var(--slate-100),var(--slate-200),var(--slate-100));background-size:200% 100%;animation:ux-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm);height:12px}@keyframes ux-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ux-spin{animation:ux-rotate .8s linear infinite}@keyframes ux-rotate{to{transform:rotate(360deg)}}.ux-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.ux-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:min(560px,100%);max-height:min(90vh,760px);overflow:auto}.ux-modal--wide{width:min(720px,100%)}.ux-drawer{background:var(--white);margin-left:auto;height:100%;width:min(420px,100%);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.ux-menu{position:fixed;z-index:1200;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:180px;padding:var(--space-1)}.ux-menu button{display:flex;width:100%;align-items:center;gap:var(--space-2);background:none;border:none;text-align:left;padding:var(--space-2) var(--space-3);font:inherit;font-size:13px;cursor:pointer;border-radius:4px;color:var(--slate-800)}.ux-menu button:hover{background:var(--slate-50)}.ux-menu button.danger{color:var(--red-700)}.ux-relative{position:relative}.ux-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--slate-200)}.ux-tab{background:none;border:none;font:inherit;font-size:13px;font-weight:700;padding:var(--space-2) var(--space-3);color:var(--slate-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.ux-tab[aria-selected=true]{color:var(--cobalt-700);border-bottom-color:var(--cobalt-600)}.ux-hits{border:1px solid var(--slate-200);border-radius:var(--radius-sm);overflow:hidden}.ux-hit{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;background:var(--white);border:none;border-bottom:1px solid var(--slate-100);padding:var(--space-3);text-align:left;cursor:pointer;font:inherit;font-size:13px}.ux-hit:hover{background:var(--slate-50)}@media (max-width: 900px){.ux-stats{grid-template-columns:1fr 1fr}.ux-grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.ux-stats{grid-template-columns:1fr}.ux-hide-sm{display:none!important}.ux-table thead{display:none}.ux-table,.ux-table tbody,.ux-table tr,.ux-table td{display:block;width:100%}.ux-table tr{padding:var(--space-3);border:1px solid var(--slate-200);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.ux-table td{border:none;padding:4px 0}.ux-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--slate-500);text-transform:uppercase}}