:root{--bg: #f6f7f8;--surface: #ffffff;--surface-2: #f9fafb;--text: #0f172a;--muted: #475569;--border: #e5e7eb;--accent: #1173d4;--accent-700: #1d4ed8;--success: #16a34a;--danger: #dc2626;--warning: #d97706}.dark{--bg: #101922;--surface: #111827;--surface-2: #1f2937;--text: #ffffff;--muted: #d1d5db;--border: #374151;--accent: #60a5fa;--accent-700: #3b82f6;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text)}.bg-primary{background-color:var(--accent)!important}.text-primary{color:var(--accent)!important}.border-primary{border-color:var(--accent)!important}.bg-primary-600{background-color:var(--accent)!important}.text-primary-700{color:var(--accent-700)!important}.hover\:opacity-90:hover{opacity:.9}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.ui-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:600;line-height:1;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.ui-btn:hover{background:var(--surface-2)}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ui-btn-primary:hover{background:var(--accent-700);border-color:var(--accent-700)}.ui-btn-quiet{background:transparent;color:var(--text);border-color:var(--border)}.ui-btn-quiet:hover{background:var(--surface-2)}.ui-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.ui-btn-danger:hover{filter:brightness(.95)}.ui-input,.ui-select,.ui-textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.5rem .75rem}.ui-input::placeholder,.ui-textarea::placeholder{color:#9ca3af}.dark .ui-input::placeholder,.dark .ui-textarea::placeholder{color:#9ca3af}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:2px solid var(--accent);outline-offset:0px;border-color:var(--accent)}.ui-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:12px;font-weight:600}.ui-badge-success{background:#16a34a1f;color:#166534}.ui-badge-danger{background:#dc26261f;color:#991b1b}.ui-badge-neutral{background:#0206170f;color:#334155}.dark .ui-badge-neutral{background:#ffffff0f;color:#e5e7eb}.ui-table{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.ui-table table{width:100%;border-collapse:separate;border-spacing:0}.ui-table thead{background:var(--surface-2);color:var(--muted);font-size:12px;text-transform:uppercase}.ui-table th,.ui-table td{padding:12px 16px;border-bottom:1px solid var(--border)}.ui-table tbody tr:hover{background:#02061708}.dark .ui-table tbody tr:hover{background:#ffffff0a}.ui-nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:10px;color:var(--muted)}.ui-nav-link:hover{background:var(--surface-2);color:var(--text)}.ui-nav-link.active{color:var(--accent-700);background:#1173d414}.dark .ui-nav-link.active{background:#60a5fa1f;color:#e5e7eb}.ui-avatar{border:1px solid var(--border);border-radius:10px;object-fit:cover}.ui-section{max-width:1120px;width:100%;margin-left:auto;margin-right:auto}.dark{color:#fff}.dark *{color:inherit}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}.dark p,.dark span,.dark div:not(.bg-green-100):not(.bg-red-100):not(.bg-yellow-100):not(.bg-blue-100){color:#fff}.dark label,.dark td,.dark th{color:#fff}.dark .text-gray-700{color:#fff!important}.dark .text-gray-600{color:#d1d5db!important}.dark .text-gray-500,.dark .text-gray-400{color:#9ca3af!important}.dark .text-gray-300,.dark .dark\:text-gray-300{color:#e5e7eb!important}.dark .dark\:text-gray-400{color:#9ca3af!important}.dark .dark\:text-white{color:#fff!important}.dark input:not([type=checkbox]):not([type=radio]){color:#fff;background-color:var(--surface)}.dark select,.dark textarea{color:#fff;background-color:var(--surface)}.dark .bg-green-100{background-color:#22c55e33;color:#22c55e}.dark .bg-red-100{background-color:#ef444433;color:#ef4444}.dark .bg-yellow-100{background-color:#f59e0b33;color:#f59e0b}.dark .bg-blue-100{background-color:#60a5fa33;color:#60a5fa}.dark .text-green-600,.dark .text-green-800{color:#22c55e!important}.dark .text-red-600,.dark .text-red-800{color:#ef4444!important}.dark .text-yellow-600,.dark .text-yellow-800{color:#f59e0b!important}.dark .text-blue-600,.dark .text-blue-800{color:#60a5fa!important}.dark .text-amber-600,.dark .text-amber-400{color:#f59e0b!important}.dark .text-green-400{color:#4ade80!important}.dark .text-red-400{color:#f87171!important}.shimmer{position:relative;overflow:hidden;background-color:#e5e7eb}.dark .shimmer{background-color:#374151}.shimmer:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);animation:shimmer-slide 1.2s infinite}.dark .shimmer:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000)}@keyframes shimmer-slide{0%{transform:translate(0)}to{transform:translate(100%)}}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}