:root{--editorial-canvas:#f8fafc;--editorial-white:#fff;--text-slate-900:#0f172a;--text-slate-700:#334155;--text-slate-600:#475569;--text-slate-400:#94a3b8;--brand-teal:#0d9488;--brand-teal-light:#ccfbf1;--brand-navy:#0f172a}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{min-height:100vh;color:var(--text-slate-900);background:#f1f5f9;margin:0;padding:0}.app-container{background:#fff;flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #0000000f}.top-bar{background:var(--editorial-canvas);z-index:100;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.app-screen{background:var(--editorial-canvas);flex:1;padding:16px 16px 80px;overflow-y:auto}.section-header{color:var(--text-slate-400);letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.bottom-nav{z-index:150;background:#fff;border-top:1px solid #f1f5f9;justify-content:space-around;align-items:center;height:64px;padding:0 6px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000008}.nav-btn{color:var(--text-slate-400);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;transition:color .2s;display:flex}.nav-btn.active{color:var(--text-slate-900);font-weight:700}.nav-btn span{margin-top:2px;font-size:10px}.scan-nav-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-18px;transition:transform .2s;display:flex;box-shadow:0 6px 16px #0f172a4d}.scan-nav-btn:active{transform:scale(.92)}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;animation:.2s fadeIn;position:fixed;inset:0}.drawer{z-index:350;background:#fff;width:100%;max-width:440px;height:100%;padding:24px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #0003}.modal-sheet{z-index:400;background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:600px;max-height:85%;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)translate(-50%)}to{transform:translateY(0)translate(-50%)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.input-field{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:13px;transition:border-color .2s}.input-field:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:800;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.92}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}