:root{--color-bg:#0f1416;--color-surface:#1a2226;--color-surface-hover:#212b30;--color-border:#2c383d;--color-text:#eef2f3;--color-text-muted:#9fb0b5;--color-primary:#02c39a;--color-primary-hover:#00a884;--color-danger:#e5484d;--color-warning:#f0a94e;--color-success:#2ea86f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 2px 10px #00000040;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-family:inherit;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}.btn-primary{background:var(--color-primary);color:#04201a;border-radius:var(--radius-sm);border:none;padding:.65rem 1.3rem;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:0 0;padding:.6rem 1.1rem;transition:border-color .15s,background .15s}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.25rem 1.5rem}.page-container{max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.field-group{margin-bottom:1.1rem}.field-label{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.field-input{width:100%;padding:.6rem .75rem}.tag-chip{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.82rem;display:inline-flex}.tag-chip button{color:var(--color-text-muted);background:0 0;border:none;padding:0;font-weight:700;line-height:1}.tag-chip button:hover{color:var(--color-danger)}.error-text{color:var(--color-danger);border-radius:var(--radius-sm);background:#e5484d1a;border:1px solid #e5484d4d;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.success-text{color:var(--color-success);border-radius:var(--radius-sm);background:#2ea86f1a;border:1px solid #2ea86f4d;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center-state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}@media (width<=600px){.page-container{padding:1.25rem 1rem 2.5rem}.navbar{flex-wrap:wrap;gap:.6rem!important}}