*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4a90d9;--success:#52c41a;--warning:#faad14;--danger:#ff4d4f;--bg:#f5f5f5;--card-bg:#fff;--text:#333;--text-secondary:#999;--border:#e8e8e8;--radius:8px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}.container{max-width:500px;min-height:100vh;margin:0 auto;padding:16px}@media (width>=768px){.container{max-width:720px;padding:24px 32px}body{font-size:15px}}.page-title{margin-bottom:20px;padding:16px 0;font-size:20px;font-weight:600}.btn{border-radius:var(--radius);cursor:pointer;text-align:center;border:none;width:100%;padding:12px;font-size:16px;font-weight:500;transition:opacity .2s;display:block}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:#fff}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}textarea.form-input{resize:vertical;min-height:80px}.card{background:var(--card-bg);border-radius:var(--radius);margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 0}