@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-muted:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-muted);border-color:#cbd5e1}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-ghost{color:var(--brand-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--brand-50)}.btn-sm{padding:6px 12px;font-size:13px}.btn-md{padding:8px 16px;font-size:14px}.btn-full{width:100%}.btn-success{color:#fff;box-shadow:var(--shadow-sm);background:#16a34a}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);background:#15803d;transform:translateY(-1px)}.input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.modal-content.wide{max-width:640px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.badge{border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.toast{border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);z-index:2000;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#fffc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.app-header h1{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.app-header h2{color:var(--text-primary);margin-top:2px;font-size:20px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;background:#ffffffe6;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--brand-600)}.nav-item.active:before{content:"";background:var(--brand-600);border-radius:0 0 4px 4px;width:20px;height:3px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.nav-item span{font-size:11px;font-weight:500}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-tile{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-tile .stat-label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.stat-tile .stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-action-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.quick-action-btn:hover{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-action-btn span{text-align:center;font-size:12px;font-weight:500}.login-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border-color);width:100%;max-width:400px;padding:40px}.login-card h2{margin-bottom:8px;font-size:24px;font-weight:700}.login-card p{color:var(--text-muted);margin-bottom:32px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--card-bg:#fff}.dark{--bg-primary:#111827;--bg-secondary:#1f2937;--text-primary:#f9fafb;--text-muted:#9ca3af;--border-color:#374151;--card-bg:#1f2937}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-header,.bottom-nav,.card{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}