:root{--peelz-blue: #05c3dd;--peelz-navy: #03257e;--peelz-orange: #ff6900;--peelz-green: #a7d500;--peelz-leaf: #007737;--peelz-magenta: #c964cf;--peelz-pink: #f04e98;--peelz-red: #f8485e;--peelz-amber: #ff8f1c;--peelz-yellow: #ffd100;--peelz-teal: #00c7b1;--peelz-blue-75: #43d1e4;--peelz-blue-50: #82e1ee;--peelz-blue-25: #c1f0f7;--peelz-blue-10: #e6fafc;--bg: #ffffff;--bg-soft: var(--peelz-blue-10);--surface: #ffffff;--text: #0a1f4d;--text-muted: #5b6b8c;--border: #dce6f2;--focus: var(--peelz-blue);--danger: var(--peelz-red);--success: var(--peelz-leaf);--warning: var(--peelz-amber);--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(3, 37, 126, .08);--shadow: 0 6px 20px rgba(3, 37, 126, .12);--font-head: "Baloo 2", "Nunito", system-ui, -apple-system, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-size-adjust:100%;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;color:var(--peelz-navy);line-height:1.1;margin:0 0 .4em}a{color:var(--peelz-blue)}.btn{font-family:var(--font-head);font-weight:700;font-size:1.05rem;border:none;border-radius:var(--radius-pill);padding:14px 22px;min-height:52px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s ease,filter .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--peelz-blue);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(.96)}.btn-accent{background:var(--peelz-orange);color:#fff}.btn-ghost{background:transparent;color:var(--peelz-navy);border:2px solid var(--border)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-head);font-weight:700;color:var(--peelz-navy);margin-bottom:6px;font-size:.98rem}.input,.select,textarea.input{width:100%;font-family:var(--font-body);font-size:1.05rem;padding:13px 14px;border:2px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text)}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--peelz-blue-25)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-head);font-weight:700;font-size:.95rem;padding:9px 15px;border-radius:var(--radius-pill);border:2px solid var(--border);background:#fff;color:var(--peelz-navy);cursor:pointer}.chip[aria-pressed=true]{background:var(--peelz-blue);border-color:var(--peelz-blue);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{background:var(--peelz-blue);color:#fff;padding:calc(12px + var(--safe-top)) 0 12px;position:sticky;top:0;z-index:10}.app-header-inner{max-width:640px;width:100%;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:10px}.app-header img{height:30px}.app-main{flex:1;padding:16px;max-width:640px;width:100%;margin:0 auto}.app-footer-pad{height:calc(20px + var(--safe-bottom))}.offline-banner{background:var(--peelz-amber);color:#3a2400;font-family:var(--font-head);font-weight:700;text-align:center;padding:8px;font-size:.92rem}.sync-pending{background:var(--peelz-blue-10);color:var(--peelz-navy);font-weight:700;text-align:center;padding:6px;font-size:.85rem}