*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #13315c;--primary-dark: #0b2545;--primary-light: #e8f1fa;--accent: #1d6fb8;--gold: #b08d57;--danger: #9b1c1c;--success: #137d54;--warning: #b45309;--gray-50: #f4f6f9;--gray-100: #eef1f5;--gray-200: #e3e8ef;--gray-400: #8a94a6;--gray-600: #5b6677;--gray-800: #1a2233;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(11,37,69,.06), 0 1px 3px rgba(11,37,69,.04);--shadow-md: 0 4px 12px rgba(11,37,69,.08), 0 2px 4px rgba(11,37,69,.05)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--gray-800);background:var(--gray-50);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;background:none}a{color:inherit;text-decoration:none}.screen{display:flex;flex-direction:column;min-height:100%;max-width:480px;margin:0 auto;background:#fff}.top-bar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--gray-200);background:#fff;position:sticky;top:0;z-index:10}.top-bar h1{font-size:1.1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;letter-spacing:.01em;transition:background .15s,transform .1s,box-shadow .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #1d6fb84d}.btn-primary:hover{background:var(--primary)}.btn-secondary{background:var(--gray-100);color:var(--gray-800);border:1px solid var(--gray-200)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:.875rem}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-blue{background:var(--primary-light);color:var(--primary)}@keyframes cdot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.badge-green{background:#d1fae5;color:var(--success)}.badge-yellow{background:#fef3c7;color:var(--warning)}.badge-red{background:#fde8e8;color:var(--danger)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;flex:1}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.gap-2{gap:8px}.gap-3{gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--gray-400)}.text-danger{color:var(--danger)}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}