*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1a1a2e;background:#f6f7fb}a{color:#3a4bd6}.page{max-width:960px;margin:0 auto;padding:32px 24px}.page-narrow{max-width:420px;margin:64px auto;padding:24px}@media (max-width:640px){.page{padding:24px 16px}.page-narrow{margin:32px auto;padding:20px}.modal{padding:20px}.overlay{padding:12px}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:1023px){.table-scroll{overflow-x:visible}.table-scroll table{width:100%;border-collapse:separate;border-spacing:0}.table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.table-scroll tbody,.table-scroll td,.table-scroll tfoot,.table-scroll tr{display:block;width:100%}.table-scroll tr{background:#fff;border:1px solid #e3e5ee;border-radius:10px;padding:4px 14px;margin-bottom:12px}.table-scroll tfoot tr{background:#fafafa}.table-scroll td{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 0;border-bottom:1px solid #f4f4f5;text-align:left}.table-scroll td:last-child{border-bottom:none}.table-scroll td[data-label]:before{content:attr(data-label);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#71717a}.table-scroll td:not([data-label]){font-weight:700}}.grid-2,.grid-3,.grid-4,.grid-6,.grid-split{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-split{grid-template-columns:2fr 1fr}@media (max-width:1023px){.grid-3,.grid-4,.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-split{grid-template-columns:1fr}}@media (max-width:640px){.grid-2,.grid-3,.grid-4,.grid-6{grid-template-columns:1fr}}h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:24px 0 12px}.subtitle{color:#666;margin:0 0 24px;font-size:14px}.card{background:#fff;border:1px solid #e3e5ee;border-radius:10px;padding:20px;margin-bottom:16px}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:#333}input,select,textarea{font-size:14px;padding:8px 10px;border:1px solid #ccced9;border-radius:6px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #3a4bd6;outline-offset:-1px}.password-field{position:relative;display:flex}.password-field input{width:100%;padding-right:56px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#3a4bd6;font-size:12px;font-weight:700;padding:4px 8px;cursor:pointer}.password-strength{margin-top:8px}.password-strength-bar{display:flex;gap:4px;margin-bottom:4px}.password-strength-seg{flex:1 1;height:4px;border-radius:2px;background:#e3e5ee}.password-strength-seg.filled.s1{background:#d64545}.password-strength-seg.filled.s2{background:#ea580c}.password-strength-seg.filled.s3{background:#ca8a04}.password-strength-seg.filled.s4{background:#166534}.password-strength-label{font-size:12px;font-weight:600}.password-strength-label.s0{color:#a02020}.password-strength-label.s1{color:#d64545}.password-strength-label.s2{color:#c2410c}.password-strength-label.s3{color:#a16207}.password-strength-label.s4{color:#166534}button{font-family:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:6px;border:none;cursor:pointer;background:#3a4bd6;color:#fff}button:disabled{opacity:.5;cursor:default}button.secondary{background:#eceefb;color:#3a4bd6}button.danger{background:#d64545}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;row-gap:8px}.error-banner{background:#fdeaea;color:#a02020;border:1px solid #f3c2c2;border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:14px}.empty-state{text-align:center;padding:48px 16px;color:#777}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid #edeef4}th{color:#666;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.shell{display:flex;min-height:100vh;align-items:stretch}.sidenav{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #e4e4e7;padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidenav .logo{font-weight:800;font-size:17px;margin-bottom:4px;letter-spacing:-.02em;color:#1a1a2e}.sidenav .logo .tag{display:block;font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sidenav .navsection{margin-top:20px;margin-bottom:2px}.sidenav a.navitem,.sidenav span.navitem{padding:10px 12px;border-radius:6px;font-size:14px;color:#52525b;text-decoration:none;display:block}.sidenav a.navitem:hover{background:#f4f4f5}.sidenav a.navitem.active{background:#eceefb;color:#3a4bd6;font-weight:700}.sidenav span.navitem.disabled{color:#c4c4c9;cursor:default}.sidenav .userfoot{margin-top:auto;padding-top:16px;border-top:1px solid #f0f0f2;font-size:12.5px;color:#71717a}.sidenav .userfoot button{margin-top:8px;width:100%}.main{flex:1 1;padding:32px 40px;min-width:0}.mobile-topbar{display:none}.hamburger-btn{background:none;border:1px solid #e4e4e7;color:#1a1a2e;border-radius:6px;padding:6px 10px;font-size:18px;line-height:1;cursor:pointer}@media (max-width:1023px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e4e4e7;position:-webkit-sticky;position:sticky;top:0;z-index:60}.shell{flex-direction:column;min-height:0}.sidenav{position:fixed;inset:0 auto 0 0;width:min(280px,85vw);transform:translateX(-100%);transition:transform .2s ease;z-index:100;overflow-y:auto}.sidenav.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}.nav-backdrop{position:fixed;inset:0;background:rgba(24,24,27,.4);z-index:90}.main{padding:20px 16px}}@media (min-width:641px) and (max-width:1023px){.main{padding:24px 28px}}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:#eceefb;color:#3a4bd6}.badge-active{background:#dcfce7;color:#166534}.badge-invited,.badge-remnant{background:#fef3c7;color:#92400e}.badge-transit{background:#e0e7ff;color:#3730a3}.chip{padding:3px 10px;font-size:12px;font-weight:600;color:#3f3f46}.chip,.tag-pill{display:inline-block;border-radius:100px;background:#f4f4f5}.tag-pill{padding:2px 8px;font-size:10px;font-weight:700;color:#71717a;text-transform:uppercase}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px}.kv-grid .kv-item .kv-label,.stat-label{font-size:11px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.kv-grid .kv-item .kv-value{font-size:14px;color:#1a1a2e}.overlay{position:fixed;inset:0;background:rgba(24,24,27,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{background:#fff;border-radius:12px;padding:24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0;display:inline-block}.swatch-grid{display:flex;flex-wrap:wrap;gap:10px}.swatch-pick{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch-pick.sel{border-color:#3a4bd6}.pos-shell{min-height:100vh;background:#18181b;color:#f4f4f5;display:flex;flex-direction:column}.pos-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid #3f3f46;font-size:14px;font-weight:600;flex-shrink:0;flex-wrap:wrap;gap:8px}.pos-body{flex:1 1;padding:32px;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.pos-body.centered{align-items:center;justify-content:center}.pos-main{flex:1 1;min-width:0}.pos-sidebar{width:340px;flex-shrink:0;background:#27272a;border-radius:12px;padding:20px;display:flex;flex-direction:column;min-height:320px}.pos-sidebar .spacer{flex:1 1}.pos-card{background:#27272a;border-radius:12px;padding:20px;margin-bottom:16px}.pos-card.flagged{border:1px solid #f97316}.pos-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:#d4d4d8}.pos-row.total{font-weight:800;font-size:16px;color:#fff;border-top:1px solid #3f3f46;margin-top:8px;padding-top:12px}.pos-input{background:#18181b;border:1px solid #3f3f46;color:#fff;border-radius:8px;padding:12px 16px;font-size:16px;width:100%}.pos-input::placeholder{color:#71717a}.pos-btn{background:#3a4bd6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:700;font-size:14px;cursor:pointer;width:100%}.pos-btn.outline{background:transparent;border:1px solid #52525b;color:#f4f4f5}.pos-btn.green{background:#16a34a}.pos-btn.orange{background:#ea580c}.pos-btn.red{background:transparent;border:1px solid #dc2626;color:#f87171}.pos-chip{padding:8px 18px;border-radius:8px;border:1px solid #52525b;background:transparent;color:#f4f4f5;font-weight:700;cursor:pointer}.pos-chip.sel{background:#3a4bd6;border-color:#3a4bd6}.pos-keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;max-width:320px}.pos-keypad button{background:#27272a;border:1px solid #3f3f46;color:#fff;border-radius:8px;font-size:20px;padding:18px 0;cursor:pointer}.pos-method-tile{border:2px solid #3f3f46;border-radius:10px;padding:16px;text-align:center;font-weight:700;cursor:pointer;background:#18181b;color:#f4f4f5}.pos-method-tile.sel{border-color:#3a4bd6;background:#1e1b4b}.pos-method-tile:disabled{opacity:.4;cursor:default}.pos-receipt{background:#fff;color:#18181b;border-radius:8px;padding:24px;font-family:SF Mono,Menlo,monospace;font-size:13px;max-width:360px}.pos-receipt .dashed{border-top:1px dashed #d4d4d8;margin:12px 0}.pos-warning{background:rgba(234,88,12,.15);border:1px solid #ea580c;color:#fdba74;border-radius:8px;padding:12px 16px}.pos-approved,.pos-warning{font-size:13px;margin-bottom:16px}.pos-approved{background:rgba(22,163,74,.15);border:1px solid #16a34a;color:#86efac;border-radius:100px;padding:6px 14px;font-weight:700;display:inline-block}@media (max-width:1023px){.pos-body{padding:20px;flex-direction:column}.pos-sidebar{width:100%;min-height:0}}.phone-frame{width:min(390px,100%);min-height:700px;margin:24px auto;background:#fff;color:#18181b;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.25)}.phone-navbar{background:#18181b;color:#fff;padding:16px;text-align:center;font-weight:700;font-size:14px}.phone-body{padding:20px}.pill-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px}.pill-tab{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;background:#f4f4f5;color:#71717a;white-space:nowrap;border:none;cursor:pointer}.pill-tab.active{background:#3a4bd6;color:#fff}