:root{--o2-navy:#35495e;--o2-navy-dark:#2a3a4b;--o2-navy-fg:#fff;--o2-teal:#347474;--o2-teal-dark:#2a5e5e;--o2-teal-fg:#fff;--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:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);color:var(--o2-navy);margin:0 0 12px;font-weight:700}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}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-direction:column;flex-shrink:0;width:220px;height:100vh;padding:16px 0 0;display:flex;position:sticky;top:0;overflow-y:hidden}.sidebar nav{flex:auto;min-height: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{object-fit:contain;background:#fff;border-radius:50%;width:50px;height:50px;padding:8px}.sidebar .org-picker label{color:#b9c6d2}.sidebar nav a{color:#d5dde5;border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 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}.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:13px}.btn{font-family:var(--font-body);border:1px solid var(--o2-border);min-height:42px;color:var(--o2-text);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:16px;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:var(--o2-teal-fg)}.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{min-height:34px;padding:6px 12px;font-size:14px}.btn-link{color:var(--o2-teal);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}label{color:var(--o2-muted);margin-bottom:5px;font-size:14px;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:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--o2-aqua);outline:none}.field{margin-bottom:14px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--o2-teal);flex-shrink:0;margin:0;padding:0}label.check{cursor:pointer;width:auto;font-size:inherit;align-items:center;gap:10px;margin:4px 0 12px;line-height:1.3;display:inline-flex}label.check input[type=checkbox],.page-register label.check input[type=checkbox],.login-wrap label.check input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0}label.check span{flex:0 auto}.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:11px 14px}table.data th{text-transform:uppercase;letter-spacing:.03em;color:var(--o2-muted);font-size:13px}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:3px 10px;font-size:13px;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:var(--o2-navy-fg)}.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:15px}.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:8px 14px;font-size:14px;font-weight:600}.wizard-step.active{background:var(--o2-teal);color:var(--o2-teal-fg);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}.page-sub{max-width:78ch;color:var(--o2-muted);margin:-4px 0 14px;font-size:15px}.page-sub strong{color:var(--o2-navy);font-weight:600}.filter-row{align-items:center;gap:10px;display:flex}.filter-row>input{flex:1}.filter-row>select{flex:none;width:auto}.badge-row{flex-wrap:wrap;gap:4px;display:inline-flex}.badge-org{background:var(--o2-bg);color:var(--o2-navy);border:1px solid var(--o2-border);letter-spacing:.02em;font-size:11px}.badge-org-current{background:var(--o2-aqua);border-color:var(--o2-aqua);color:#fff}.badge-org.badge-org-past{background:var(--o2-bg);color:var(--o2-muted);border:1px dashed var(--o2-border)}.badge-org.badge-org-current.badge-org-past{border-color:var(--o2-aqua);color:var(--o2-teal)}.sidebar-footer{border-top:1px solid var(--o2-navy-dark);flex-shrink:0;padding:10px;position:relative}.user-footer-trigger{border-radius:var(--radius);color:#fff;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-footer-trigger:hover{background:var(--o2-navy-dark)}.user-footer-trigger:focus-visible{outline:2px solid var(--o2-aqua);outline-offset:2px}.user-avatar{background:var(--o2-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-footer-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-footer-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-footer-email{color:#b9c6d2;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-footer-chevron{color:#b9c6d2;flex-shrink:0}.user-menu{border:1px solid var(--o2-border);border-radius:var(--radius);box-shadow:var(--o2-shadow);z-index:20;background:#fff;margin-bottom:6px;position:absolute;bottom:100%;left:10px;right:10px;overflow:hidden}.user-menu-item{width:100%;font-family:var(--font-body);color:var(--o2-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.user-menu-item:hover{background:var(--o2-bg)}.user-menu-item:focus-visible{outline:2px solid var(--o2-aqua);outline-offset:-2px}.user-menu-item.active{color:var(--o2-teal-dark);font-weight:600}.user-menu-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.user-menu-item-check{color:var(--o2-teal);flex-shrink:0}.user-menu-label{letter-spacing:.04em;text-transform:uppercase;color:var(--o2-muted);padding:8px 12px 2px;font-size:11px;font-weight:700}.user-menu-divider{background:var(--o2-border);height:1px;margin:4px 0}.badge-sandbox{color:#b25e09;background:#fff3e0}.badge-login{color:var(--o2-teal);background:#e2f2f0}.badge-no-login{color:var(--o2-muted);background:#e8ecec}.identity-header{align-items:center;gap:14px;margin-bottom:4px;display:flex}.identity-avatar{background:var(--o2-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:17px;font-weight:700;display:flex}.tenant-card{border-left:3px solid var(--o2-aqua)}.tenant-card.sandbox{border-left-color:#e0a13a}.tenant-card-title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dup-row{align-items:stretch;gap:12px;display:flex}.dup-card{min-width:0;box-shadow:none;background:var(--o2-bg);flex:1;margin-bottom:0}.dup-connector{width:30px;color:var(--o2-muted);flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.dup-reason{color:var(--o2-muted);margin:10px 0 0;font-size:12px}@media (width<=640px){.field-row{flex-direction:column;gap:0}.card{padding:16px}.page-public{padding:18px 14px}.content{padding:14px}.modal{padding:18px}.flex-between{flex-wrap:wrap;gap:8px}table.data{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.app-shell{flex-direction:column}.sidebar{border-right:none;width:100%;height:auto;padding:10px 0 0;position:static;overflow:visible}.sidebar nav{white-space:nowrap;min-height:0;display:flex;overflow-x:auto}.sidebar nav a{border-bottom:3px solid #0000;border-left:none;padding:12px 14px}.sidebar nav a.active{border-left-color:#0000;border-bottom-color:var(--o2-aqua)}.sidebar .org-picker{padding:6px 14px 10px}.page-register,.login-wrap{font-size:17px}.page-register h1{font-size:27px}.page-register h2{font-size:23px}.page-register h3,.login-wrap h3{font-size:20px}.page-register .btn,.login-wrap .btn{min-height:48px;padding:12px 18px;font-size:17px}.page-register .btn-sm{min-height:40px;padding:8px 14px;font-size:15px}.page-register .btn-link,.login-wrap .btn-link{align-items:center;min-height:44px;padding:4px 2px;display:inline-flex}.page-register input,.page-register select,.page-register textarea,.login-wrap input,.login-wrap select{min-height:48px;padding:12px 14px;font-size:17px}.page-register input[type=checkbox],.page-register input[type=radio],.login-wrap input[type=checkbox]{width:24px;height:24px;min-height:0}.page-register label,.login-wrap label{font-size:15px}.page-register .field,.login-wrap .field{margin-bottom:16px}}