:root{--o2-navy:#35495e;--o2-navy-dark:#2a3a4b;--o2-teal:#347474;--o2-teal-dark:#2a5e5e;--o2-aqua:#63b7af;--o2-peach:#ee8572;--o2-bg:#f4f7f7;--o2-border:#d9e2e2;--o2-card-bg:#fff;--o2-text:#2b3540;--o2-muted:#6b7a85;--o2-red:#c0392b;--o2-shadow:0 2px 8px #35495e14;--font-body:"Century Gothic", CenturyGothic, "Questrial", Futura, "Trebuchet MS", sans-serif;--font-heading:"Century Gothic", CenturyGothic, "Questrial", Futura, "Trebuchet MS", sans-serif;--radius:8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--o2-text);background:var(--o2-bg);font-size:14px;line-height:1.45}h1,h2,h3{font-family:var(--font-heading);color:var(--o2-navy);margin:0 0 12px;font-weight:700}h1{font-size:26px}h2{font-size:21px}h3{font-size:17px}a{color:var(--o2-teal);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--o2-navy);border-right:1px solid var(--o2-navy-dark);flex-shrink:0;width:220px;height:100vh;padding:16px 0;position:sticky;top:0;overflow-y:auto}.sidebar .brand{font-family:var(--font-heading);color:#fff;align-items:center;gap:10px;padding:0 18px 16px;font-size:20px;font-weight:700;display:flex}.sidebar .brand img{background:#fff;border-radius:50%;width:32px;height:32px;padding:3px}.sidebar .org-picker label{color:#b9c6d2}.sidebar nav a{color:#d5dde5;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 18px;font-weight:500;display:flex}.sidebar nav a:hover{background:var(--o2-navy-dark);color:#fff;text-decoration:none}.sidebar nav a.active{border-left-color:var(--o2-aqua);background:var(--o2-navy-dark);color:#fff}.sidebar .org-picker{padding:8px 14px 16px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--o2-border);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.content{width:100%;max-width:1100px;padding:24px}.page-public{max-width:720px;margin:0 auto;padding:32px 20px}.public-brand{color:var(--o2-navy);align-items:center;gap:10px;margin-bottom:20px;font-weight:700;display:flex}.public-brand img{width:36px;height:36px}.card{background:var(--o2-card-bg);border:1px solid var(--o2-border);border-radius:var(--radius);box-shadow:var(--o2-shadow);margin-bottom:16px;padding:18px}.card-row{flex-wrap:wrap;gap:16px;display:flex}.card-row>.card{flex:1;min-width:220px}.stat{color:var(--o2-teal);font-size:28px;font-weight:700}.stat-label{color:var(--o2-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.btn{font-family:var(--font-body);border:1px solid var(--o2-border);color:var(--o2-text);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}.btn:hover{background:var(--o2-bg)}.btn-primary{background:var(--o2-teal);border-color:var(--o2-teal);color:#fff}.btn-primary:hover{background:var(--o2-teal-dark)}.btn-danger{background:var(--o2-red);border-color:var(--o2-red);color:#fff}.btn:disabled{opacity:.45;cursor:default}.btn-sm{padding:5px 10px;font-size:13px}.btn-link{color:var(--o2-teal);cursor:pointer;background:0 0;border:none;padding:0}label{color:var(--o2-muted);margin-bottom:4px;font-size:13px;font-weight:500;display:block}input,select,textarea{width:100%;font-family:var(--font-body);border:1px solid var(--o2-border);color:var(--o2-text);background:#fff;border-radius:6px;padding:8px 10px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--o2-aqua);outline:none}.field{margin-bottom:12px}.field-row{gap:12px;display:flex}.field-row>.field{flex:1}table.data{border-collapse:collapse;background:#fff;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--o2-border);padding:9px 12px}table.data th{text-transform:uppercase;letter-spacing:.03em;color:var(--o2-muted);font-size:12px}table.data tr:hover td{background:var(--o2-bg)}table.data td.num,table.data th.num{text-align:right}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-active{color:var(--o2-teal);background:#e2f2f0}.badge-pending{color:#c05a48;background:#fceae5}.badge-lapsed,.badge-expired{color:var(--o2-red);background:#f5e3e1}.badge-paid{color:var(--o2-teal);background:#e2f2f0}.badge-cancelled{color:var(--o2-muted);background:#e8ecec}.badge-sponsor{background:var(--o2-navy);color:#fff}.muted{color:var(--o2-muted)}.right{text-align:right}.flex{align-items:center;gap:10px;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.mt{margin-top:16px}.error-text{color:var(--o2-red);font-size:13px}.spinner{border:3px solid var(--o2-border);border-top-color:var(--o2-teal);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#2a3a4b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 30px #2a3a4b40}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:380px}.login-logo{width:72px;height:72px;margin:0 auto 10px;display:block}.wizard-steps{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.wizard-step{border:1px solid var(--o2-border);color:var(--o2-muted);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.wizard-step.active{background:var(--o2-teal);color:#fff;border-color:var(--o2-teal)}.wizard-step.done{color:var(--o2-teal);border-color:var(--o2-teal)}.line-item{border-bottom:1px dashed var(--o2-border);justify-content:space-between;padding:6px 0;display:flex}.cart-total{justify-content:space-between;margin-top:10px;font-size:18px;font-weight:700;display:flex}