:root{--navy:#10243e;--navy-2:#17385e;--blue:#176bda;--blue-soft:#edf5ff;--ink:#142033;--muted:#65758b;--line:#dfe6ef;--surface:#fff;--canvas:#f4f7fb;--green:#177a55;--green-bg:#e8f7f0;--amber:#a45a05;--amber-bg:#fff4dc;--red:#b42335;--red-bg:#fff0f1;--shadow:0 12px 32px rgba(16,36,62,.08);--radius:16px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.topbar{min-height:68px;background:var(--navy);color:#fff;padding:0 clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 4px 18px rgba(16,36,62,.18)}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:750;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--navy);font-size:18px}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav>a,.nav-button{color:#dfeaff;font-size:14px;font-weight:650;background:none;border:0;padding:8px 0;cursor:pointer}.topbar nav>a:hover,.nav-button:hover{color:#fff;text-decoration:none}.whatsapp-link{background:#1f9d69!important;color:#fff!important;padding:8px 13px!important;border-radius:9px}.inline-form{display:inline}.app-shell{width:min(1440px,calc(100% - 40px));margin:38px auto 70px}.guest-shell{min-height:calc(100vh - 48px);display:grid;place-items:center;padding:24px}.footer{text-align:center;color:#8390a2;font-size:13px;padding:16px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.page-heading h1{margin:5px 0 5px;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;line-height:1.1}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--blue)}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 16px;min-height:42px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff;border-color:#f0c5ca;color:var(--red)}.btn-whatsapp{background:#128c62;color:#fff}.btn-small{padding:7px 11px;min-height:34px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:30px}.stat-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-card span{display:block;color:var(--muted);font-size:13px;font-weight:650}.stat-card strong{display:block;font-size:30px;letter-spacing:-.04em;margin-top:8px}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.group-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.group-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}.group-card h3{margin:5px 0 4px;font-size:20px}.group-card p{margin:0 0 18px;color:var(--muted)}.group-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.count-pill{font-size:12px;background:var(--blue-soft);color:var(--blue);font-weight:800;padding:6px 9px;border-radius:999px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 15px}.section-title h2{margin:0;font-size:21px}.alert{border-radius:12px;padding:14px 16px;margin-bottom:20px;border:1px solid}.alert-success{background:var(--green-bg);border-color:#b8e4cf;color:#105e43}.alert-error{background:var(--red-bg);border-color:#f0c5ca;color:var(--red)}.expiry-alerts{display:grid;gap:12px;margin-bottom:28px}.expiry-alert{background:#fffaf0;border:1px solid #f1d79e;border-left:5px solid #e99a22;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.expiry-alert h3{margin:0 0 5px;font-size:16px}.expiry-alert p{margin:0;color:#795c2d;font-size:14px}.card{padding:24px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:1280px}th,td{padding:14px 13px;border-bottom:1px solid #e8edf3;text-align:left;vertical-align:middle;font-size:13px}th{background:#f7f9fc;color:#506077;text-transform:uppercase;letter-spacing:.05em;font-size:10px;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}.money{font-weight:700;white-space:nowrap}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;letter-spacing:.04em;font-weight:850;white-space:nowrap}.badge-active{color:var(--green);background:var(--green-bg)}.badge-soon{color:var(--amber);background:var(--amber-bg)}.badge-expired{color:var(--red);background:var(--red-bg)}.actions{display:flex;gap:6px;flex-wrap:wrap}.search-bar{display:flex;gap:10px;max-width:520px}.search-bar input{flex:1}.form-card{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:#34445a}.field small{color:var(--muted)}input,select{width:100%;border:1px solid #cfd8e5;border-radius:9px;background:#fff;padding:11px 12px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,107,218,.12)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.login-card{width:min(100%,430px);background:#fff;padding:34px;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(16,36,62,.14)}.login-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--navy);color:#fff;font-size:23px;font-weight:800;margin-bottom:22px}.login-card h1{font-size:29px;letter-spacing:-.04em;margin:0 0 7px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card .field{margin-bottom:16px}.login-card .btn{width:100%;margin-top:8px}.empty-state{text-align:center;padding:52px 24px;background:#fff;border:1px dashed #bdc9d9;border-radius:var(--radius);color:var(--muted)}.empty-state h3{color:var(--ink);margin:0 0 6px}.client-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.client-row:last-child{border:0}.client-row h3{margin:0 0 3px}.client-row p{margin:0;color:var(--muted);font-size:14px}.error-page{display:grid;place-items:center;min-height:100vh;padding:24px}.error-card{max-width:600px;background:#fff;border-radius:20px;padding:40px;box-shadow:var(--shadow)}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.group-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column;padding:15px 18px}.topbar nav{width:100%;overflow-x:auto;gap:16px}.app-shell{width:min(100% - 24px,1440px);margin-top:24px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stats-grid,.group-grid,.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.expiry-alert{align-items:flex-start;flex-direction:column}.form-card{padding:20px}.search-bar{width:100%;max-width:none}.client-row{align-items:flex-start;flex-direction:column}.footer{display:none}}