:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14283a;background:#f6f7f5;font-synthesis:none;--nav: #123b52;--nav-soft: #1d5874;--brand: #0e7c66;--brand-strong: #0a6553;--brand-soft: #e4f4ee;--info: #236a92;--info-soft: #e8f3fb;--canvas: #f6f7f5;--surface: #ffffff;--ink: #14283a;--muted: #647487;--line: #dbe3e7;--danger: #b4232c;--danger-soft: #fdebec;--warning: #9a6200;--warning-soft: #fff4d9;--shadow: 0 12px 32px rgba(18, 59, 82, .08)}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focusable:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(14,124,102,.35);outline-offset:2px}.app-page{max-width:1440px;margin:0 auto;padding:32px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin:4px 0 8px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:1rem}.eyebrow{color:var(--brand);font-size:.75rem!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.shell-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:9px;padding:0 16px;font-weight:700;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58}.btn-primary{color:#fff;background:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{color:var(--ink);border-color:var(--line);background:#fff}.btn-ghost{color:var(--info);border-color:transparent;background:transparent}.btn-danger{color:#fff;background:var(--danger)}.btn-danger:hover:not(:disabled){background:#951d26}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;color:var(--nav);background:#fff;font-size:1.15rem}.icon-button.danger{color:var(--danger)}.field{display:grid;gap:8px}.field label,.field>.label{color:var(--ink);font-size:.85rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd7dd;border-radius:9px;padding:12px 14px;color:var(--ink);background:#fff}.password-control{display:flex;align-items:center;border:1px solid #cbd7dd;border-radius:9px;background:#fff}.password-control input{min-width:0;border:0;outline:0}.password-toggle{flex:0 0 auto;min-height:40px;margin-right:4px;border:0;border-radius:7px;padding:0 10px;color:var(--info);background:transparent;font-size:.8rem;font-weight:700}.password-toggle:focus-visible{outline:3px solid rgba(14,124,102,.28);outline-offset:1px}.field textarea{min-height:104px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#91a0ae}.field small{color:var(--muted);font-size:.78rem;line-height:1.4}.field-error{color:var(--danger)!important;font-size:.78rem!important}.status{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.status.info{border-color:#c5e1f1;background:var(--info-soft);color:var(--info)}.status.error{border-color:#f2c7ca;background:var(--danger-soft);color:var(--danger)}.status.success{border-color:#bde4d5;background:var(--brand-soft);color:var(--brand-strong)}.status.empty{min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.status.empty strong{color:var(--ink);font-size:1.05rem}@media(max-width:800px){.app-page{padding:24px 16px 104px}.page-heading{flex-direction:column;gap:16px}.page-heading>.btn{width:100%}}