:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button{font:inherit}.customer-app{background:linear-gradient(#dff7f4 0,#f7fbfb 250px),#f7fbfb;min-height:100vh;padding:14px 14px 88px}.customer-shell{width:min(100%,520px);margin:0 auto}.customer-header,.customer-brand,.customer-hero-top,.customer-section-title{align-items:center;display:flex}.customer-header,.customer-hero-top,.customer-section-title{justify-content:space-between;gap:12px}.customer-header{margin-bottom:16px}.customer-brand{gap:10px;min-width:0}.customer-brand img{border-radius:10px;width:42px;height:42px}.customer-brand p,.customer-brand h1,.customer-hero p,.customer-hero h2,.customer-section-title h2,.record h3,.record p{margin:0}.customer-brand p{color:#52716d;text-transform:uppercase;font-size:12px;font-weight:800}.customer-brand h1{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.15;overflow:hidden}.icon-button{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.customer-hero,.customer-card,.record{background:#fff;border:1px solid #d4e5e2;border-radius:14px}.customer-hero{padding:16px;box-shadow:0 16px 36px #10403b14}.customer-hero p{color:#64748b;font-size:13px;font-weight:750}.customer-hero h2{color:#0f172a;margin-top:4px;font-size:26px;line-height:1.05}.customer-pill{color:#0f766e;white-space:nowrap;background:#e4fbf5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.customer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.customer-metric{background:#f3faf9;border-radius:10px;min-height:78px;padding:10px}.customer-metric span{color:#64748b;font-size:12px;font-weight:750}.customer-metric strong{color:#0f172a;margin-top:4px;font-size:21px;line-height:1;display:block}.customer-section{gap:12px;margin-top:14px;display:grid}.customer-section-title h2{color:#172033;font-size:16px}.customer-section-title span{color:#64748b;font-size:13px;font-weight:750}.customer-card{gap:10px;padding:14px;display:grid}.record{padding:12px}.record h3{color:#142033;font-size:15px}.record p{color:#64748b;margin-top:4px;font-size:13px}.record-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{color:#55706d;text-transform:uppercase;background:#eef6f5;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.empty-state{color:#64748b;text-align:center;border:1px dashed #bfd3cf;border-radius:12px;padding:18px;font-size:14px}.customer-bottom-menu{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #d4e5e2;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100% - 24px,520px);margin:0 auto;padding:8px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 42px #10403b2e}.customer-bottom-menu button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;display:flex}.customer-bottom-menu button.is-active{color:#fff;background:#0f766e}