:root{--primary: #2563EB;--primary-light: #DBEAFE;--danger: #DC2626;--warning: #F59E0B;--success: #10B981;--bg: #F3F4F6;--card: #FFFFFF;--text: #1F2937;--text-secondary: #6B7280;--border: #E5E7EB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.loading-splash{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--text-secondary)}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:70px}.main-content{padding:16px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--border);padding:10px 0;z-index:100}.nav-item{text-decoration:none;color:var(--text-secondary);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:2px}.nav-item:hover{color:var(--primary)}.card{background:var(--card);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-block{width:100%}.input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:15px;margin-bottom:12px}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-red{background:#fee2e2;color:var(--danger)}.badge-green{background:#d1fae5;color:#065f46}.badge-yellow{background:#fef3c7;color:#92400e}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-secondary{color:var(--text-secondary);font-size:13px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}