*{box-sizing:border-box;margin:0;padding:0}:root{--blue-dark:#0d1f35;--blue:#1e3a5f;--blue-mid:#2e6da4;--blue-light:#ebf2fa;--gold:#f0a500;--gold-light:#fff3cc;--gold-dark:#b87d00;--bg:#f0f4f8;--card:#fff;--text:#0d1f35;--text-sub:#64748b;--border:#e2e8f0;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px #0d1f3514;--shadow-md:0 4px 16px #0d1f351a}body{background:var(--bg);color:var(--text);max-width:480px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{color:var(--blue-dark);font-size:1.4rem;font-weight:700}h2{color:var(--blue-dark);font-size:1.1rem;font-weight:700}h3{color:var(--blue-dark);font-size:.95rem;font-weight:600}p{font-size:.9rem;line-height:1.6}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:12px;padding:18px}.btn-primary{background:var(--blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.03em;border:none;width:100%;padding:15px;font-size:.95rem;font-weight:700;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--blue-dark)}.btn-primary:active{transform:scale(.98)}.btn-gold{background:var(--gold);width:100%;color:var(--blue-dark);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.03em;border:none;padding:15px;font-size:.95rem;font-weight:700;transition:background .2s,transform .1s}.btn-gold:hover{background:var(--gold-dark);color:#fff}.btn-gold:active{transform:scale(.98)}.btn-secondary{width:100%;color:var(--blue);border:1.5px solid var(--blue);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:13px;font-size:.9rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:var(--blue-light)}.btn-ghost{width:100%;color:var(--text-sub);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:13px;font-size:.9rem;font-weight:500}.input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:#fff;outline:none;padding:13px 15px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e3a5f14}.label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.badge-success{background:var(--success-bg);color:var(--success);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.badge-warning{background:var(--warning-bg);color:var(--warning);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.badge-info{background:var(--blue-light);color:var(--blue);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.badge-gold{background:var(--gold-light);color:var(--gold-dark);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}.page{min-height:100vh;padding:16px 16px 100px}.page-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.loading{min-height:60vh;color:var(--text-sub);justify-content:center;align-items:center;font-size:.95rem;display:flex}.error{background:var(--error-bg);color:var(--error);border-radius:var(--radius-md);border-left:3px solid var(--error);margin-bottom:14px;padding:12px 16px;font-size:.88rem}.empty{text-align:center;color:var(--text-sub);padding:48px 20px}.empty-icon{margin-bottom:12px;font-size:2.5rem}.divider{align-items:center;gap:12px;margin:16px 0;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-text{color:var(--text-sub);font-size:.8rem}