:root{--bg-primary:var(--white);--bg-surface:var(--gray-50);--bg-surface-2:var(--gray-100);--bg-surface-3:var(--gray-150);--bg-elevated:var(--white);--bg-glass:#fffffff2;--text-primary:var(--gray-700);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--text-inverse:var(--white);--border-subtle:#37352f17;--border-default:#37352f29;--border-strong:#37352f40;--brand-primary:var(--gray-700);--brand-primary-light:var(--brand-500);--brand-gradient:linear-gradient(135deg, var(--brand-400) 0%, var(--brand-600) 100%);--brand-primary-dark:var(--black);--success:var(--blue-500);--success-soft:var(--blue-50);--warning:var(--orange-500);--warning-soft:var(--orange-50);--error:var(--red-500);--error-soft:var(--red-50);--info:var(--brand-500);--info-soft:var(--brand-50);--positive:var(--green-500);--positive-soft:var(--green-50);--caution:var(--amber-500);--caution-soft:var(--amber-50);--accent:var(--indigo-500);--accent-soft:var(--indigo-50);--font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-xxs:.625rem;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:clamp(1.25rem, 1.1rem + .5vw, 1.375rem);--font-2xl:clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--font-3xl:2rem;--font-4xl:clamp(2rem, 1.7rem + 1.2vw, 2.5rem);--font-display:clamp(2.5rem, 2rem + 2vw, 4.5rem);--font-display-sm:clamp(2rem, 1.8rem + 1.5vw, 3rem);--space-micro:.125rem;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:clamp(1.5rem, 1.25rem + 1vw, 2rem);--space-3xl:clamp(2rem, 1.5rem + 1.5vw, 2.5rem);--space-4xl:clamp(2rem, 1.5rem + 2vw, 3rem);--space-5xl:clamp(2.5rem, 2rem + 2vw, 4rem);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0f0f0f1a;--shadow-md:0 4px 8px #0f0f0f14;--shadow-lg:0 8px 16px #0f0f0f1a;--shadow-glow:none;--transition-fast:.1s ease-out;--transition-base:.2s ease-out;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--transition-stagger-delay:40ms;--nav-item-py:.5rem;--nav-item-px:.75rem;--nav-item-height:2rem;--nav-icon-size:1.125rem;--nav-icon-gap:.5rem;--nav-active-radius:.5rem;--sidebar-width:240px;--sidebar-collapsed:64px;--btn-py:var(--space-xxs);--btn-px:var(--space-xs);--btn-py-sm:2px;--btn-px-sm:6px;--btn-py-lg:6px;--btn-px-lg:var(--space-sm);--btn-icon-size:28px;--input-py:6px;--input-px:10px;--modal-overlay-bg:#0f0f0f66;--modal-padding:var(--space-xl);--modal-max-width:600px;--focus-ring-color:#7c3aed33;--white:#fff;--black:#000;--gray-50:#f7f7f5;--gray-100:#efefed;--gray-150:#ececec;--gray-200:#e0e0e0;--gray-300:#c2c2c2;--gray-400:#a3a3a3;--gray-450:#828282;--gray-500:#666;--gray-600:#4b4b4b;--gray-700:#37352f;--gray-750:#373737;--gray-800:#2c2c2c;--gray-850:#252525;--gray-900:#202020;--gray-950:#191919;--brand-50:#f3e8ff;--brand-100:#e9d5ff;--brand-200:#d8b4fe;--brand-300:#c084fc;--brand-400:#a855f7;--brand-500:#8b5cf6;--brand-600:#7c3aed;--brand-700:#6d28d9;--brand-800:#5b21b6;--brand-900:#4c1d95;--blue-50:#e7f3f8;--blue-100:#d1e7f2;--blue-500:#337ea9;--blue-600:#2c6b8e;--blue-900:#1a4055;--orange-50:#faebdd;--orange-100:#f5d7b9;--orange-500:#d9730d;--orange-600:#b8620b;--orange-900:#6c3906;--red-50:#fbe4e4;--red-100:#f8c9c9;--red-500:#d44c47;--red-600:#b4413d;--red-900:#6a2623;--green-50:#ecfdf5;--green-100:#d1fae5;--green-500:#10b981;--green-600:#059669;--green-900:#064e3b;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--amber-900:#78350f;--yellow-500:#eab308;--cyan-500:#06b6d4;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-900:#312e81}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-2:var(--gray-800);--bg-surface-3:var(--gray-750);--bg-elevated:var(--gray-850);--bg-glass:#191919f2;--text-primary:#ffffffe6;--text-secondary:#ffffff8c;--text-muted:#ffffff59;--text-inverse:var(--gray-950);--border-subtle:#ffffff0d;--border-default:#ffffff17;--border-strong:#ffffff24;--brand-primary:var(--white);--brand-primary-light:var(--brand-400);--brand-gradient:linear-gradient(135deg, var(--brand-300) 0%, var(--brand-400) 100%);--success:#3c8fbd;--success-soft:#3c8fbd26;--warning:#d9882b;--warning-soft:#d9882b26;--error:#e56a66;--error-soft:#e56a6626;--info:#9d74ff;--info-soft:#9d74ff26;--positive:#34d399;--positive-soft:#10b98126;--caution:#fbbf24;--caution-soft:#f59e0b26;--accent:#818cf8;--accent-soft:#6366f126;--highlight-yellow:#facc15;--highlight-cyan:#22d3ee;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009;--modal-overlay-bg:#0009;--focus-ring-color:#9d74ff4d}}[data-theme=dark]{--bg-primary:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-2:var(--gray-800);--bg-surface-3:var(--gray-750);--bg-elevated:var(--gray-850);--bg-glass:#191919f2;--text-primary:#ffffffe6;--text-secondary:#ffffff8c;--text-muted:#ffffff59;--text-inverse:var(--gray-950);--border-subtle:#ffffff0d;--border-default:#ffffff17;--border-strong:#ffffff24;--brand-primary:var(--white);--brand-primary-light:var(--brand-400);--brand-gradient:linear-gradient(135deg, var(--brand-300) 0%, var(--brand-400) 100%);--success:#3c8fbd;--success-soft:#3c8fbd26;--warning:#d9882b;--warning-soft:#d9882b26;--error:#e56a66;--error-soft:#e56a6626;--info:#9d74ff;--info-soft:#9d74ff26;--positive:#34d399;--positive-soft:#10b98126;--caution:#fbbf24;--caution-soft:#f59e0b26;--accent:#818cf8;--accent-soft:#6366f126;--highlight-yellow:#facc15;--highlight-cyan:#22d3ee;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #0009;--modal-overlay-bg:#0009;--focus-ring-color:#9d74ff4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.5}::selection{color:inherit;background:#8b5cf64d}#root{min-height:100vh}a{color:inherit;transition:all var(--transition-fast);border-bottom:1px solid #37352f29;text-decoration:none}a:hover{background:#37352f14;border-color:#0000;border-radius:2px}@media (prefers-color-scheme:dark){a{border-bottom-color:#ffffff21}a:hover{background:#ffffff14}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#37352f29 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:#37352f4d}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background-color:#ffffff29}::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}}.btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--btn-py) var(--btn-px);font-family:var(--font-family);font-size:var(--font-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:500;line-height:1.3;display:inline-flex}.btn:active{opacity:.7}.btn-primary{background:var(--brand-gradient);color:var(--text-inverse);border:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--brand-primary-light);outline:none}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}.btn-secondary:hover{background:var(--bg-surface-2)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-primary)}.btn-danger{color:var(--error);background:0 0}.btn-sm{padding:var(--btn-py-sm) var(--btn-px-sm);font-size:var(--font-xs)}.btn-lg{padding:var(--btn-py-lg) var(--btn-px-lg);font-size:var(--font-base)}.btn-icon{width:var(--btn-icon-size);height:var(--btn-icon-size);border-radius:var(--radius-sm);padding:0}.card{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0}.card-glass,.card:hover{background:var(--bg-surface)}.input-field,input:not([type=checkbox]):not([type=radio]):not([type=color]):not(.project-title-input),textarea,select{width:100%;padding:var(--input-py) var(--input-px);font-family:var(--font-family);font-size:var(--font-sm);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), background var(--transition-fast);line-height:inherit;background:0 0;outline:none}.input-field:hover,input:not([type=checkbox]):not([type=radio]):not([type=color]):not(.project-title-input):hover,textarea:hover,select:hover{border-color:var(--border-strong)}.input-field:focus,input:not([type=checkbox]):not([type=radio]):not([type=color]):not(.project-title-input):focus,textarea:focus,select:focus{border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--focus-ring-color)!important;background-image:none!important;outline:none!important}.input-field::placeholder,input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--text-muted)}textarea.input-field,textarea{resize:vertical;min-height:80px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2337352F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}@media (prefers-color-scheme:dark){select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23EDEDED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}.input-ghost{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.input-ghost:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}input[type=checkbox],input[type=radio]{appearance:none;box-sizing:border-box;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;vertical-align:middle;aspect-ratio:1;background:0 0;flex-shrink:0;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;margin:0;padding:0;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--brand-primary-light)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--brand-primary-light);outline-offset:1px}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--brand-gradient);border-color:#0000}input[type=checkbox]:checked:after{content:"";border:solid var(--text-inverse);border-width:0 2px 2px 0;width:4.5px;height:8px;position:absolute;top:2px;left:4.5px;transform:rotate(45deg)}input[type=radio]:checked:after{content:"";border-radius:var(--radius-full);background:var(--text-inverse);width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:not-allowed}.settings-toggle input[type=checkbox],.switch input[type=checkbox]{appearance:none;opacity:0;background:0 0;border:none;width:0;min-width:0;height:0;min-height:0;position:absolute}.settings-toggle input[type=checkbox]:checked,.switch input[type=checkbox]:checked{background:0 0}.settings-toggle input[type=checkbox]:checked:after,.switch input[type=checkbox]:checked:after{display:none}.modal-overlay{background:var(--modal-overlay-bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-3xl) var(--space-lg);z-index:1000;justify-content:center;align-items:flex-start;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);width:100%;max-width:var(--modal-max-width,600px);flex-direction:column;margin:auto;animation:.15s ease-out fadeInScale;display:flex;position:relative;overflow:hidden}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:var(--font-lg);color:var(--text-primary);margin:0;font-weight:600}.modal-body{flex-direction:column;flex:1;gap:20px;padding:0 24px 24px;display:flex;overflow-y:auto}.modal-footer{background:var(--bg-surface-2);border-top:1px solid var(--border-default);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-scale{animation:fadeInScale var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideInLeft var(--transition-smooth)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-loading__spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}@media (width<=767px){.modal-overlay{padding:var(--space-sm);align-items:flex-start}.modal-content{max-width:95vw;max-height:85vh;padding:var(--space-md);overflow-y:auto}.btn{min-height:36px;padding:6px 12px}.btn-icon{width:36px;height:36px;min-height:36px}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}input:focus,textarea:focus,select:focus{scroll-margin-top:80px}}.page-container{padding:var(--space-2xl);max-width:1200px}.page-title{font-size:var(--font-3xl);margin-bottom:var(--space-xl);font-weight:700}.page-header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.page-header .page-title{margin-bottom:0}.page-count{font-size:var(--font-sm);color:var(--text-muted)}.stat-grid{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-md);transition:border-color var(--transition-fast);display:flex}.stat-card:hover{border-color:var(--border-default)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-body{flex-direction:column;display:flex}.stat-value{font-size:var(--font-xl);font-weight:700;line-height:1.2}.stat-label{font-size:var(--font-xs);color:var(--text-secondary)}.stat-sub{font-size:var(--font-xxs);color:var(--text-muted)}.dashboard-section{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--font-lg);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:600}.tier-grid{gap:var(--space-md);flex-wrap:wrap;display:flex}.tier-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);min-width:120px;display:flex}.tier-count{font-size:var(--font-xl);font-weight:700}.tier-badge{font-size:var(--font-xs);border-radius:var(--radius-full);white-space:nowrap;border:1px solid;padding:2px 8px;font-weight:600}.admin-badge{font-size:var(--font-xxs);color:var(--warning);background:var(--warning-soft);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.chart-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.search-bar{align-items:center;gap:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-lg);transition:border-color var(--transition-fast);display:flex}.search-bar:focus-within{border-color:var(--brand-primary-light)}.search-input{font-size:var(--font-sm);color:var(--text-primary);flex:1;box-shadow:none!important;padding:var(--space-xxs) 0!important;background:0 0!important;border:none!important;outline:none!important}.table-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:600}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:var(--text-primary)}.admin-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.admin-table tr.clickable-row{cursor:pointer;transition:background var(--transition-fast)}.admin-table tr.clickable-row:hover{background:var(--bg-surface)}.user-cell{align-items:center;gap:var(--space-sm);display:flex}.avatar{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.avatar-placeholder{background:var(--bg-surface-3);font-weight:600;font-size:var(--font-sm);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.user-name{color:var(--text-primary);font-weight:500}.mono{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-xs)}.user-profile-header{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);display:flex}.profile-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:72px;height:72px}.profile-avatar.avatar-placeholder{background:var(--bg-surface-3);font-size:var(--font-2xl);color:var(--text-secondary);justify-content:center;align-items:center;font-weight:700;display:flex}.profile-info{gap:var(--space-xxs);flex-direction:column;display:flex}.profile-name{font-size:var(--font-2xl);font-weight:700}.profile-meta{align-items:center;gap:var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);display:flex}.profile-meta span{align-items:center;gap:4px;display:inline-flex}.uid-text{font-size:var(--font-xxs);color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.detail-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.info-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.info-card-header{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);font-weight:600;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);display:flex}.info-card-header h3{font-size:var(--font-sm);font-weight:600}.info-card-body{padding:var(--space-sm) var(--space-lg) var(--space-md)}.data-row{padding:var(--space-xs) 0;font-size:var(--font-sm);justify-content:space-between;align-items:center;display:flex}.data-row+.data-row{border-top:1px solid var(--border-subtle)}.data-label{color:var(--text-muted)}.data-value{color:var(--text-primary);font-weight:500}.action-group{gap:var(--space-xxs);flex-wrap:wrap;display:flex}.btn-sm{font-size:var(--font-xxs);border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:3px 8px;font-weight:500;display:inline-flex}.btn-sm:hover{background:var(--bg-surface-3)}.btn-sm:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:var(--error)!important;border-color:var(--error)!important}.btn-danger:hover{background:#e56a661a!important}.alert-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm)}.alert-banner.success{background:var(--positive-soft);color:var(--positive);border:1px solid var(--positive)}.alert-banner.error{color:var(--error);border:1px solid var(--error);background:#e56a661a}.topup-form{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.input-field{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;min-width:160px}.input-field:focus{border-color:var(--brand-primary-light)}.input-field::placeholder{color:var(--text-muted)}