:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132044;background:#f3f7ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-background{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0%,#dbeafe 0,transparent 38%),linear-gradient(150deg,#f8fbff 0,#eef4ff 100%)}.container{width:min(1440px,100%);margin:auto;padding:24px 20px 48px}.card{background:#fff;border:1px solid #dbe5f5;border-radius:22px;box-shadow:0 10px 30px #163c7412}.hidden{display:none!important}.login-card{max-width:440px;margin:7vh auto 0;padding:34px;text-align:center}.brand-logo{width:116px;height:116px;object-fit:cover;border-radius:24px;box-shadow:0 10px 25px #123d8c2b}.eyebrow{margin:0;color:#2563c7;font-size:11px;font-weight:800;letter-spacing:.13em}.login-card h1{margin:10px 0 8px;font-size:27px}.muted{color:#687898;font-size:13px}.stack-form{display:grid;gap:16px;margin-top:26px;text-align:left}label{display:grid;gap:7px;color:#354466;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #ccd8eb;border-radius:11px;background:#fbfdff;color:#15264b;padding:12px 13px;font:inherit;font-size:14px;outline:none}input:focus,select:focus{border-color:#3d78db;box-shadow:0 0 0 3px #3d78db1d}.primary-button,.secondary-button,.ghost-button,.icon-button{border:0;border-radius:11px;padding:11px 16px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.15s ease}.primary-button{background:#0b3b91;color:#fff;box-shadow:0 5px 14px #0b3b9133}.primary-button:hover{background:#092f74;transform:translateY(-1px)}.secondary-button{background:#e9f1ff;color:#0b3b91}.ghost-button{background:transparent;color:#234d93}.icon-button{padding:2px 10px;background:#eef4ff;color:#315b9a;font-size:24px;line-height:1}.form-error{min-height:18px;margin:0;color:#bd2531;font-size:13px}.demo-note{margin:20px 0 0;color:#8a96ad;font-size:11px}.demo-note code{background:#edf3ff;border-radius:5px;padding:2px 4px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:50px;height:50px;border-radius:13px;object-fit:cover}.brand-lockup h1{margin:3px 0 0;font-size:25px}.top-actions{display:flex;align-items:center;gap:12px}.user-badge{background:#e4efff;color:#1d4d9b;border-radius:999px;padding:8px 12px;font-weight:700;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:20px;background:#fff;border:1px solid #dbe5f5;border-radius:18px;box-shadow:0 8px 25px #163c740d}.stat-card span{display:block;color:#6d7b96;font-size:13px}.stat-card strong{display:block;margin-top:8px;color:#0b3b91;font-size:28px}.stat-card.warning strong{color:#cf7213}.toolbar{padding:16px;margin-bottom:18px}.toolbar-row{display:flex;align-items:end;gap:12px}.search-field{flex:1}.sync-status{margin:10px 0 0;color:#73819d;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{margin:3px 0 0;font-size:20px}.customer-form-card{}.customer-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.customer-form .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.customer-form .form-error{grid-column:1/-1}.table-card{padding:20px;overflow:hidden}.table-wrap{overflow:auto;margin:0 -2px}.table-wrap table{width:100%;border-collapse:collapse;min-width:950px}.table-wrap th{padding:12px 10px;text-align:left;color:#73819d;font-size:12px;white-space:nowrap;border-bottom:1px solid #dce6f3}.table-wrap td{padding:13px 10px;border-bottom:1px solid #edf1f7;color:#314264;font-size:13px;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.customer-name{font-weight:800;color:#182d5b}.customer-sub{display:block;margin-top:3px;font-size:11px;color:#8a96ad}.points-control{display:flex;align-items:center;gap:7px}.points-control button{width:27px;height:27px;border:0;border-radius:8px;background:#e9f1ff;color:#0b3b91;font-weight:900;cursor:pointer}.points-value{min-width:28px;text-align:center;font-weight:800}.tier-select{width:auto;min-width:92px;padding:7px 8px}.row-action{color:#1a58b6;background:none;border:0;font:inherit;font-weight:800;cursor:pointer}.empty-state{padding:42px;text-align:center;color:#8a96ad}.expired{color:#c13636!important;font-weight:800}.soon{color:#c26c10!important;font-weight:800}@media(max-width:800px){.container{padding:16px 12px 36px}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end;gap:5px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-card strong{font-size:23px}.toolbar-row{align-items:stretch;flex-wrap:wrap}.search-field{flex-basis:100%}.toolbar-row button{flex:1}.customer-form{grid-template-columns:repeat(2,1fr)}.table-card{padding:16px}.section-heading h2{font-size:18px}}@media(max-width:500px){.login-card{margin-top:3vh;padding:24px 18px}.brand-lockup h1{font-size:20px}.brand-lockup img{width:42px;height:42px}.user-badge{font-size:11px}.customer-form{grid-template-columns:1fr}.customer-form .form-actions{grid-column:1;flex-direction:column-reverse}.customer-form .form-actions button{width:100%}}