:root{--primary: #1d4ed8;--primary-dark: #1e3a8a;--primary-light: #3b82f6;--primary-glow: #60a5fa;--cyan: #06b6d4;--bg: #f1f5f9;--bg-dark: #0b1437;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--radius: 14px;--radius-lg: 18px;--shadow-blue: 0 8px 24px -8px rgba(29, 78, 216, .35);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 12px -6px rgba(15, 23, 42, .08);--grad-primary: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);--grad-primary-soft: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,select,textarea{font-family:inherit;font-size:15px}a{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--radius);font-weight:600;font-size:15px;letter-spacing:.2px;transition:transform .06s ease,box-shadow .18s ease,opacity .15s;min-height:44px;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:active{box-shadow:0 4px 12px -4px #1d4ed880}.btn-secondary{background:white;color:var(--text);border:1px solid var(--border-strong)}.btn-danger{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:#fff;box-shadow:0 8px 24px -8px #ef444473}.btn-success{background:linear-gradient(135deg,#059669 0%,#10b981 100%);color:#fff;box-shadow:0 8px 24px -8px #10b98173}.btn-block{width:100%}.card{background:var(--card);border-radius:var(--radius);padding:14px;border:1px solid var(--border);box-shadow:var(--shadow-card);position:relative}.muted{color:var(--muted);font-size:13px}.small{font-size:13px}.right{text-align:right}.app-header{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);padding:12px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;padding-top:calc(12px + env(safe-area-inset-top));backdrop-filter:saturate(1.4)}.app-header h1{margin:0;font-size:17px;flex:1;font-weight:700;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:19px;color:var(--primary);background:var(--grad-primary-soft);border:1px solid rgba(29,78,216,.08);transition:transform .06s,background .15s}.app-header .icon-btn:active{transform:scale(.94);background:#dbeafe}.app-header .icon-btn:disabled{opacity:.45}.app-content{padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:500;z-index:1000;max-width:calc(100% - 32px);text-align:center;box-shadow:0 12px 32px #0f172a66,0 0 0 1px #60a5fa33;border:1px solid rgba(96,165,250,.15)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);border-right-color:var(--primary-light);animation:spin .7s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:50px 20px;color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-muted{background:#e2e8f0;color:var(--muted)}.glow-blue{box-shadow:0 0 0 1px #3b82f62e,0 8px 32px -10px #1d4ed859}