*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4F46E5;--primary-light: #EEF2FF;--primary-dark: #3730A3;--success: #10B981;--success-light: #ECFDF5;--warning: #F59E0B;--danger: #EF4444;--text: #1E293B;--text-s: #64748B;--text-t: #94A3B8;--bg: #F8FAFC;--card: #FFFFFF;--border: #E2E8F0;--radius: 16px;--radius-sm: 12px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app-container{max-width:430px;margin:0 auto;min-height:100vh;position:relative}.page{padding:0 20px 40px;min-height:100vh;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{padding:60px 0 24px;text-align:center}.btn-primary{width:100%;padding:16px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.icon-back{position:absolute;top:48px;left:20px;width:38px;height:38px;border-radius:50%;border:none;background:var(--card);color:var(--text);box-shadow:0 4px 16px #1e293b14;font-size:18px;cursor:pointer}.page-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-light),#fff);border:1px solid #dfe4ff;font-size:28px}.round-action{width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--card);font-size:19px;cursor:pointer}.profile-hero{margin:24px 0 16px;padding:20px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #4f46e533}.empty-card{padding:28px 20px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:#ffffffa6;text-align:center;color:var(--text-s)}.history-card{display:flex;gap:12px;align-items:flex-start;padding:15px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm)}.history-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:21px}.status-pill{padding:3px 7px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:10px;white-space:nowrap}.status-pill.done{background:var(--success-light);color:#047857}.text-button{margin-top:10px;border:none;background:transparent;color:var(--primary);font-weight:600;cursor:pointer}