*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f7;color:#1c1c1e;-webkit-font-smoothing:antialiased}:root{--bg: #F5F5F7;--card: #FFFFFF;--primary: #5856D6;--primary-light: #EEEEFF;--green: #34C759;--green-light: #E8F8ED;--red: #FF3B30;--red-light: #FFF0EF;--amber: #FF9500;--amber-light: #FFF5E6;--blue: #007AFF;--blue-light: #E5F2FF;--text-primary: #1C1C1E;--text-secondary: #6C6C70;--text-tertiary: #AEAEB2;--border: #E5E5EA;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}.card{background:var(--card);border-radius:var(--radius-lg);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-green{background:var(--green-light);color:#1a7a35}.badge-blue{background:var(--blue-light);color:#05c}.badge-amber{background:var(--amber-light);color:#9a5500}.badge-red{background:var(--red-light);color:#cc1000}.badge-purple{background:var(--primary-light);color:#3634a3}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.metric-card{background:var(--card);border-radius:var(--radius-lg);padding:18px 20px}.metric-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.metric-value{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.metric-sub{font-size:12px;color:var(--text-tertiary);margin-top:3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.modal{background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px 20px 40px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 20px}.modal-title{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}@media (min-width: 768px){.modal-overlay{align-items:center;padding:20px}.modal{border-radius:var(--radius-xl);max-height:85vh}.modal-handle{display:none}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}