:root{--color-bg:#f5f5f5;--color-surface:#fff;--color-border:#e5e7eb;--color-text-main:#111827;--color-text-muted:#6b7280;--color-primary:#111827;--color-accent:#ef4444;--color-success:#10b981;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--shadow-soft:0 10px 25px #0f172a0f}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text-main);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.app-header-left{align-items:center;gap:2rem;display:flex}.app-header-right{align-items:center;gap:.75rem;display:flex}.app-logo{letter-spacing:.03em;font-size:1.1rem;font-weight:700}.app-logo-dot{color:var(--color-accent);margin-left:.1rem}.app-nav{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:999px;padding:.25rem .7rem;font-size:.9rem;transition:background-color .15s,color .15s}.nav-link:hover{color:var(--color-text-main);background-color:#f3f4f6}.nav-link-active{background-color:var(--color-primary);color:#fff}.nav-button{cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:.35rem .9rem;font-size:.9rem;transition:transform .1s,box-shadow .15s,opacity .1s}.nav-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a26}.nav-button:active{box-shadow:none;transform:translateY(0)}.nav-button-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.nav-button-outline:hover{background-color:var(--color-primary);color:#fff}.app-main{flex:1;padding:1.5rem}.page-card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:520px;box-shadow:var(--shadow-soft);margin:2rem auto;padding:1.75rem}.page-title{margin-bottom:.4rem;font-size:1.25rem;font-weight:600}.page-subtitle{color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem}.form-field{margin-bottom:.75rem}.form-label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.form-input,.form-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:#fff;width:100%;padding:.45rem .6rem;font-size:.9rem}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 1px #11182733}.form-error{color:#b91c1c;margin-bottom:.5rem;font-size:.8rem}.form-success{color:var(--color-success);margin-bottom:.5rem;font-size:.8rem}.form-button{border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-primary);color:#f9fafb;border:none;width:100%;margin-top:.75rem;padding:.55rem .75rem;font-size:.9rem;transition:background-color .15s,transform .1s,box-shadow .15s,opacity .1s}.form-button:hover{box-shadow:var(--shadow-soft);background-color:#020617;transform:translateY(-1px)}.form-button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}