:root{--color-primary: #8b4513;--color-primary-light: #a0522d;--color-accent: #f3dec1;--color-accent-soft: #fef6e8;--color-card: #faf6f0;--color-bg: #f5f5f5;--color-border: #ecd7be;--color-text: #333333;--color-text-muted: #888888;--color-danger: #c0392b;--color-success: #27ae60;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 2px 8px rgba(139, 69, 19, .08);--header-height: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh}a{color:var(--color-primary);text-decoration:none}button,input,textarea{font:inherit}.page{min-height:100vh;min-height:100dvh;padding-bottom:calc(16px + var(--safe-bottom))}.page-body{padding:12px 16px 24px}.card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:14px 16px}.card+.card{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-primary);font-weight:600;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-block{width:100%}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-size:13px;color:var(--color-text-muted)}.field input,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:var(--color-primary)}.error-text{color:var(--color-danger);font-size:13px;margin-top:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700}.list-item{display:block;padding:14px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;color:inherit;cursor:pointer}.list-item:active{background:var(--color-accent-soft)}.list-item-title{font-weight:600;color:var(--color-primary);margin-bottom:4px}.list-item-meta{font-size:13px;color:var(--color-text-muted)}.section-title{font-size:14px;font-weight:700;color:var(--color-primary);margin:16px 0 8px}.menu-group.card{padding:0;overflow:hidden}.menu-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s}.menu-row--last{border-bottom:none}.menu-row:active{background:var(--color-accent-soft)}