:root{--primary: #F8B4B4;--primary-light: #FFF0F0;--primary-dark: #E89090;--bg: #FFF5F5;--white: #FFFFFF;--text: #333333;--text-light: #888888;--text-lighter: #BBBBBB;--danger: #E88080;--success: #7ECB7E;--warning: #F5C96A;--border: #FFE0E0;--shadow: 0 4px 16px rgba(248,180,180,.15);--radius: 20px;--radius-sm: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:16px;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;height:100dvh;background:var(--bg);position:relative}.page{flex:1;overflow-y:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:12px 16px}.card-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:14px;padding-left:14px;border-left:3px solid var(--primary)}.btn{display:flex;align-items:center;justify-content:center;height:48px;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;padding:0 24px;transition:transform .1s,opacity .1s}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:linear-gradient(135deg,#f8b4b4,#f5a0a0);color:#fff;width:100%;box-shadow:0 4px 16px #f8b4b459}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-small{height:36px;font-size:14px;padding:0 16px;border-radius:18px}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:6px;font-size:12px}.tag-danger{background:#fff0f0;color:#e88080}.tag-warning{background:#fff8e8;color:#d4a030}.tag-success{background:#f0fff0;color:#5aaa5a}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text);background:#fffbfb;font-family:inherit;outline:none}input:focus{border-color:var(--primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:var(--text-light);margin-bottom:6px}.empty{text-align:center;padding:40px 20px;color:var(--text-lighter);font-size:14px}.safe-bottom{height:env(safe-area-inset-bottom,12px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);overflow-y:auto;max-width:480px;margin:0 auto}.top-bar{display:flex;align-items:center;padding:12px 16px;background:var(--white);border-bottom:1px solid var(--border)}.top-bar .back{font-size:20px;margin-right:12px;cursor:pointer;color:var(--primary)}.top-bar .title{font-size:18px;font-weight:600}