:root{--ink:#0c2117;--ink2:#1d4a36;--accent:#5fa877;--accent2:#74c08c;--cream:#f7f4ec;--cream2:#eee9dc;--line:#e3e0d8;--dim:#5d6b5f;--mute:#9aa69b;--err:#b5523e;--ok:#3f8c5e;--white:#fff;--soft:#e7efe9;--soft-line:#d6e4d8}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,-apple-system,system-ui,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,select{font-family:inherit}.mono{font-family:Spline Sans Mono,ui-monospace,Menlo,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8d3c6 padding-box content-box;border:3px solid #0000;border-radius:8px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%{box-shadow:0 0 #5fa87780}70%{box-shadow:0 0 0 7px #5fa87700}to{box-shadow:0 0 #5fa87700}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{border:1px solid var(--line);background:#fff;border-radius:16px}.chip{background:var(--soft);color:var(--ink2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.chip.gray{color:var(--dim);background:#ece9e1}.btn{background:var(--ink2);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.btn:hover{background:var(--ink)}.btn.accent{background:var(--accent);color:#06140d}.btn.accent:hover{background:var(--accent2)}.btn.alt{color:var(--ink2);border:1px solid var(--line);background:#fff}.btn.alt:hover{border-color:var(--accent)}.btn.sm{padding:8px 13px;font-size:13px}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:11px 13px;font-size:14px}.input:focus{border-color:var(--accent);outline:none}.dot{background:#c2bdb2;border-radius:50%;width:9px;height:9px;display:inline-block}.dot.live{background:var(--accent);animation:2s infinite pulseDot}.skel{background:linear-gradient(90deg,#efece3 25%,#e6e2d6 37%,#efece3 63%) 0 0/400px 100%;border-radius:8px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@media screen and (max-width:640px){input,select,textarea{font-size:16px!important}}.app-sidebar{height:100vh;position:sticky;top:0}.app-hamburger,.app-backdrop{display:none}@media (max-width:860px){.app-sidebar{z-index:50;transition:transform .22s;position:fixed;transform:translate(-100%);box-shadow:0 10px 44px #0c211738}.app-sidebar.open{transform:translate(0)}.app-hamburger{display:inline-flex}.app-backdrop.open{z-index:40;background:#0c211766;display:block;position:fixed;inset:0}.app-header{padding-left:14px!important;padding-right:14px!important}.app-main{padding:18px 16px 80px!important}}@media (max-width:640px){.resp-grid{grid-template-columns:1fr!important}.resp-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.stat-grid{grid-template-columns:1fr 1fr!important}.sm-hide{display:none!important}.rcpt-grid{grid-template-columns:42px 1fr auto!important;gap:10px!important}.cust-grid,.camp-grid{grid-template-columns:1fr auto!important}.sales-grid{grid-template-columns:auto 1fr auto!important;gap:10px!important}}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-bar>*{white-space:nowrap;flex-shrink:0}.nobar{-webkit-overflow-scrolling:touch;scrollbar-width:none}.nobar::-webkit-scrollbar{display:none}