:root{--navy:#071b2c;--navy2:#0b2f4c;--blue:#168de2;--green:#0b7b58;--ink:#0b1823;--muted:#6a7a84;--line:#dce5ea;--bg:#f3f6f8;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.hidden{display:none!important}.auth-shell{min-height:100vh;background:radial-gradient(circle at 20% 10%,#16486b 0,transparent 30%),linear-gradient(130deg,#061927,#0b2d49);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.auth-brand{margin-bottom:28px}.auth-brand img{width:205px;filter:brightness(0) invert(1)}.auth-card{width:min(470px,100%);background:#fff;border-radius:22px;padding:40px;box-shadow:0 35px 80px rgba(0,0,0,.28)}.auth-kicker,.eyebrow-web,.panel-kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--blue)}.auth-card h1{font-size:36px;letter-spacing:-.04em;margin:10px 0}.auth-card>p{color:var(--muted);line-height:1.5}.auth-card label{display:block;font-size:13px;font-weight:800;margin:20px 0 6px}.auth-card input{width:100%;padding:14px 15px;border:1px solid #cdd8df;border-radius:10px;outline:none}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,141,226,.12)}.primary,.secondary{border:0;border-radius:10px;font-weight:850;cursor:pointer}.primary{width:100%;background:var(--blue);color:#fff;padding:14px;margin-top:22px}.secondary{background:#e9f3f9;color:#0b527e;padding:12px 15px}.link-btn{border:0;background:none;color:#0b72b8;font-weight:800;padding:10px 0;cursor:pointer}.message{font-size:13px;margin-top:12px;color:#b33}.message.ok{color:#08744f}.auth-divider{height:1px;background:#e8eef2;margin:22px 0}.small{font-size:12px!important}.back-link{display:inline-block;margin-top:8px;color:#526873;font-size:13px;font-weight:700}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#071b2c;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.side-brand img{width:175px;filter:brightness(0) invert(1)}.company-switch{margin:30px 0 20px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}.company-switch span{display:block;font-size:9px;letter-spacing:.15em;color:#80a2b8;font-weight:900}.company-switch button{border:0;background:none;color:#fff;font-weight:850;padding:8px 0 0;text-align:left;width:100%;cursor:default}.side-nav{display:grid;gap:5px}.side-nav button{border:0;background:transparent;color:#a9becb;padding:12px 12px;border-radius:9px;text-align:left;font-weight:750;cursor:pointer;display:flex;gap:11px;align-items:center}.side-nav button span{width:18px;text-align:center}.side-nav button:hover,.side-nav button.active{background:#103550;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:8px}.side-bottom a,.side-bottom button{border:0;background:none;color:#91aabc;text-align:left;padding:10px;font-weight:700;cursor:pointer}.workspace{padding:0 38px 50px;min-width:0}.workspace-top{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5ea;margin-bottom:30px}.crumb{font-size:12px;color:#80909a}.workspace-top h1{font-size:28px;margin:5px 0 0}.user-pill{display:flex;align-items:center;gap:10px}.user-pill>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dceef9;color:#0a507c;font-weight:900}.user-pill b,.user-pill small{display:block}.user-pill small{color:#788993;font-size:11px;margin-top:2px}.platform-message{background:#fff3cf;border:1px solid #f1d77b;padding:12px 15px;border-radius:10px;margin-bottom:20px;font-size:13px}.tab-panel{display:none}.tab-panel.active{display:block}.welcome-card{background:linear-gradient(115deg,#0a2b45,#0d4772);color:#fff;border-radius:20px;padding:32px 34px;display:flex;justify-content:space-between;gap:30px;align-items:center}.welcome-card h2{font-size:32px;letter-spacing:-.03em;margin:7px 0 8px}.welcome-card p{margin:0;color:#c8dce7;max-width:760px;line-height:1.55}.sync-badge{white-space:nowrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:11px 14px;border-radius:999px;font-size:12px;font-weight:800}.sync-badge i,.cloud-dot{display:inline-block;width:8px;height:8px;background:#37d58a;border-radius:50%;margin-right:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric-grid article,.panel{background:#fff;border:1px solid #e0e8ed;border-radius:15px;box-shadow:0 10px 25px rgba(15,38,52,.04)}.metric-grid article{padding:20px}.metric-grid span{color:#71828c;font-size:12px;font-weight:750}.metric-grid strong{font-size:34px;display:block;margin:7px 0}.metric-grid small{color:#93a0a8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px}.panel h3{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h3{margin:5px 0 0;font-size:19px}.panel-head button{border:0;background:none;color:#168de2;font-weight:800;cursor:pointer}.list{display:grid}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #edf1f3}.list-row:first-child{border-top:0}.list-row b{display:block;font-size:13px}.list-row span,.list-row small{color:#788993;font-size:11px}.badge{padding:5px 8px;border-radius:999px;background:#edf5f9;color:#315f79;font-size:10px!important;font-weight:850;text-transform:uppercase}.badge.green{background:#e8f7f0;color:#0b7655}.badge.amber{background:#fff2d6;color:#8f6200}.empty{padding:22px 0;color:#87959d;font-size:13px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-intro h2{font-size:32px;margin:7px 0}.section-intro p{color:#687983;max-width:760px;margin:0;line-height:1.55}.sites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.site-card{background:#fff;border:1px solid #e0e8ed;border-radius:14px;padding:18px}.site-card strong{display:block;font-size:18px;margin:4px 0}.site-card small{color:#71828d}.site-card .site-meta{margin-top:14px;padding-top:12px;border-top:1px solid #edf1f3;display:flex;justify-content:space-between;color:#6b7c87;font-size:12px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:20px 22px 8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th{text-align:left;font-size:10px;letter-spacing:.08em;color:#82929b;text-transform:uppercase;background:#f9fbfc}th,td{padding:13px 16px;border-bottom:1px solid #edf1f3;white-space:nowrap}td{font-size:12px;color:#354953}td strong{color:#0b1823}.sales-hero{background:linear-gradient(120deg,#075039,#0b7d58);color:#fff;border-radius:18px;padding:28px 30px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sales-hero span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#9ce4c8}.sales-hero h2{font-size:30px;margin:6px 0}.sales-hero p{margin:0;color:#c8eddf}.sales-status{background:rgba(255,255,255,.12);padding:10px 13px;border-radius:999px;font-size:12px;font-weight:850}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-grid dl{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:0}.account-grid dt{color:#7a8b94;font-size:12px}.account-grid dd{margin:0;font-weight:750;font-size:13px}.cloud-card{display:flex;gap:12px;align-items:flex-start;background:#f3faf6;border:1px solid #d8eee2;padding:15px;border-radius:12px;margin-bottom:14px}.cloud-card p{margin:4px 0 0;color:#687a73;font-size:12px;line-height:1.45}@media(max-width:1000px){.metric-grid{grid-template-columns:1fr 1fr}.two-col,.account-grid{grid-template-columns:1fr}.sites-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:1fr 1fr}.workspace{padding:0 18px 40px}.workspace-top{height:auto;padding:18px 0;gap:15px}.user-pill div{display:none}.metric-grid,.sites-grid{grid-template-columns:1fr}.welcome-card,.sales-hero{align-items:flex-start;flex-direction:column}.auth-card{padding:28px 22px}}

.inline-auth{border:0;background:none;color:#1769e0;font:inherit;font-weight:800;padding:0;cursor:pointer}.inline-auth:hover{text-decoration:underline}
