:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2d322f;background:#eceeeb;--surface: #eceeeb;--surface-low: #f7f9f6;--surface-container: #eef3eb;--surface-high: #e4eadf;--primary: #2f6f2d;--primary-container: #82ad70;--secondary: #4f8549;--tertiary: #6e7c62;--error: #ba1a1a;--outline: #737b70;--outline-variant: #d9dfd6;--green: #2f6f2d;--amber: #9b6a20;--blue: #5f7891;--panel-shadow: 0 1px 0 rgba(36, 88, 35, .04)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}h1,h2,h3,p{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#2f6f2d1a,#82ad700a),var(--surface)}.login-panel{width:min(430px,100%);display:grid;gap:16px;border:1px solid var(--outline-variant);border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 50px #223c271a}.brand-row,.brand-block{display:flex;align-items:center;gap:12px}.brand-row img,.brand-block img{width:42px;height:42px;object-fit:contain}.login-panel h1{color:var(--primary);font-size:26px;letter-spacing:0}.login-panel label{display:grid;gap:6px;color:#42474e;font-size:14px;font-weight:760}.login-panel input{height:44px;border:1px solid var(--outline-variant);border-radius:6px;padding:0 12px}.portal.login-view{min-height:100vh;display:grid;grid-template-rows:minmax(24px,1fr) auto auto minmax(24px,1.2fr);row-gap:10px;padding:24px;background:linear-gradient(135deg,#2f6f2d1a,#82ad700a),var(--surface)}.login-view .portal-topbar{width:min(430px,100%);grid-row:2;justify-self:center;justify-content:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary)}.login-view .portal-topbar img{width:min(186px,63vw);height:min(186px,63vw);object-fit:contain}.login-view .portal-topbar strong{display:none}.login-view .runtime-chip strong,.login-view .runtime-chip span{display:inline-flex;position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.runtime-chip{display:grid;gap:2px;text-align:center}.runtime-chip strong{color:var(--primary);font-size:18px}.runtime-chip span,.runtime-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(47,111,45,.22);border-radius:999px;background:#2f6f2d14;color:var(--secondary);font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 10px}.runtime-pill.muted{border-color:#757c8433;background:#757c8414;color:var(--outline)}.data-notice{width:min(1040px,100%);display:grid;gap:6px;margin:0 auto;border:1px solid rgba(163,101,0,.24);border-radius:14px;background:linear-gradient(180deg,#fff4dff2,#fffcf5f5);color:#6f4300;padding:12px 14px}.data-notice.compact{margin-bottom:2px}.data-notice strong{font-size:13px}.data-notice span{font-size:13px;line-height:1.45}.data-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;border-radius:999px;font-size:10px;font-weight:820;letter-spacing:.02em;padding:3px 8px;vertical-align:middle}.data-badge.seeded{border:1px solid rgba(163,101,0,.22);background:#fff4dff2;color:#8a4f00}.data-badge.live{border:1px solid rgba(21,127,59,.2);background:#e5f7e9f2;color:var(--green)}.login-view .login-panel{grid-row:3;justify-self:center}.hero-copy{display:grid;gap:5px}.hero-copy h1{color:var(--primary);font-size:26px;line-height:1.25;letter-spacing:0}.primary-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:var(--primary-container);color:#fff;cursor:pointer;font-weight:840;padding:0 14px;width:100%}.admin-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);background:var(--surface)}.sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:16px;border-right:1px solid #d5dcd2;background:#fff;padding:20px 10px 16px}.brand-block h1{color:var(--primary);font-size:21px;font-weight:900}.sidebar .brand-block img{width:46px;height:46px}.eyebrow{color:var(--secondary);font-size:11px;font-weight:820;letter-spacing:0;text-transform:uppercase}.sidebar nav{display:grid;align-content:start;gap:5px;overflow-y:auto;padding-right:3px}.sidebar a{min-height:39px;display:flex;align-items:center;gap:10px;border-radius:6px;color:#6a706b;font-size:13px;font-weight:720;padding:0 12px;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:#82ad70;color:#fff}.sidebar a.active svg,.sidebar a:hover svg{color:#fff}.support-strip{display:flex;gap:10px;align-items:center;border:1px solid var(--outline-variant);border-radius:6px;background:#f5f8f2;padding:12px}.sidebar-version{margin:12px 0 10px}.sidebar-version .runtime-pill{display:inline-flex}.support-strip strong,.support-strip span{display:block}.support-strip strong{color:var(--primary);font-size:13px}.support-strip span{color:var(--outline);font-size:12px}.workspace{width:min(1680px,calc(100vw - 246px));margin:0 auto;padding:18px 20px 28px}.topbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:0;margin-bottom:16px;padding:0 0 4px}.topbar h2{color:#2d322f;font-size:22px;font-weight:760;letter-spacing:0}.actions{display:flex;gap:8px}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:760;padding:0 12px}.button.primary{width:100%;background:var(--primary);color:#fff}.button.secondary{border:1px solid var(--primary-container);background:var(--primary-container);color:#fff}.button.ghost{border:1px solid var(--outline-variant);background:#fff;color:var(--primary)}.button:disabled{cursor:wait;opacity:.68}.button.danger{color:var(--error);border-color:var(--error)}.button.danger:hover{background:#fff0f0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.metrics.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.metric,.panel{border:1px solid var(--outline-variant);border-radius:7px;background:#fff;box-shadow:var(--panel-shadow)}.metric{min-height:74px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:14px 16px}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;grid-row:span 2;background:#9fbd8b;color:#fff}.metric-icon.green{background:#82ad70;color:#fff}.metric-icon.blue{background:#758ba8;color:#fff}.metric-icon.amber{background:#aa947b;color:#fff}.metric-icon.red{background:#bd817b;color:#fff}.metric span{color:#777f78;font-size:13px;font-weight:760;text-transform:none}.metric strong{color:#404740;font-size:18px;letter-spacing:0}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.status-card{min-height:126px;display:grid;align-content:start;gap:10px;border:1px solid var(--outline-variant);border-radius:7px;background:#fbfcfb;padding:16px}.status-card h4{margin:0;color:#353c36;font-size:16px;letter-spacing:0}.status-card strong{color:#2f6f2d;font-size:24px}.status-card p{color:var(--outline);font-size:12px;line-height:1.45}.ops-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:18px;margin-bottom:18px}.panel{padding:0;margin-bottom:18px;overflow:hidden}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:44px;border-bottom:1px solid #e7ebe5;background:#fff;margin-bottom:0;padding:12px 14px}.panel-title.compact{align-items:center}.panel-title h3{color:#343a35;font-size:15px;font-weight:780;letter-spacing:0}.panel>.metrics,.panel>.status-grid,.panel>.allowlist-notice,.panel>.crew-secret,.panel>.command-log+.table{margin:14px}.panel>.metrics+.table,.panel>.allowlist-notice+.crew-form,.panel>.crew-form+.table,.panel>.status-grid+.table,.panel>.table+.table{margin-top:0}.panel>.table{margin:0}.panel>.allowlist-notice{margin-bottom:14px}.panel>.command-log{margin:14px;border-radius:7px}.sync-label{color:var(--outline);font-size:12px;text-align:right}.marine-map{position:relative;height:330px;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,#00375ef0,#07446fc7),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.06) 35px 36px),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.06) 35px 36px)}.route-line{position:absolute;height:2px;border-radius:999px;background:#7ec4ff8c;transform-origin:left center}.route-line.a{width:68%;left:12%;top:42%;transform:rotate(-12deg)}.route-line.b{width:52%;left:26%;top:61%;transform:rotate(18deg)}.vessel-marker{position:absolute;min-width:150px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#f9f9fdf0;padding:8px;box-shadow:0 12px 30px #00192c47}.vessel-marker strong{color:var(--primary);font-size:13px}.vessel-marker em{grid-column:2;color:#5d626b;font-size:11px;font-style:normal}.vessel-marker.m1{left:16%;top:34%}.vessel-marker.m2{right:16%;top:54%}.vessel-marker.m3{left:42%;bottom:18%}.alerts-panel{display:grid;align-content:start;gap:0}.alert-item{display:flex;gap:10px;align-items:flex-start;border:0;border-top:1px solid #edf1eb;border-radius:0;background:#fff;padding:12px}.alert-item strong,.alert-item span{display:block}.alert-item strong{color:#1b1b1f;font-size:13px}.alert-item span{color:#5d626b;font-size:12px;margin-top:3px}.led{width:10px;height:10px;flex:0 0 auto;border-radius:999px;margin-top:4px;box-shadow:0 0 0 3px #72777f24}.led.green{background:#1fa053;box-shadow:0 0 0 3px #1fa05329,0 0 13px #1fa053b3}.led.amber{background:#df8b00;box-shadow:0 0 0 3px #df8b0029,0 0 13px #df8b0099}.led.red{background:var(--error);box-shadow:0 0 0 3px #ba1a1a24,0 0 13px #ba1a1a8c}.led.blue{background:var(--secondary);box-shadow:0 0 0 3px #0b61a124,0 0 13px #0b61a180}.table{overflow-x:auto;border:0;border-radius:0}.row{min-width:920px;display:grid;grid-template-columns:1.05fr 1.15fr 1fr .9fr .55fr 1fr 1.35fr;gap:12px;align-items:center;border-top:1px solid #edf1eb;padding:12px 14px;font-size:13px}.row:first-child{border-top:0}.row.head{background:#f7f9f6;color:#6d756f;font-size:12px;font-weight:840;text-transform:none}.status-cell{display:inline-flex;align-items:center;gap:8px;font-weight:820}#routers .table .row{min-width:1080px;grid-template-columns:1fr 1fr .85fr .4fr .45fr .85fr 1.1fr .8fr 1.1fr minmax(50px,.45fr)}.plans-table .row{grid-template-columns:1.3fr .8fr .8fr .9fr .7fr minmax(84px,.7fr)}.plans-table .row>span:last-child{display:inline-flex;align-items:center;gap:6px}.button.icon-button{width:34px;padding:0}#sessions .sessions-table .row{min-width:1480px;grid-template-columns:110px 190px 130px repeat(3,120px) repeat(4,115px) 150px 64px}.sites-table .row,.provider-accounts-table .row{grid-template-columns:1.2fr 1fr .9fr 1.4fr minmax(72px,.7fr)}.provider-plans-table .row{grid-template-columns:1.2fr 1fr 1fr 1.1fr .9fr .8fr minmax(72px,.7fr)}.wan-links-table .row{grid-template-columns:1fr 1.1fr 1fr 1.2fr .8fr 1.1fr minmax(72px,.7fr)}.command-log{max-height:260px;overflow:auto;border:0;border-top:1px solid #edf1eb;border-radius:0;background:#243222;color:#dff0d8;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.7;margin:0;padding:14px;white-space:pre-wrap}.crew-panel{display:grid;gap:0}.crew-panel .table .row{grid-template-columns:1.15fr 1fr 1fr .95fr .85fr .85fr .7fr .9fr .7fr minmax(300px,1.6fr)}#tenants .table .row{grid-template-columns:.5fr 1.4fr 1.1fr .9fr 1.3fr .8fr .7fr .8fr minmax(96px,.9fr)}.crew-panel .table .row>span,.crew-panel .table .row>div{min-width:0;white-space:nowrap}.crew-panel .actions{flex-wrap:nowrap;gap:6px}.crew-panel .actions .button{min-height:30px;padding:0 9px;white-space:nowrap}.crew-panel .actions .icon-button{width:32px;padding:0}.crew-quota-combo{position:relative;display:inline-flex;align-items:center}.crew-quota-toggle{gap:6px}.crew-quota-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;display:grid;min-width:170px;overflow:hidden;border:1px solid var(--outline-variant);border-radius:8px;background:#fff;box-shadow:0 14px 28px #223c2729}.crew-quota-menu button{min-height:34px;border:0;border-top:1px solid #edf1eb;background:#fff;color:#2d322f;font-size:12px;font-weight:760;padding:0 12px;text-align:left}.crew-quota-menu button:first-child{border-top:0}.crew-secret{border:1px solid rgba(11,97,161,.28);border-radius:8px;background:#0b61a114;color:var(--primary);font-size:13px;font-weight:760;padding:10px 12px}.crew-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.crew-form label{display:grid;gap:6px;color:#42474e;font-size:12px;font-weight:760}.crew-form input,.crew-form select{min-width:0;height:40px;border:1px solid var(--outline-variant);border-radius:6px;background:#fff;padding:0 12px}.crew-form textarea{min-width:0;min-height:108px;resize:vertical;border:1px solid var(--outline-variant);border-radius:6px;background:#fff;padding:10px 12px;line-height:1.45}.full-width{grid-column:1 / -1}.crew-form label.field-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px}.crew-form label.field-checkbox input[type=checkbox]{height:auto;width:16px}.crew-form-actions{display:flex;justify-content:flex-start}.crew-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.crew-card{display:grid;gap:12px;border:1px solid var(--outline-variant);border-radius:7px;background:#fbfcfb;padding:14px}.crew-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.crew-card-head strong{display:block;color:#343a35;font-size:15px}.crew-card-head span{color:#5d626b;font-size:12px}.crew-badge{border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:820;letter-spacing:0;padding:5px 10px}.crew-badge.active{border-color:#157f3b38;background:#2f6f2d1a;color:var(--green)}.crew-badge.inactive{border-color:#ba1a1a38;background:#ba1a1a14;color:var(--error)}.warn{color:var(--error);font-weight:600}.mono{font-family:monospace;font-size:12px}.muted{color:var(--outline);font-style:italic}.hint{margin:0 14px 14px;padding:10px 14px;border-radius:8px;background:#fff7e6;color:#6d4c00;font-size:13px}.release-notes{white-space:pre-wrap;line-height:1.45}.crew-stats{display:flex;flex-wrap:wrap;gap:8px 12px;color:#5d626b;font-size:12px}.crew-actions{display:flex;flex-wrap:wrap;gap:8px}.group-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.group-admins{display:flex;flex-wrap:wrap;gap:8px}.compact-table{margin-top:6px}.compact-table .row{grid-template-columns:1.2fr 1fr 1.2fr 1fr 1fr 1fr}.group-manage-block{margin-top:14px;padding-top:12px;border-top:1px solid #edf1eb}.panel-subtitle{display:flex;align-items:center;gap:8px;font-size:13px;color:#2d322f;margin-bottom:4px}.panel-subtitle .muted{color:#6d756f;font-weight:600}.compact-table.gm-admins .row{grid-template-columns:1.2fr 1.8fr 1fr .8fr minmax(72px,.7fr)}.compact-table.gm-members .row{grid-template-columns:1.1fr 1fr 1.1fr .9fr .9fr .8fr minmax(96px,.9fr)}.compact-table.gm-routers .row{grid-template-columns:1.6fr 1fr .9fr .8fr minmax(72px,.7fr)}.error{border:1px solid #f2b8b5;border-radius:8px;background:#fff5f4;color:#93000a;padding:12px 14px;margin-bottom:18px}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto auto;border-right:0;border-bottom:1px solid var(--outline-variant)}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.support-strip{display:none}.workspace{width:100%}.metrics,.metrics.compact,.status-grid,.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-form,.crew-list,.group-summary{grid-template-columns:1fr}}@media(max-width:680px){.workspace{padding:16px}.topbar,.panel-title{align-items:flex-start;flex-direction:column}.actions,.sidebar nav,.metrics,.metrics.compact,.status-grid,.ops-grid{grid-template-columns:1fr;width:100%}.button{width:100%}.marine-map{height:300px}.vessel-marker{min-width:132px}}.allowlist-notice{display:flex;align-items:flex-start;gap:10px;background:#f2f7ee;border:1px solid #d9e6d1;border-radius:7px;padding:12px 16px;margin-bottom:16px;color:#3f633d;font-size:.85rem;line-height:1.5}.allowlist-notice svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.refresh-time{font-size:.78rem;color:var(--outline);align-self:center;white-space:nowrap}.pagination{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:.5rem 0 .25rem;font-size:.875rem;color:var(--outline)}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-tab{min-height:42px;border:1px solid var(--outline-variant);border-radius:999px;background:#fff;color:var(--primary);font-weight:800;cursor:pointer}.mode-tab.active{border-color:#0b61a147;background:#0b61a11a;color:var(--secondary)}.dashboard-view{width:min(1040px,100%);display:grid;gap:14px;margin:0 auto;padding:18px;min-height:100vh;background:linear-gradient(180deg,#00375e14,#f9f9fd00 34%),var(--surface)}.dashboard-view .portal-topbar{min-height:56px;display:flex;align-items:center;gap:10px;color:var(--primary)}.dashboard-view .portal-topbar img{width:44px;height:44px;object-fit:contain}.usage-panel,.status-band,.plans,.portal-card,.portal-message{border:1px solid var(--outline-variant);border-radius:8px;background:#fff}.usage-panel{display:grid;gap:18px;padding:20px}.welcome{display:grid;gap:5px}.welcome h1{color:var(--primary);font-size:26px;letter-spacing:0}.gauge{width:190px;height:190px;display:grid;place-items:center;justify-self:center;border-radius:999px;background:conic-gradient(var(--secondary) var(--used),var(--surface-container) 0),var(--surface-container)}.gauge-core{width:136px;height:136px;display:grid;place-items:center;align-content:center;border-radius:999px;background:#fff;border:1px solid var(--outline-variant)}.gauge-core strong{color:var(--primary);font-size:34px;letter-spacing:0}.gauge-core span{color:var(--outline);font-size:12px;font-weight:760}.quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quota-grid div{min-height:72px;display:grid;gap:6px;align-content:center;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-low);padding:12px}.quota-grid span{color:var(--outline);font-size:12px;font-weight:760}.quota-grid strong{color:#1b1b1f;font-size:16px}.quota-banner{display:flex;align-items:center;gap:10px;border-radius:8px;padding:12px 14px;font-weight:780;font-size:14px}.quota-banner.warning{border:1px solid #f3d17b;background:#fffbf0;color:#8a4f00}.quota-banner.critical{border:1px solid #f2b8b5;background:#fff5f4;color:#93000a}.status-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:380px;justify-self:start;padding:6px 10px}.status-item{min-height:56px;display:grid;gap:2px;justify-items:center;align-content:center;color:var(--secondary);border-right:1px solid var(--outline-variant)}.status-item:last-child{border-right:0}.status-item span{color:var(--outline);font-size:12px;font-weight:760}.status-item strong{color:#1b1b1f;font-size:12px}.plans{display:grid;gap:10px;padding:16px}.portal-card{display:grid;gap:14px;padding:16px}.portal-message{padding:12px 14px;color:var(--green);font-weight:780}.portal-message.error-state{border-color:#f2b8b5;background:#fff5f4;color:#93000a}.section-title{display:grid;gap:4px}.section-title h2{font-size:20px;letter-spacing:0}.plans article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-low);padding:12px}.plans article.selected{border-color:var(--secondary);background:#0b61a114}.plans h3{color:var(--primary);font-size:16px}.plans strong{color:var(--primary);font-size:22px}.plans button{min-width:132px;background:var(--secondary);min-height:42px;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:840;display:inline-flex;align-items:center;justify-content:center;gap:8px}.plans button:disabled{cursor:wait;opacity:.68}.order-list{display:grid;gap:8px}.order-row{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-low);padding:12px;font-size:13px}.order-row span{color:var(--outline)}.order-status{min-width:72px;border-radius:999px;background:#757c841a;color:var(--outline);font-size:12px;font-weight:860;padding:5px 10px;text-align:center}.order-status.paid{background:#157f3b1f;color:var(--green)}.order-status.pending{background:#a365001f;color:#8a4f00}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.profile-form button{align-self:end}.shop-hint{color:var(--outline);font-size:13px;margin:0}@media(min-width:860px){.dashboard-view{grid-template-columns:380px minmax(0,1fr);align-content:start}.dashboard-view .portal-topbar,.status-band,.portal-message,.quota-banner{grid-column:1 / -1}.usage-panel{grid-row:span 2}}@media(max-width:620px){.quota-grid,.status-band,.plans article,.order-row,.profile-form{grid-template-columns:1fr}.status-item{border-right:0;border-bottom:1px solid var(--outline-variant)}.status-item:last-child{border-bottom:0}.plans button{width:100%}}.cp-portal{display:flex;min-height:100svh;background:#f0f4f8}.cp-sidebar{width:220px;background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;transition:width .22s ease;overflow:hidden}.cp-portal.cp-collapsed .cp-sidebar{width:60px}.cp-brand{display:flex;align-items:center;gap:10px;padding:18px 12px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;cursor:pointer;text-align:left;white-space:nowrap;width:100%}.cp-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:8px}.cp-brand-text{flex:1;min-width:0;overflow:hidden}.cp-brand-text strong{display:block;font-size:14px;font-weight:700;color:#f8fafc}.cp-brand-text span{display:block;font-size:11px;color:#94a3b8;margin-top:1px}.cp-chevron{flex-shrink:0;color:#94a3b8;transition:transform .22s}.cp-portal.cp-collapsed .cp-chevron{transform:rotate(180deg)}.cp-portal.cp-collapsed .cp-brand-text,.cp-portal.cp-collapsed .cp-label{display:none}.cp-nav{list-style:none;margin:8px 0;padding:0;flex:1;overflow-y:auto}.cp-nav li{padding:0}.cp-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background:none;border:none;border-left:3px solid transparent;color:#94a3b8;cursor:pointer;white-space:nowrap;font-size:13.5px;text-align:left;transition:background .15s,color .15s,border-color .15s}.cp-nav-item:hover{background:#ffffff12;color:#e2e8f0}.cp-nav-item.active{border-left-color:#38bdf8;background:#38bdf81a;color:#f8fafc}.cp-logout-btn{margin-bottom:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.cp-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.cp-mobile-topbar{display:none}.cp-toast{margin:16px 20px 0;padding:10px 14px;border-radius:8px;font-size:13px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.cp-toast.cp-toast-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.cp-view{padding:24px 20px 80px;max-width:680px;width:100%}.cp-view-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cp-view-header h2{font-size:20px;font-weight:600;margin:0;flex:1}.cp-view-title{font-size:20px;font-weight:600;margin:0 0 8px}.cp-view-desc{font-size:13.5px;color:var(--outline);margin:0 0 20px}.cp-refresh{width:34px;height:34px;border:1px solid var(--outline-variant);border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--outline);flex-shrink:0}.cp-refresh:disabled{opacity:.5}.cp-refresh .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cp-gauge-wrap{display:flex;justify-content:center;margin:20px 0}.cp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.cp-stat{background:#fff;border:1px solid var(--outline-variant);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}.cp-stat span{font-size:11px;color:var(--outline);text-transform:uppercase;letter-spacing:.03em}.cp-stat strong{font-size:20px;font-weight:700;color:#1e293b}.cp-stat.accent{background:#0b61a10f;border-color:#0b61a133;grid-column:1 / -1}.cp-stat.accent strong{font-size:16px}.cp-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:var(--primary, #0b61a1);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:4px}.cp-cta:disabled{opacity:.5;cursor:not-allowed}.cp-plan-list{display:flex;flex-direction:column;gap:10px}.cp-plan-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--outline-variant);border-radius:10px;padding:14px 16px}.cp-plan-card-info strong{display:block;font-size:14px;font-weight:600}.cp-plan-card-info span{font-size:12px;color:var(--outline)}.cp-plan-data{font-size:15px;font-weight:700;color:var(--primary, #0b61a1)}.cp-plan-price{font-size:14px;font-weight:600;white-space:nowrap}.cp-order-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cp-order-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--outline-variant);border-radius:10px;padding:12px 14px;gap:12px}.cp-order-info strong{display:block;font-size:14px;font-weight:600}.cp-order-info span{font-size:12px;color:var(--outline)}.cp-order-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cp-order-right strong{font-size:14px;font-weight:600}.cp-plan-select{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.cp-plan-radio{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--outline-variant);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.cp-plan-radio.selected{border-color:var(--primary, #0b61a1);background:#0b61a10d}.cp-plan-radio input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:var(--primary, #0b61a1)}.cp-plan-radio-body{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px}.cp-plan-radio-body strong{display:block;font-size:14px;font-weight:600}.cp-plan-radio-body span{font-size:12px;color:var(--outline)}.cp-plan-tag{font-size:15px;font-weight:700;color:var(--primary, #0b61a1);white-space:nowrap}.cp-profile-form{display:flex;flex-direction:column;gap:14px}.cp-profile-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--outline);font-weight:500}.cp-profile-form input{padding:10px 12px;border:1px solid var(--outline-variant);border-radius:8px;font-size:14px;background:#fff}.cp-profile-form input:disabled{background:#f1f5f9;color:var(--outline)}.cp-empty{color:var(--outline);font-size:14px;text-align:center;padding:32px 0}.cp-bottom-nav{display:none}@media(max-width:640px){.cp-portal{flex-direction:column}.cp-sidebar{display:none}.cp-content{padding-bottom:64px}.cp-mobile-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e293b;color:#e2e8f0;position:sticky;top:0;z-index:10}.cp-mobile-topbar .cp-logo{width:28px;height:28px}.cp-mobile-topbar span{font-size:15px;font-weight:600;flex:1}.cp-mobile-logout{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center}.cp-view{padding:16px 14px 24px}.cp-stats{grid-template-columns:1fr 1fr}.cp-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-top:1px solid rgba(255,255,255,.1);z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.cp-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:none;border:none;border-top:2px solid transparent;color:#64748b;cursor:pointer;font-size:9px;transition:color .15s,border-color .15s}.cp-bottom-nav-item.active{color:#38bdf8;border-top-color:#38bdf8}.cp-bottom-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}}