:root{--primary: #6C5CE7;--primary-dark: #5A4BD1;--primary-light: #A29BFE;--success: #00B894;--warning: #FDCB6E;--danger: #E17055;--info: #74B9FF;--bg: #F0F2F5;--card-bg: #FFFFFF;--text: #2D3436;--text-secondary: #636E72;--text-light: #B2BEC3;--border: #DFE6E9;--radius: 12px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;outline:none;-webkit-appearance:none}.btn:active{transform:scale(.96);opacity:.85}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:var(--text)}.btn-outline{background:#fff;border:1px solid var(--border);color:var(--text)}.btn-sm{padding:6px 14px;font-size:12px;border-radius:6px}.btn-lg{padding:14px 28px;font-size:16px;border-radius:10px}.btn-block{display:flex;width:100%}.btn:disabled{opacity:.5;pointer-events:none}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .2s;-webkit-appearance:none}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-light)}textarea.form-input{resize:vertical;min-height:80px;line-height:1.6}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag-primary{background:#eeebff;color:var(--primary)}.tag-success{background:#e6f9f4;color:var(--success)}.tag-warning{background:#fff8e1;color:#f39c12}.tag-danger{background:#fdeaef;color:var(--danger)}.tag-info{background:#e8f4fd;color:#3498db}.tag-gray{background:#f1f2f6;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-light)}.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.4}.empty-state .text{font-size:14px}.loading{display:flex;align-items:center;justify-content:center;padding:32px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.safe-bottom{padding-bottom:calc(16px + var(--safe-bottom))}@media (max-width: 480px){.card{padding:12px;margin-bottom:10px;border-radius:10px}}