:root{--blue:#1769e0;--blue2:#0756c9;--navy:#071733;--ink:#13213a;--muted:#66738c;--line:#e6eaf1;--bg:#f5f7fb;--white:#fff;--purple:#7157e8;--cyan:#00a8ca;--green:#1daa79;--orange:#ec8c35;--shadow:0 18px 55px rgba(18,35,66,.10);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.5px}.brand>span:last-child span{color:#65c7ff}.brand-mark{display:grid;place-items:center;width:41px;height:41px;color:white;border-radius:12px;background:linear-gradient(135deg,#53d7ff,#1769e0 58%,#6447e4);box-shadow:0 8px 22px rgba(23,105,224,.28);font-weight:900}.brand-mark.small{width:31px;height:31px;border-radius:9px;font-size:15px}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s;background:#eef2f8;color:#283751}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#2176ed,#0756c9);box-shadow:0 9px 22px rgba(23,105,224,.22)}.btn-white{background:white;color:#115ecb}.btn-light{background:#fff;border:1px solid var(--line)}.btn-outline{background:#fff;color:var(--blue);border:1px solid #b9d2f6}.btn-soft{background:#edf5ff;color:#1769e0}.btn-lg{padding:14px 22px}.btn-block{width:100%}.eyebrow,.step-label{font-size:11px;letter-spacing:1.6px;font-weight:850}.muted{color:var(--muted)}.alert{padding:13px 15px;border-radius:11px;margin:14px 0;font-weight:650}.alert-danger{background:#fff0f0;color:#bf3340;border:1px solid #ffd2d5}.alert-success{background:#ecfbf5;color:#147154;border:1px solid #c7f0df}.alert-warning{background:#fff8e8;color:#986516;border:1px solid #f4dfac}.toast-alert{display:flex;justify-content:space-between;margin:0 0 18px}.toast-alert button{border:0;background:transparent;color:inherit;font-size:19px}label{display:block;font-size:13px;font-weight:750;color:#32405a;margin:0 0 15px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dbe1eb;border-radius:10px;padding:11px 12px;color:var(--ink);background:white;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#68a5f7;box-shadow:0 0 0 4px rgba(23,105,224,.09)}input[type=color]{padding:4px;height:43px}input[type=file]{padding:8px}label small{display:block;color:#8994a8;font-weight:500;margin-top:6px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.form-section{border-bottom:1px solid var(--line);padding:0 0 11px;margin:0 0 22px}.form-section:last-child{border:0;margin-bottom:0}.form-section h3{font-size:14px;margin:0 0 16px}.form-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}

/* Public */
.public-body{background:#fff}.public-nav{position:absolute;z-index:5;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,94px);color:white}.public-nav nav{display:flex;gap:30px;align-items:center}.public-nav nav>a:not(.btn){color:#cfdef5;font-weight:650;font-size:14px}.hero{min-height:760px;background:radial-gradient(circle at 70% 40%,#163f7a 0,#0a1c40 35%,#05132e 70%);color:white;padding:140px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:minmax(400px,1fr) minmax(420px,.95fr);align-items:center;gap:55px;overflow:hidden;position:relative}.hero-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:#146de4;filter:blur(150px);opacity:.18;right:5%;top:15%}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{color:#72d9ff}.hero h1{font-size:clamp(44px,5vw,74px);line-height:1.02;letter-spacing:-3.2px;margin:21px 0 25px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#55d8ff,#748cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#bdd0eb;max-width:620px;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.text-link{color:#c4d7ef;font-weight:700}.trust-row{display:flex;gap:35px;border-top:1px solid rgba(255,255,255,.13);margin-top:46px;padding-top:25px;color:#91a9c8;font-size:12px}.trust-row span{display:flex;flex-direction:column;gap:3px}.trust-row b{font-size:19px;color:#fff}.hero-visual{position:relative;z-index:2;min-height:530px}.mail-window{position:absolute;top:25px;left:20px;width:min(510px,90%);background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:20px;box-shadow:0 35px 80px rgba(0,0,0,.38);overflow:hidden;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.window-top{height:45px;background:#f4f7fb;border-bottom:1px solid #e1e6ee;display:flex;align-items:center;gap:7px;padding:0 15px;color:#75829a;font-size:10px}.window-top i{width:8px;height:8px;border-radius:50%;background:#c8d0dc}.window-top i:first-child{background:#ff7272}.window-top i:nth-child(2){background:#ffc45b}.window-top i:nth-child(3){background:#4fd590}.window-top span{margin-left:12px}.email-preview{text-align:center;color:#15243f;padding:27px 55px 36px;position:relative}.mini-logo{width:36px;height:36px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font-weight:900;margin:0 auto 18px}.preview-tag{color:#1769e0;font-size:9px;font-weight:900;letter-spacing:1.4px}.email-preview h3{font-size:28px;letter-spacing:-.8px;margin:10px 0}.email-preview p{color:#718098;font-size:12px;line-height:1.6}.email-preview button{border:0;border-radius:7px;background:var(--blue);color:white;font-weight:700;padding:10px 18px;margin:8px 0 20px}.preview-image{height:150px;border-radius:12px;background:linear-gradient(135deg,#eaf8ff,#dce7ff 50%,#ece6ff);display:grid;place-items:center;overflow:hidden}.preview-image span{font-size:65px;color:#2e7bec;text-shadow:35px 15px #70c9ef,-36px 19px #745ce8}.float-card{position:absolute;border:1px solid rgba(255,255,255,.16);background:rgba(13,32,68,.84);backdrop-filter:blur(18px);box-shadow:0 15px 36px rgba(0,0,0,.22);padding:13px 17px;border-radius:13px;display:flex;align-items:center;gap:11px}.float-card>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#1daa79}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:12px}.float-card small{font-size:10px;color:#91a9c8;margin-top:3px}.card-open{left:-30px;top:132px}.card-brand{right:-3px;bottom:43px}.card-brand>span{background:#7157e8}.features-section{padding:105px clamp(24px,7vw,110px);background:#fff}.section-heading{max-width:720px;margin:0 auto 55px;text-align:center}.eyebrow.blue{color:#1769e0}.section-heading h2{font-size:38px;line-height:1.15;letter-spacing:-1.4px;margin:14px 0}.section-heading p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1160px;margin:auto}.feature-grid article{padding:32px;border:1px solid #e7ebf2;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(28,46,80,.05)}.feature-grid h3{font-size:19px;margin:20px 0 10px}.feature-grid p{color:var(--muted);line-height:1.7;margin:0}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;color:white;font-size:22px}.feature-icon.purple{background:#7259e9}.feature-icon.cyan{background:#0caac9}.feature-icon.green{background:#20ad7e}.brands-strip{padding:42px 6%;background:#f4f7fb;text-align:center}.brands-strip>p{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#8190a7}.brands-strip>div{display:flex;justify-content:center;flex-wrap:wrap;gap:35px;margin-top:24px}.brands-strip span{font-size:17px;font-weight:850;color:var(--brand,#40506b)}.public-footer{display:flex;align-items:center;justify-content:space-between;background:#071733;color:#95aaca;padding:30px 7%;font-size:12px}.public-footer .brand{color:#fff;font-size:16px}

/* Login + install */
.login-body{background:#071733}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-visual{position:relative;overflow:hidden;padding:42px clamp(35px,5vw,80px);color:white;background:radial-gradient(circle at 76% 35%,rgba(33,113,229,.52),transparent 35%),linear-gradient(145deg,#071733,#0b2b60)}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(110,193,255,.16);border-radius:50%;width:520px;height:520px;right:-150px;top:120px}.login-visual:after{width:350px;height:350px;right:-55px;top:205px}.login-message{position:absolute;top:39%;max-width:610px;z-index:1}.login-message .eyebrow{color:#72d9ff}.login-message h1{font-size:clamp(43px,5vw,72px);line-height:1.03;letter-spacing:-2.5px;margin:17px 0}.login-message p{font-size:18px;line-height:1.7;color:#b9cde8;max-width:580px}.login-stats{position:absolute;bottom:55px;display:flex;gap:55px}.login-stats div{display:flex;flex-direction:column}.login-stats b{font-size:26px}.login-stats span{font-size:11px;letter-spacing:.7px;color:#91a9c8}.login-panel{background:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:30px}.login-box{width:min(430px,100%)}.login-box .step-label,.install-panel .step-label{color:#1769e0}.login-box h2,.install-panel h2{font-size:33px;letter-spacing:-1px;margin:10px 0}.login-box>p,.install-panel>p{color:var(--muted);margin:0 0 28px}.login-box form{margin-top:25px}.input-icon{position:relative}.input-icon>span{position:absolute;left:13px;top:19px;color:#8090a8}.input-icon input{padding-left:38px;padding-right:55px}.eye{position:absolute;right:9px;top:14px;border:0;background:transparent;color:#1769e0;font-size:11px;font-weight:800}.back-link{display:block;text-align:center;color:#627089;font-size:13px;font-weight:650;margin-top:25px}.login-foot{position:absolute;bottom:25px;color:#96a0b1;font-size:10px}.mobile-brand{display:none}.install-body{min-height:100vh;background:linear-gradient(135deg,#061630,#0d326c);padding:35px;display:grid;place-items:center}.installer{width:min(1100px,100%);min-height:680px;background:white;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 35px 90px rgba(0,0,0,.35)}.install-brand{background:radial-gradient(circle at 80% 25%,rgba(65,166,255,.5),transparent 32%),#081d42;padding:55px;color:white;position:relative}.install-brand>span:nth-child(2){position:absolute;top:61px;left:108px;font-size:23px;font-weight:850}.phase-pill{display:inline-block;margin-top:95px;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:7px 12px;font-size:10px;letter-spacing:1.2px}.install-brand h1{font-size:40px;line-height:1.12;letter-spacing:-1.6px;margin:25px 0}.install-brand>p{color:#b7cce7;line-height:1.7}.install-features{position:absolute;bottom:45px;display:flex;flex-direction:column;gap:12px;color:#c1d3eb;font-size:12px}.install-panel{padding:48px 58px;max-height:90vh;overflow:auto}.install-panel form{margin-top:25px}.success-orb{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e8fbf3;color:#1ca474;font-size:32px;margin:80px auto 25px}.install-panel>.success-orb~h2,.install-panel>.success-orb~p{text-align:center}.security-note{font-size:11px;margin-top:18px!important}.install-panel .btn-block{margin-top:20px}

/* Admin shell */
.admin-body{background:#f5f7fb}.admin-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:268px;background:linear-gradient(180deg,#071733,#081d3f);color:white;padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{padding:0 9px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand>span:last-child{position:relative}.sidebar-brand small{display:block;font-size:7px;letter-spacing:1.8px;color:#6f8db3;margin-top:1px}.workspace-card{display:flex;align-items:center;gap:10px;margin:18px 2px 8px;padding:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:13px}.workspace-icon{width:35px;height:35px;border-radius:9px;background:var(--brand);display:grid;place-items:center;font-weight:900}.workspace-card>div{display:flex;flex-direction:column;min-width:0;flex:1}.workspace-card small{font-size:7px;letter-spacing:1px;color:#7992b4}.workspace-card b{font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card button{border:0;background:transparent;color:#88a3c7}.side-nav{margin-top:8px;overflow:auto}.side-nav>small{display:block;color:#607a9e;font-size:8px;letter-spacing:1.5px;font-weight:800;margin:19px 12px 8px}.side-nav a{position:relative;display:flex;align-items:center;gap:12px;color:#9db2ce;padding:11px 13px;margin:3px 0;border-radius:10px;font-size:13px;font-weight:650}.side-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.side-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(23,105,224,.42),rgba(23,105,224,.13));box-shadow:inset 3px 0 #59c7ff}.side-nav a>span{width:20px;text-align:center;font-size:16px}.side-nav a em{margin-left:auto;font-style:normal;font-size:8px;color:#79a1d1;border:1px solid rgba(121,161,209,.4);padding:2px 4px;border-radius:4px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:15px 10px 0;display:flex;flex-direction:column;color:#728dad;font-size:10px}.sidebar-foot small{font-size:8px;margin-top:4px}.admin-main{margin-left:268px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:sticky;top:0;z-index:20}.menu-toggle{display:none}.global-search{width:360px;position:relative}.global-search span{position:absolute;left:12px;top:8px;font-size:20px;color:#8b98ab}.global-search input{margin:0;background:#f6f8fb;border:0;padding:10px 50px 10px 39px;font-size:12px}.global-search kbd{position:absolute;right:9px;top:8px;background:#fff;border:1px solid #dfe4ec;color:#8d98a9;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn{position:relative;width:38px;height:38px;border:1px solid #e4e9f0;background:#fff;border-radius:10px}.icon-btn i{position:absolute;width:6px;height:6px;background:#ef5e67;border:1px solid white;border-radius:50%;right:8px;top:7px}.user-menu{border:0;background:white;display:flex;align-items:center;gap:9px;text-align:left}.user-menu>span:nth-child(2){display:flex;flex-direction:column;min-width:110px}.user-menu b{font-size:11px}.user-menu small{font-size:9px;color:#8995a8;margin-top:2px}.avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#196ee5,#755ae8);font-weight:850}.content{padding:25px 28px 50px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.breadcrumb{font-size:9px;color:#8d98aa}.page-head h1{font-size:27px;letter-spacing:-.7px;margin:5px 0}.page-head p{color:#748098;margin:0;font-size:12px}.date-chip{border:1px solid #e1e6ee;background:white;color:#66738c;border-radius:9px;padding:9px 12px;font-size:10px}.welcome-banner{min-height:218px;border-radius:19px;padding:32px 39px;background:linear-gradient(112deg,#0d5ed0,#1578ea 58%,#489cf2);color:white;display:flex;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 16px 40px rgba(21,105,220,.23)}.welcome-banner>div:first-child{position:relative;z-index:2;max-width:620px}.welcome-banner .eyebrow{color:#bdeaff}.welcome-banner h2{font-size:29px;margin:12px 0 9px}.welcome-banner p{color:#d9eaff;line-height:1.65;font-size:13px}.welcome-banner .btn{margin-top:8px}.banner-art{position:relative;width:320px}.mail-shape{position:absolute;right:50px;top:28px;width:145px;height:118px;border-radius:25px;background:linear-gradient(145deg,#fff,#d8eaff);color:#1972e0;display:grid;place-items:center;font-size:50px;transform:rotate(-7deg);box-shadow:0 25px 50px rgba(0,42,115,.25)}.orbit{position:absolute;border-radius:50%;display:grid;place-items:center;z-index:2}.o1{width:54px;height:54px;background:#755ae8;right:35px;top:5px}.o2{width:40px;height:40px;background:#18b58a;right:185px;bottom:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:17px 0}.stats-grid article{background:white;border:1px solid #e8ecf2;border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px;position:relative;box-shadow:0 7px 20px rgba(20,37,69,.035)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;flex:0 0 auto}.stat-icon.blue{background:#1769e0}.stat-icon.violet{background:#7259e9}.stat-icon.cyan{background:#00a8ca}.stat-icon.orange{background:#ec8c35}.stats-grid article>div:nth-child(2){display:flex;flex-direction:column}.stats-grid small{font-size:8px;font-weight:850;color:#8b96a8;letter-spacing:.7px}.stats-grid b{font-size:25px;margin:2px 0}.stats-grid span{font-size:9px;color:#7c899c}.stats-grid span.positive{color:#1daa79}.stats-grid article>i{position:absolute;right:14px;top:13px;color:#a5afbe;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.panel,.table-panel{background:#fff;border:1px solid #e7ebf1;border-radius:16px;box-shadow:0 7px 25px rgba(25,43,76,.035)}.panel{padding:21px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:15px;margin-bottom:17px}.panel-head h3{font-size:14px;margin:0 0 4px}.panel-head p{font-size:10px;color:#8591a5;margin:0}.phase-badge{font-size:8px;font-weight:850;color:#1769e0;background:#edf5ff;border-radius:12px;padding:5px 9px}.progress-donut{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:15px}.donut{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1769e0 0 65%,#eaf0f7 65%);position:relative;margin:auto}.donut:before{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.donut span{position:relative;font-size:23px;font-weight:850}.check-list{display:flex;flex-direction:column;gap:13px}.check-list>div{display:flex;gap:10px;align-items:center}.check-list i{width:27px;height:27px;border:1px solid #d9e0ea;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;color:#8c98aa}.check-list .done i{background:#e7f8f1;color:#1b9c71;border-color:#c8eddc}.check-list span{display:flex;flex-direction:column}.check-list b{font-size:11px}.check-list small{font-size:9px;color:#8a95a6;margin-top:2px}.quick-panel>a{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid #edf0f4}.quick-panel>a:last-child{border:0}.quick-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:white}.quick-icon.blue{background:#1769e0}.quick-icon.violet{background:#7259e9}.quick-icon.green{background:#1daa79}.quick-panel>a>div{display:flex;flex-direction:column;flex:1}.quick-panel b{font-size:11px}.quick-panel small{font-size:9px;color:#8b96a7;margin-top:3px}.quick-panel>a>i{font-style:normal;color:#9aa5b5}.roadmap-strip{margin-top:17px;display:flex;align-items:center;justify-content:space-between}.roadmap-strip>div{display:flex;align-items:center;gap:14px}.roadmap-number{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:#1769e0;font-weight:900}.roadmap-strip small{font-size:8px;color:#1769e0;font-weight:850}.roadmap-strip h3{margin:3px 0;font-size:14px}.roadmap-strip p{margin:0;color:#8290a4;font-size:10px}

/* Tables/cards/settings */
.filterbar{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e5eaf1;border-radius:14px;padding:11px 14px;margin-bottom:15px}.search-table{position:relative;width:min(430px,70%)}.search-table span{position:absolute;left:10px;top:7px;font-size:19px;color:#8995a7}.search-table input{margin:0;border:0;background:#f6f8fb;padding:9px 10px 9px 36px;font-size:11px}.filter-info{font-size:10px;color:#7e899b}.brand-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.brand-card{background:#fff;border:1px solid #e5e9f0;border-radius:17px;overflow:hidden;box-shadow:0 8px 27px rgba(21,38,70,.045)}.brand-cover{height:130px;background:linear-gradient(135deg,var(--s),var(--p));background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:16px}.brand-cover:after{content:"";position:absolute;right:-25px;top:-28px;width:130px;height:130px;border-radius:50%;border:25px solid rgba(255,255,255,.08)}.brand-cover-logo{width:53px;height:53px;border-radius:14px;background:white;color:var(--p);display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18);overflow:hidden;position:relative;z-index:1}.brand-cover-logo img{width:100%;height:100%;object-fit:contain;padding:5px}.status-pill{display:inline-flex;align-items:center;border-radius:14px;padding:5px 9px;font-size:8px;font-weight:800}.brand-cover>.status-pill{position:absolute;top:13px;right:13px;z-index:2}.status-pill.active{background:#e7f8f1;color:#158260}.status-pill.inactive{background:#f2f3f5;color:#7c8797}.brand-cover>.status-pill.active{background:rgba(20,173,119,.91);color:#fff}.brand-info{padding:17px}.brand-info h3{margin:0 0 3px;font-size:15px}.brand-info p{margin:0;color:#8c97a9;font-size:9px}.brand-info dl{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:10px 0;margin:13px 0}.brand-info dl>div{display:flex;justify-content:space-between;margin:5px 0}.brand-info dt{font-size:9px;color:#8c97a8}.brand-info dd{font-size:9px;margin:0;font-weight:700;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-row{display:flex;align-items:center;gap:5px}.color-row>span{width:15px;height:15px;border-radius:5px}.color-row small{margin-left:auto;color:#8b96a8;font-size:8px}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions form,.card-actions .btn{flex:1}.card-actions .btn{width:100%;padding:8px;font-size:10px}.table-panel{overflow:hidden}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#0a2d63;color:#d8e8fb;text-align:left;font-size:9px;letter-spacing:.6px;padding:13px 15px}td{border-bottom:1px solid #edf0f4;padding:13px 15px;font-size:10px;color:#536079}tbody tr:hover{background:#f9fbfd}.user-cell{display:flex;align-items:center;gap:10px}.avatar-table{width:33px;height:33px;font-size:11px}.user-cell>div{display:flex;flex-direction:column}.user-cell b{color:#1d2c46;font-size:10px}.user-cell small{font-size:9px;color:#8d98a9;margin-top:2px}.role-pill{font-size:8px;font-weight:800;border-radius:12px;padding:5px 8px;background:#edf2f8;color:#4c5e78}.role-pill.superadmin{background:#eeeaff;color:#644ce0}.role-pill.admin{background:#e8f3ff;color:#1769e0}.role-pill.editor{background:#e9faf5;color:#17815f}.role-pill.analyst{background:#fff5e7;color:#a36d20}.status-dot{display:inline-flex;align-items:center;gap:5px}.status-dot i,.online-dot{width:6px;height:6px;border-radius:50%;background:#a0a9b7}.status-dot.active i,.online-dot{background:#1caf7d;box-shadow:0 0 0 3px #e2f7ef}.table-action{border:1px solid #dce4ef;background:#fff;color:#1769e0;border-radius:7px;font-size:9px;font-weight:750;padding:6px 9px}.action-pill{background:#edf5ff;color:#1769e0;border-radius:7px;padding:4px 7px;font-weight:750;font-size:8px}code{font-size:9px;background:#f0f3f7;padding:3px 5px;border-radius:5px}.settings-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:17px}.settings-card,.system-card{padding:23px}.settings-icon{width:34px;height:34px;border-radius:9px;background:#edf5ff;color:#1769e0;display:grid;place-items:center}.system-card dl{margin:0}.system-card dl>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:13px 0;font-size:10px}.system-card dl>div:last-child{border:0}.system-card dt{color:#8190a3}.system-card dd{margin:0;font-weight:750}.online-dot{display:inline-block;margin-left:5px}.profile-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.profile-summary{background:#fff;border-radius:17px;border:1px solid #e5e9f0;text-align:center;padding-bottom:28px;overflow:hidden}.profile-cover{height:100px;background:linear-gradient(120deg,#0b2d63,#1771e2)}.profile-avatar{width:75px;height:75px;border:5px solid white;border-radius:22px;margin:-38px auto 13px;font-size:23px;position:relative}.profile-summary h3{margin:0 0 4px}.profile-summary p{color:#8390a3;font-size:11px}.profile-form{padding:25px}.roadmap-page{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.roadmap-page article{background:white;border:1px solid #e5eaf1;border-radius:16px;padding:23px;display:flex;gap:17px}.roadmap-page article>span{width:50px;height:50px;flex:0 0 auto;border-radius:14px;background:#edf2f8;color:#75849a;display:grid;place-items:center;font-weight:900}.roadmap-page article.done{border-color:#b8d5fb;background:linear-gradient(145deg,#fff,#f4f9ff)}.roadmap-page article.done>span{background:#1769e0;color:#fff}.roadmap-page small{font-size:8px;color:#1769e0;font-weight:900}.roadmap-page h3{font-size:15px;margin:5px 0}.roadmap-page p{font-size:10px;color:#7e8b9e;line-height:1.6;margin:0}

/* Drawers */
.drawer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(4,14,34,.55);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:90;right:0;top:0;bottom:0;width:min(430px,100%);background:white;box-shadow:-25px 0 60px rgba(6,23,51,.18);transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-wide{width:min(560px,100%)}.drawer>form{height:100%;display:flex;flex-direction:column}.drawer header{height:82px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecf2;padding:0 25px;background:#fbfcfe}.drawer header small{font-size:8px;color:#1769e0;font-weight:850;letter-spacing:1.2px}.drawer header h2{font-size:19px;margin:4px 0}.drawer header button{border:1px solid #e0e5ed;background:white;border-radius:9px;width:34px;height:34px;font-size:20px;color:#647188}.drawer-body{padding:24px;overflow:auto;flex:1}.drawer footer{border-top:1px solid #e6eaf0;padding:15px 24px;display:flex;justify-content:flex-end;gap:10px}.brand-switch-list form{margin-bottom:8px}.brand-switch-list button{width:100%;border:1px solid #e5e9f0;background:white;border-radius:12px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left}.brand-switch-list button.selected{border-color:#9bc2f8;background:#f3f8ff}.brand-switch-list button>span{width:37px;height:37px;border-radius:10px;color:white;display:grid;place-items:center;font-weight:850}.brand-switch-list button>div{display:flex;flex-direction:column;flex:1}.brand-switch-list b{font-size:11px}.brand-switch-list small{font-size:9px;color:#8692a4;margin-top:2px}.brand-switch-list i{font-style:normal;color:#1769e0}.account-hero{text-align:center;background:#f5f8fc;border-radius:15px;padding:24px;display:flex;flex-direction:column;align-items:center}.avatar.large{width:60px;height:60px;border-radius:17px;font-size:21px;margin-bottom:10px}.account-hero b{font-size:11px}.account-hero small{font-size:9px;color:#7d8a9c;margin-top:3px}.account-drawer>a{display:flex;justify-content:space-between;padding:14px 5px;border-bottom:1px solid #edf0f4;font-size:11px;font-weight:700}.account-drawer>a.logout-link{color:#c44854}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox-grid label{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ee;border-radius:9px;padding:10px;margin:0;font-size:10px}.checkbox-grid input{width:auto;margin:0}

@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{max-width:760px}.hero-visual{display:none}.stats-grid{grid-template-columns:1fr 1fr}.brand-cards{grid-template-columns:1fr 1fr}.public-nav nav>a:not(.btn){display:none}.sidebar{width:235px}.admin-main{margin-left:235px}.dashboard-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.banner-art{display:none}}
@media(max-width:760px){body{font-size:14px}.form-grid.two{grid-template-columns:1fr}.public-nav{height:72px;padding:0 18px}.public-nav .brand{font-size:17px}.public-nav nav{gap:0}.public-nav .btn{font-size:10px;padding:9px 11px}.hero{display:block;min-height:650px;padding:135px 24px 65px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trust-row{gap:20px}.features-section{padding:70px 20px}.section-heading h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.public-footer{flex-direction:column;gap:17px;text-align:center}.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-brand{display:flex;position:absolute;top:25px;left:25px;align-items:center;gap:9px;font-weight:850}.mobile-brand .brand-mark{width:34px;height:34px}.login-foot{bottom:14px}.installer{display:block;min-height:auto}.install-brand{display:none}.install-panel{padding:34px 24px;max-height:none}.install-body{padding:15px}.sidebar{transform:translateX(-105%);width:270px;transition:.3s}.sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.topbar{padding:0 14px}.menu-toggle{display:block;border:0;background:#edf3fb;color:#1769e0;border-radius:9px;width:37px;height:37px}.global-search{display:none}.user-menu>span:nth-child(2),.user-menu>b{display:none}.content{padding:19px 14px 35px}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.page-head p{max-width:250px;line-height:1.5}.welcome-banner{padding:27px 23px}.welcome-banner h2{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid article{padding:13px}.stats-grid article>i{display:none}.stat-icon{width:35px;height:35px}.stats-grid b{font-size:20px}.progress-donut{grid-template-columns:1fr}.brand-cards{grid-template-columns:1fr}.filterbar{gap:10px}.search-table{width:100%}.filter-info{display:none}.settings-layout,.profile-layout,.roadmap-page{grid-template-columns:1fr}.roadmap-strip{align-items:flex-start;gap:15px;flex-direction:column}.roadmap-strip .btn{width:100%}.page-actions .btn{font-size:10px;padding:10px}.date-chip{display:none}.checkbox-grid{grid-template-columns:1fr}.drawer header{padding:0 18px}.drawer-body{padding:20px}.drawer footer{padding:13px 18px}.table-panel{border-radius:12px}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.trust-row{font-size:10px}.hero h1{font-size:38px}.brand-mark{width:37px;height:37px}.page-head{display:block}.page-actions{margin-top:13px}.page-actions .btn{width:100%}}

/* Fase 02 · Contactos y audiencias */
.nav-sub{margin:0 0 7px 36px;border-left:1px solid rgba(122,161,211,.25);padding-left:9px}.nav-sub a{font-size:10px;padding:7px 10px;margin:1px 0;border-radius:7px}.nav-sub a.active{box-shadow:none;background:rgba(34,120,235,.18);color:#7ed7ff}.audience-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.audience-stats article{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e5eaf1;border-radius:14px;padding:17px}.audience-stats article>div{display:flex;flex-direction:column}.audience-stats small{font-size:8px;color:#8b96a8;font-weight:850;letter-spacing:.7px}.audience-stats b{font-size:23px;margin-top:3px}.contact-filter{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(125px,.55fr)) auto;align-items:center;gap:9px;background:white;border:1px solid #e5eaf1;border-radius:14px;padding:10px 12px;margin-bottom:11px}.contact-filter input,.contact-filter select{margin:0;font-size:10px;padding:9px}.contact-filter .search-table{width:100%}.bulkbar{display:flex;align-items:center;gap:8px;background:#eef5ff;border:1px solid #d2e3fa;border-radius:12px 12px 0 0;padding:9px 12px;color:#1769e0;font-size:10px}.bulkbar select{width:auto;min-width:145px;margin:0;padding:7px;font-size:9px}.bulkbar .btn{padding:8px 12px;font-size:9px}.bulkbar .result-count{margin-left:auto;color:#718198}.bulkbar+.table-panel{border-radius:0 0 15px 15px}.responsive-table input[type=checkbox]{width:auto;margin:0}.tags-cell{display:flex;gap:4px;flex-wrap:wrap}.tags-cell span,.tag-cloud>span{border-radius:12px;padding:4px 7px;font-size:8px;font-weight:750;background:#f0edff;color:var(--tag);border:1px solid #ddd7ff}.empty-table{text-align:center;padding:38px;color:#7e8b9d}.empty-table>span{width:48px;height:48px;border-radius:14px;background:#edf5ff;color:#1769e0;display:grid;place-items:center;margin:0 auto 10px;font-size:20px}.empty-table h3{color:#23324b;margin:7px 0;font-size:14px}.empty-table p{margin:0}.pagination{display:flex;justify-content:flex-end;gap:5px;margin-top:15px}.pagination a{width:33px;height:33px;border-radius:8px;background:white;border:1px solid #dfe5ed;display:grid;place-items:center;font-size:10px;font-weight:750}.pagination a.active{background:#1769e0;color:white;border-color:#1769e0}.audience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-cards>article{background:white;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden}.audience-card-top{height:120px;background:linear-gradient(135deg,#0b2453,var(--card));color:white;padding:20px;position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.audience-card-top>span{position:absolute;left:20px;top:20px;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:20px}.audience-card-top b{font-size:30px}.audience-card-top small{font-size:8px;letter-spacing:1px}.audience-cards>article>div:last-child{padding:18px}.audience-cards h3{font-size:15px;margin:0 0 6px}.audience-cards p{font-size:10px;color:#7d899c;min-height:30px}.audience-cards .card-actions .btn{font-size:9px}.empty-state{grid-column:1/-1;background:white;border:1px dashed #cbd7e7;border-radius:17px;text-align:center;padding:55px 25px}.empty-state>span{width:60px;height:60px;background:#edf5ff;color:#1769e0;border-radius:16px;display:grid;place-items:center;margin:auto;font-size:25px}.empty-state h3{font-size:17px;margin:14px 0 6px}.empty-state p{color:#7c899c;margin:0 0 19px}.tags-panel{margin-top:17px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud>span{font-size:10px;padding:7px 10px}.tag-cloud b{background:white;border-radius:8px;margin-left:5px;padding:2px 5px}.info-banner,.warning-banner{display:flex;align-items:center;gap:14px;padding:18px 21px;border-radius:15px;margin-bottom:16px}.info-banner{background:linear-gradient(100deg,#eaf4ff,#f4f1ff);border:1px solid #d3e5fb}.warning-banner{background:linear-gradient(105deg,#7b3043,#c24f5c);color:white}.info-banner>span,.warning-banner>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;font-size:21px}.info-banner>span{background:#1769e0;color:white}.warning-banner>span{background:rgba(255,255,255,.17)}.info-banner h3,.warning-banner h3{font-size:14px;margin:0 0 4px}.info-banner p,.warning-banner p{font-size:10px;margin:0;color:#6f7f95}.warning-banner p{color:#ffe0e3}.warning-banner .btn{margin-left:auto}.segment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.segment-grid>article{border:1px solid #e4e9f0;border-top:4px solid var(--segment);background:white;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px}.segment-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:var(--segment);font-size:20px}.segment-grid article>div:nth-child(2){flex:1}.segment-grid small{font-size:7px;color:var(--segment);font-weight:850;letter-spacing:.8px}.segment-grid h3{font-size:14px;margin:4px 0}.segment-grid p{font-size:9px;color:#7d899b;margin:0 0 8px}.segment-grid code{font-size:8px}.segment-grid article>b{font-size:25px;text-align:center}.segment-grid article>b small{display:block;color:#8793a4;margin-top:4px}.condition-builder{background:#f4f7fb;border:1px solid #e0e6ef;border-radius:13px;padding:15px;margin-bottom:17px}.condition-builder>small{display:block;font-size:8px;color:#1769e0;font-weight:850;margin-bottom:12px}.drawer-warning{padding:14px;background:#fff3e7;border:1px solid #f1dcc3;color:#986116;border-radius:10px;font-size:10px;line-height:1.6;margin-bottom:19px}.space-top{margin-top:18px}.import-hero{background:linear-gradient(110deg,#0b3676,#1769e0);border-radius:19px;color:white;display:flex;justify-content:space-between;align-items:center;padding:31px 38px;margin-bottom:15px;overflow:hidden}.import-hero>div:first-child{max-width:650px}.import-hero .eyebrow{color:#71d8ff}.import-hero h2{font-size:26px;margin:10px 0}.import-hero p{color:#d2e5fd;font-size:12px;line-height:1.6}.import-hero .btn{margin-top:6px}.import-visual{width:230px;height:115px;position:relative}.import-visual span{position:absolute;background:white;color:#1769e0;border-radius:11px;padding:14px;font-size:10px;font-weight:900;box-shadow:0 13px 30px rgba(0,0,0,.15)}.import-visual span:first-child{left:10px;top:5px;transform:rotate(-8deg)}.import-visual span:nth-child(2){right:15px;bottom:6px;transform:rotate(7deg)}.import-visual b{position:absolute;left:94px;top:35px;width:53px;height:53px;border-radius:50%;background:#18b58a;display:grid;place-items:center;font-size:25px}.import-guide{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.import-guide>div{display:flex;align-items:center;gap:10px}.import-guide b{width:31px;height:31px;border-radius:9px;background:#edf5ff;color:#1769e0;display:grid;place-items:center}.import-guide span{display:flex;flex-direction:column}.import-guide strong{font-size:10px}.import-guide small{font-size:8px;color:#8390a3;margin-top:2px}.import-guide>i{font-style:normal;color:#a5b0c0}.table-heading{padding:17px 20px 0;margin:0}.positive-text{color:#14956c;font-weight:800}.upload-zone{border:2px dashed #b8cce8;background:#f5f9ff;border-radius:15px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer}.upload-zone>span{width:52px;height:52px;border-radius:14px;background:#1769e0;color:white;display:grid;place-items:center;font-size:24px;margin-bottom:10px}.upload-zone b{font-size:13px}.upload-zone small{font-size:9px}.upload-zone input{border:0;padding:7px;background:transparent;max-width:300px}.import-columns{background:#f5f7fb;border-radius:11px;padding:13px;margin-bottom:18px}.import-columns small{font-size:8px;color:#1769e0;font-weight:850}.import-columns p{font-size:9px;color:#748196;margin:5px 0 0}.consent-check{display:flex;align-items:flex-start;gap:9px;background:#eefaf6;border:1px solid #d0eee2;padding:12px;border-radius:10px;margin-top:18px}.consent-check input{width:auto;margin:2px 0}.consent-check span{font-size:9px;line-height:1.5}.status-dot.unsubscribed i,.status-dot.complained i{background:#ec6a72}.status-dot.bounced i{background:#ef9536}

@media(max-width:1100px){.audience-stats{grid-template-columns:1fr 1fr}.audience-cards{grid-template-columns:1fr 1fr}.contact-filter{grid-template-columns:1fr 1fr}.contact-filter .search-table{grid-column:1/-1}}
@media(max-width:760px){.audience-stats{grid-template-columns:1fr 1fr}.audience-cards,.segment-grid{grid-template-columns:1fr}.contact-filter{grid-template-columns:1fr}.contact-filter .search-table{grid-column:auto}.bulkbar{flex-wrap:wrap}.bulkbar .result-count{width:100%;margin:0}.import-hero{padding:25px 22px}.import-visual{display:none}.import-guide{align-items:flex-start;flex-direction:column}.import-guide>i{display:none}.warning-banner{align-items:flex-start;flex-wrap:wrap}.warning-banner .btn{margin-left:0}}
@media(max-width:420px){.audience-stats{grid-template-columns:1fr}.page-actions{display:flex;gap:6px}.page-actions .btn{flex:1}}
.preference-body{min-height:100vh;background:radial-gradient(circle at 50% 0,#174b92,#071733 55%);display:grid;place-items:center;padding:20px}.preference-card{width:min(480px,100%);background:white;border-radius:22px;padding:38px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.32)}.preference-card>.brand-mark{margin:0 auto 25px}.preference-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1769e0;font-size:27px;margin:0 auto 18px}.preference-icon.success{background:#e8faf3;color:#17a777}.preference-icon.error{background:#fff0f0;color:#d14d58}.preference-card h1{font-size:24px;margin:0 0 12px}.preference-card p{color:#6f7c91;line-height:1.65}.preference-card small{display:block;color:#929cad;font-size:10px;line-height:1.5;margin-top:16px}.preference-card footer{border-top:1px solid #e9edf3;margin-top:27px;padding-top:17px;color:#9aa4b4;font-size:9px}