.layout:has(.ref-dashboard) aside{width:282px;padding:17px 15px;background:linear-gradient(165deg,#031b3b,#062b5b 80%,#174d8c)}.layout:has(.ref-dashboard) aside .brand{padding:4px 8px 30px;font-size:19px}.layout:has(.ref-dashboard) aside nav{gap:4px}.layout:has(.ref-dashboard) aside nav button{font-size:14px;padding:13px 16px;border-radius:11px}.layout:has(.ref-dashboard) aside nav button.active{background:#176de7;box-shadow:0 4px 16px #0b70f433}.layout:has(.ref-dashboard) main{padding:0!important;background:#f5f8fe!important}.ref-topbar{height:66px;background:#f5f9ff;border-bottom:1px solid #e3eaf6;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:14px}.ref-workspace{font-size:13px;font-weight:600;color:#365377;display:flex;align-items:center;gap:12px}.ref-workspace>span{padding:9px 14px;background:#fff;border:1px solid #dbe6f5;border-radius:11px;color:#12274d;font-weight:800;min-width:210px;display:flex;justify-content:space-between;gap:15px}.ref-caret{font-size:17px}.ref-top-actions{display:flex;align-items:center;gap:16px}.ref-icon-button{background:transparent;color:#153c75;padding:8px}.ref-profile{display:flex;align-items:center;gap:9px;color:#0b2752}.ref-profile-avatar{background:#1759a7;color:#fff;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800}.ref-profile strong,.ref-profile small{display:block;font-size:12px}.ref-profile small{font-weight:500;color:#71819b;margin-top:2px}.ref-dashboard{padding:19px 25px 34px;color:#09204a;max-width:1700px;margin:0 auto}.ref-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.ref-welcome h1{font-size:27px;letter-spacing:-.8px;margin:0 0 4px;font-weight:850}.ref-welcome p{margin:0;font-size:14px;color:#365276}.ref-date{display:flex;align-items:center;gap:8px;border:1px solid #d7e3f4;background:#fff;padding:10px 12px;border-radius:11px;white-space:nowrap}.ref-date select{border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#173a70;font-weight:700;outline:none;cursor:pointer}.ref-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:15px}.ref-kpi{border:1px solid #c8e1ff;border-radius:15px;padding:15px 13px;display:flex;align-items:flex-start;gap:13px;min-width:0;min-height:113px;background:#eaf4ff}.ref-kpi-icon{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#d7eaff;color:#0b70e6}.ref-kpi>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ref-kpi-label{font-size:12px;font-weight:750;white-space:nowrap}.ref-kpi strong{font-size:27px;letter-spacing:-.7px;margin:4px 0}.ref-kpi-tag{font-size:11px;border-radius:99px;background:#c7f8df;color:#086b40;font-weight:800;padding:4px 8px}.ref-sent{background:#ecfff7;border-color:#c8f4e2}.ref-sent .ref-kpi-icon{background:#cff9e7;color:#08ad69}.ref-delivered{background:#f6f1ff;border-color:#e2d8ff}.ref-delivered .ref-kpi-icon{background:#ebe1ff;color:#7143eb}.ref-read{background:#ebf8ff;border-color:#c8e8ff}.ref-read .ref-kpi-icon{background:#d3efff;color:#007be9}.ref-failed{background:#fff0f2;border-color:#ffd3dc}.ref-failed .ref-kpi-icon{background:#ffdbe1;color:#fa354d}.ref-failed .ref-kpi-tag{background:#ffe1e5;color:#dc233e}.ref-chart-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:15px;margin-bottom:15px}.ref-card{background:#fff;border:1px solid #dce6f4;border-radius:16px;box-shadow:0 4px 12px #173f7310;padding:17px 18px;min-width:0}.ref-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ref-card-head h2{font-size:17px;margin:0;font-weight:800;display:flex;align-items:center;gap:9px}.ref-card-head h2 small{font-size:12px;font-weight:500;color:#536887}.ref-legend{display:flex;gap:18px;color:#4b6488;font-size:12px}.ref-legend span{display:flex;align-items:center;gap:6px}.ref-legend i{width:17px;height:5px;border-radius:8px}.ref-legend .blue{background:#167af7}.ref-legend .green{background:#08c179}.ref-linechart{width:100%;height:auto;max-height:210px}.ref-no-data{text-align:center;color:#91a1b8;font-size:11px;margin:0}.ref-status-layout{display:flex;align-items:center;justify-content:space-around;gap:20px;min-height:193px}.ref-donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ref-donut>div{background:#fff;width:107px;height:107px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ref-donut strong{font-size:23px}.ref-donut span{color:#637994;font-size:12px}.ref-status-legend{flex:1;max-width:290px}.ref-status-legend>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eff7;padding:11px 0;gap:8px;font-size:12px}.ref-status-legend>div:last-child{border:0}.ref-status-legend span{display:flex;align-items:center;gap:7px}.ref-status-legend i{width:10px;height:10px;border-radius:50%}.ref-status-legend strong{white-space:nowrap}.ref-status-legend small{font-weight:500;color:#617798}.ref-lower-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:15px;margin-bottom:15px}.ref-outline{border:1px solid #a9d2ff;background:#f5faff;color:#0867db;font-size:12px;padding:7px 11px}.ref-account{display:flex;align-items:center;gap:12px;background:#f5f8fd;border-radius:12px;padding:12px}.ref-account-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#e2f0ff;color:#0773f2}.ref-account-name{display:flex;flex-direction:column;flex:1;min-width:0;gap:5px}.ref-account-name strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-account-name small{font-size:11px;color:#5c7496}.ref-connected{font-size:11px;background:#d7f8e5;color:#08763c;padding:6px 9px;border-radius:30px;display:flex;align-items:center;gap:4px;font-weight:800}.ref-more{background:transparent;color:#244066;padding:5px}.ref-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ref-action{border-radius:12px;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 4px;background:#e8f6ff;color:#0074e4}.ref-action span{font-size:11px;font-weight:800;text-align:center;line-height:1.25}.ref-action-b{background:#f3edff;color:#7a43f1}.ref-action-c{background:#e3fbef;color:#08a960}.ref-action-d{background:#fff2e5;color:#ed8b10}.ref-viewall{background:transparent;color:#0874ed;padding:6px;font-size:12px}.ref-table-scroll{overflow-x:auto}.ref-recent table{width:100%;border-collapse:collapse;white-space:nowrap}.ref-recent th{background:#eaf2ff;color:#153a71;font-size:11px;padding:11px 10px;text-transform:none;letter-spacing:0}.ref-recent td{padding:11px 10px;font-size:11px;color:#29476f}.ref-recent td strong{color:#102c55}.ref-campaign-status{background:#edf3fc;color:#47638b;padding:5px 9px;border-radius:20px;font-weight:800;text-transform:capitalize}.ref-campaign-status.completed,.ref-campaign-status.sent{background:#d8f9e6;color:#087a46}.ref-campaign-status.failed{background:#ffe5e8;color:#d93449}.ref-empty{color:#8293ac;font-size:13px;text-align:center;padding:20px}@media(max-width:1350px){.ref-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-chart-grid,.ref-lower-grid{grid-template-columns:1fr}.ref-status-layout{justify-content:center}.ref-dashboard{padding:18px}}@media(max-width:800px){.layout:has(.ref-dashboard) aside{width:100%;padding:9px}.ref-topbar{padding:9px 14px;height:auto}.ref-workspace{font-size:11px}.ref-workspace>span{min-width:0}.ref-profile>span:last-child{display:none}.ref-top-actions{gap:3px}.ref-welcome{align-items:flex-start;flex-direction:column}.ref-welcome h1{font-size:23px}.ref-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-kpi{min-height:100px;padding:12px 9px;gap:8px}.ref-kpi-icon{width:39px;height:39px}.ref-kpi strong{font-size:22px}.ref-kpi-label{white-space:normal}.ref-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-status-layout,.ref-account{flex-wrap:wrap}.ref-connected{margin-left:auto}}@media(max-width:800px){.layout aside .logout{display:inline-flex!important}.layout main{padding:0!important}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#17243c}button,input,textarea,select{font:inherit}button{border:0;border-radius:9px;padding:10px 15px;background:#1769dd;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#eef4ff;color:#1552a2}.danger{background:#fff1f1;color:#ba3030}.link{background:transparent;color:#1769dd;display:block;margin:auto}.layout{display:flex;min-height:100vh}aside{width:258px;background:#101d37;color:#d9e5fa;display:flex;flex-direction:column;padding:25px 13px;flex-shrink:0}.brand{display:flex;align-items:center;gap:13px;color:#fff;font-weight:800;font-size:24px;padding:6px 12px 28px}.brand span{font-size:17px;line-height:1.25}nav{display:flex;flex-direction:column;gap:4px}nav button,.logout{background:transparent;color:#b9c7df;text-align:left;justify-content:flex-start;width:100%;padding:13px 14px;font-size:14px}nav button.active{background:#243c66;color:#fff}.logout{margin-top:auto}main{flex:1;padding:30px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.top small{color:#8794a9}.top h1{font-size:28px;margin:7px 0}.panel{background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 2px 8px #1b37600b}.panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.panel h3{font-size:17px;margin:0}.panel p{color:#526178;line-height:1.6}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:22px}.kpi{background:#fff;border:1px solid #e6ebf3;border-radius:13px;padding:22px}.kpi small{color:#687b98;display:block;margin-bottom:15px}.kpi strong{font-size:30px}.field{display:flex;flex-direction:column;gap:8px;margin:13px 0;max-width:550px}.field span{font-size:13px;font-weight:700;color:#526178}.field input,.field select,.field textarea{padding:12px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;width:100%}.field textarea{min-height:95px;resize:vertical}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1000px}.check{display:flex;gap:8px;margin:18px 0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:13px 14px;border-bottom:1px solid #edf0f5;font-size:13px}th{background:#f8fafd;color:#63738d}.status{padding:5px 9px;background:#edf4ff;border-radius:20px}.notice{background:#fff7e7;border:1px solid #ffdda1;color:#755019;border-radius:10px;padding:12px;margin-bottom:18px;overflow-wrap:anywhere}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{background:#fff;border-radius:16px;padding:34px;width:min(100%,430px);box-shadow:0 12px 50px #0e29401c}.authbox .brand{color:#1769dd;padding:0}.authbox .brand span{color:#17243c}.authbox h2{margin-top:28px}.authbox p,.hint{color:#73839c}.authbox>button:not(.link){width:100%;justify-content:center;margin-top:12px}@media(max-width:800px){.layout{display:block}aside{width:100%;padding:10px}aside .brand{padding:10px}nav{flex-direction:row;overflow-x:auto}nav button{white-space:nowrap;width:auto}.logout{display:none}main{padding:15px}.two{grid-template-columns:1fr}.top h1{font-size:23px}}.inbox-shell{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);height:620px;border:1px solid #dfe6f0;border-radius:12px;overflow:hidden;background:#f7f9fc}.inbox-list{background:#fff;border-right:1px solid #dfe6f0;overflow-y:auto}.inbox-search{width:calc(100% - 24px);margin:12px;border:1px solid #dfe6f0;border-radius:8px;padding:12px;box-sizing:border-box}.inbox-contact{display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;border:0;border-bottom:1px solid #eef1f6;background:#fff;color:#13243d;text-align:left;cursor:pointer}.inbox-contact:hover,.inbox-contact.selected{background:#eaf2ff}.inbox-avatar{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border-radius:50%;background:#dceafd;color:#195ac3;font-weight:700}.inbox-contact-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.inbox-contact-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68798d}.inbox-meta{display:flex;align-items:flex-end;flex-direction:column;gap:6px;color:#75859a}.inbox-count{background:#1cba72;color:#fff;border-radius:14px;padding:1px 6px;font-size:11px}.inbox-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-chat-head{display:flex;gap:12px;align-items:center;background:#fff;border-bottom:1px solid #e1e6ef;padding:12px 18px}.inbox-chat-head span:last-child{display:flex;flex-direction:column;gap:4px}.inbox-chat-head small{color:#68798d}.inbox-messages{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding:18px}.inbox-bubble{max-width:76%;padding:11px 13px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000d;overflow-wrap:anywhere}.inbox-bubble.outbound{align-self:flex-end;background:#d9f9e8}.inbox-bubble.inbound{align-self:flex-start}.inbox-bubble small{display:block;text-align:right;font-size:10px;margin-top:6px;color:#66768a}.inbox-compose{background:#fff;border-top:1px solid #e1e6ef;padding:12px;display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inbox-compose textarea{flex:1;min-width:160px;min-height:45px;max-height:110px;resize:vertical;padding:10px;border:1px solid #dfe6f0;border-radius:8px}.inbox-compose button{white-space:nowrap}.inbox-warning{width:100%;font-size:12px;color:#a76a16;margin:0}.inbox-placeholder{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#6d7c90}.inbox-empty{padding:16px;color:#697c91;font-size:13px}@media(max-width:700px){.inbox-shell{grid-template-columns:1fr;height:auto}.inbox-list{max-height:250px;border-right:0;border-bottom:1px solid #dfe6f0}.inbox-chat{min-height:420px}.inbox-messages{min-height:250px}}.group-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:18px}.group-list{border:1px solid #e1e7ef;border-radius:9px;overflow-y:auto;max-height:460px}.group-item{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:14px;border:0;border-bottom:1px solid #e9edf3;background:#fff;text-align:left;color:#13243d;cursor:pointer}.group-item.selected,.group-item:hover{background:#eaf2ff}.group-item small{color:#65768c}.group-detail{min-width:0}.group-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.group-members{max-height:240px;overflow:auto;border:1px solid #e1e7ef;border-radius:8px;padding:10px;margin:12px 0}@media(max-width:700px){.group-layout{grid-template-columns:1fr}.group-list{max-height:180px}}.cm-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.cm-tabs button{background:#eef3fa;color:#193357}.cm-tabs button.active{background:#1e65d9;color:#fff}.cm-search{display:flex;align-items:center;gap:10px;max-width:460px;border:1px solid #dce4f0;background:#fff;border-radius:9px;padding:0 12px;margin:10px 0 18px}.cm-search input{width:100%;border:0;outline:none;padding:12px;background:transparent}.cm-pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0}.cm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06162b99;z-index:100;display:flex;align-items:center;justify-content:center;padding:15px}.cm-modal{background:#fff;border-radius:14px;padding:22px;width:min(95vw,520px);max-height:90vh;overflow:auto;box-shadow:0 16px 65px #0002}.cm-modal.cm-wide{width:min(95vw,980px)}.cm-modal header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.cm-modal header h3{margin:0}.cm-form{display:flex;flex-direction:column;gap:15px}.cm-form label:not(.cm-check){display:flex;flex-direction:column;gap:7px;font-weight:600}.cm-form input:not([type=checkbox]){border:1px solid #dce4f0;border-radius:8px;padding:12px}.cm-check{display:flex;align-items:center;gap:8px}.cm-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:10px 0}.cm-member-table{max-height:340px;overflow:auto;border:1px solid #e0e5ed;border-radius:8px}.cm-member-table table{width:100%;border-collapse:collapse}.cm-member-table th,.cm-member-table td{padding:12px;text-align:left;border-bottom:1px solid #e9edf3}.cm-import{margin-top:20px;padding:16px;background:#f5f8fc;border-radius:8px}.cm-import p{font-size:13px}.cm-root .tablewrap{overflow-x:auto}.cm-root button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:650px){.cm-pager{justify-content:center}.cm-modal{padding:14px}}.auth-modern{min-height:100vh;display:block;padding:0;background:#eef5fc;color:#142844}.auth-modern .auth-stage{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);min-height:100vh;max-width:1800px;margin:0 auto;background:#fff;box-shadow:0 10px 60px #123d6610}.auth-modern .auth-showcase{background:linear-gradient(152deg,#064781,#0866ad 48%,#36a7ef);color:#fff;padding:40px clamp(30px,5vw,84px) 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-modern .auth-showcase:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff24;border-radius:50%;right:-360px;top:12%;box-shadow:0 0 0 95px #ffffff0a,0 0 0 190px #ffffff08;pointer-events:none}.auth-modern .auth-showcase:after{content:"";position:absolute;width:260px;height:260px;background:#80d3ff25;border-radius:50%;filter:blur(55px);bottom:5%;left:-90px;pointer-events:none}.auth-modern .auth-showcase-top,.auth-modern .auth-showcase-main,.auth-modern .auth-showcase-footer{position:relative;z-index:1}.auth-modern .auth-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-modern .auth-logo{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:-.5px}.auth-modern .auth-logo b{font-weight:500;display:block;font-size:13px;letter-spacing:.2px;opacity:.88}.auth-modern .auth-logo-mark{display:grid;place-items:center;flex-shrink:0;width:49px;height:49px;border-radius:15px;background:linear-gradient(145deg,#fff,#d7efff);color:#075595;font-weight:900;font-size:27px;box-shadow:0 8px 22px #00365d30}.auth-modern .auth-secure{display:flex;align-items:center;gap:6px;border:1px solid #ffffff45;border-radius:30px;padding:8px 12px;font-size:12px;white-space:nowrap;background:#ffffff12}.auth-modern .auth-showcase-main{margin:auto 0;padding:55px 0}.auth-modern .auth-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:#d4efff}.auth-modern .auth-pulse{height:8px;width:8px;border-radius:50%;background:#9df4d4;box-shadow:0 0 0 5px #9df4d425}.auth-modern .auth-showcase h1{font-size:clamp(36px,3.6vw,58px);letter-spacing:-2px;line-height:1.13;margin:26px 0 20px;font-weight:800}.auth-modern .auth-showcase h1 em{font-style:normal;color:#b8eaff}.auth-modern .auth-showcase-main>p{font-size:16px;line-height:1.85;max-width:490px;color:#e4f5ff;margin:0}.auth-modern .auth-feature-list{display:grid;gap:24px;margin-top:50px}.auth-modern .auth-feature-list>div{display:flex;align-items:center;gap:15px}.auth-modern .auth-feature-list>div>span{height:45px;width:45px;flex-shrink:0;border:1px solid #ffffff4d;background:#ffffff19;border-radius:13px;display:grid;place-items:center}.auth-modern .auth-feature-list strong{font-size:14px;display:block;margin-bottom:5px}.auth-modern .auth-feature-list small{font-size:12px;color:#d6eeff}.auth-modern .auth-showcase-footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d4e9fb;flex-wrap:wrap}.auth-modern .auth-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:45px clamp(26px,5vw,80px) 22px}.auth-modern .auth-form-wrap{width:100%;max-width:430px;margin:auto 0}.auth-modern .auth-mobile-brand{display:none}.auth-modern .auth-welcome-icon{display:grid;place-items:center;width:51px;height:51px;background:#e8f4ff;color:#0872c8;border-radius:15px;margin-bottom:23px}.auth-modern .auth-form-heading h2{font-size:clamp(27px,2.6vw,36px);letter-spacing:-1.2px;margin:0 0 9px;font-weight:800;color:#102c4c}.auth-modern .auth-form-heading p{font-size:14px;color:#708199;line-height:1.65;margin:0 0 30px}.auth-modern .auth-fields{display:flex;flex-direction:column;gap:18px}.auth-modern .auth-field{display:flex;flex-direction:column;gap:9px}.auth-modern .auth-field>span{font-size:13px;font-weight:700;color:#28405d}.auth-modern .auth-input{display:flex;align-items:center;gap:12px;border:1px solid #dce6f1;border-radius:11px;background:#fff;padding:0 15px;min-height:52px;color:#8aa0b7;transition:border-color .15s,box-shadow .15s}.auth-modern .auth-input:focus-within{border-color:#1686d9;box-shadow:0 0 0 4px #1686d915}.auth-modern .auth-input input{border:0;outline:0;min-width:0;flex:1;height:50px;background:transparent;color:#1d3450;font-size:14px;width:100%}.auth-modern .auth-input input::placeholder{color:#a0afc1}.auth-modern .auth-password-toggle{background:transparent;color:#8296ac;border:0;padding:6px;display:grid;place-items:center}.auth-modern .auth-password-toggle:hover{color:#0868b1}.auth-modern .auth-password-hint{display:flex;align-items:center;gap:7px;font-size:12px;color:#72869b;margin-top:-7px}.auth-modern .auth-password-hint svg{color:#1482cb}.auth-modern .auth-submit{width:100%;min-height:52px;justify-content:center;margin-top:8px;border-radius:11px;background:linear-gradient(100deg,#075ca5,#128be0);box-shadow:0 9px 20px #0876c52a;font-size:15px;transition:transform .15s,box-shadow .15s}.auth-modern .auth-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 25px #0876c544}.auth-modern .auth-switch{text-align:center;font-size:13px;color:#718199;margin-top:25px}.auth-modern .auth-switch button{background:transparent;color:#086cb8;padding:3px 4px;font-weight:800}.auth-modern .auth-trust{display:flex;align-items:center;justify-content:center;gap:7px;color:#8798a9;font-size:11px;margin-top:32px}.auth-modern .auth-trust svg{color:#159b75}.auth-modern .auth-form-footer{width:100%;text-align:center;font-size:11px;color:#91a0b1;margin-top:35px}.auth-modern .auth-form-footer strong{color:#6385a8}.auth-modern .notice{margin-top:18px;font-size:13px}@media(max-width:980px){.auth-modern .auth-stage{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}.auth-modern .auth-showcase{padding:32px}.auth-modern .auth-showcase h1{font-size:39px}.auth-modern .auth-secure{display:none}.auth-modern .auth-form-side{padding:36px}}@media(max-width:740px){.auth-modern .auth-stage{display:block;min-height:100vh}.auth-modern .auth-showcase{display:none}.auth-modern .auth-form-side{min-height:100vh;padding:25px 22px 20px;justify-content:flex-start}.auth-modern .auth-mobile-brand{display:flex;align-items:center;gap:10px;align-self:flex-start;font-weight:800;color:#10578f;font-size:15px;margin-bottom:36px}.auth-modern .auth-mobile-brand .auth-logo-mark{height:38px;width:38px;font-size:21px;border-radius:11px;background:#e1f3ff}.auth-modern .auth-form-wrap{margin:auto 0}.auth-modern .auth-form-heading h2{font-size:29px}.auth-modern .auth-form-heading p{margin-bottom:25px}.auth-modern .auth-form-footer{margin-top:28px}}@media(prefers-reduced-motion:reduce){.auth-modern .auth-submit{transition:none}}.mts-logo{display:block;object-fit:contain;flex-shrink:0}.auth-logo-image{width:49px;height:49px}.auth-mobile-brand .auth-logo-image{width:38px;height:38px}.sidebar-logo{width:37px;height:37px}:root{--brand:#07569b;--accent:#32a7ed;--ink:#102d4d;--line:#e2ebf4}body{background:#f2f6fb;color:var(--ink)}.layout aside{background:linear-gradient(175deg,#082747,#073d70 85%,#07599c);box-shadow:8px 0 32px #072c4d10}.layout aside .brand{font-size:20px;letter-spacing:-.4px}.layout nav button{border-radius:12px;transition:background .2s,transform .2s}.layout nav button:hover{background:#ffffff16;transform:translate(2px)}.layout nav button.active{background:linear-gradient(95deg,#1571b6,#2a93d9);box-shadow:0 7px 22px #001f3c30}.layout main{padding:34px clamp(18px,3vw,52px);background:radial-gradient(ellipse at 80% 0%,#e6f3ff 0%,transparent 38%),#f3f7fc}.top{margin-bottom:27px}.top h1{font-size:30px;letter-spacing:-.8px;font-weight:800}.top small{font-size:12px;font-weight:600;letter-spacing:.3px;color:#7790aa}.panel{border:1px solid #e1eaf3;border-radius:18px;padding:25px;box-shadow:0 8px 28px #143d6110}.panel header h3{font-size:17px;color:#123b61}.panel button,.top button{transition:transform .18s,box-shadow .18s}.panel button:hover:not(:disabled),.top button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #0b5e9c25}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #a2dafa;border-color:#2d9fe3}.field input,.field select,.field textarea{border-radius:11px}.tablewrap{border:1px solid #e8edf4;border-radius:12px}.tablewrap th{background:#f2f7fd;color:#54718e;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.tablewrap tr:hover td{background:#f9fcff}.status{font-weight:700}.dash-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:245px;border-radius:22px;padding:31px 36px;background:linear-gradient(110deg,#074b8a,#086ab5 56%,#2da6ed);color:#fff;box-shadow:0 18px 38px #0a65a52b}.dash-hero:before{content:"";position:absolute;inset:auto -100px -230px auto;width:530px;height:530px;border:1px solid #ffffff30;border-radius:50%;box-shadow:0 0 0 70px #ffffff0b,0 0 0 145px #ffffff08}.dash-hero>div:first-child{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#bde7ff}.dash-hero h2{font-size:clamp(24px,2.4vw,35px);line-height:1.2;letter-spacing:-1px;margin:15px 0 8px}.dash-hero p{color:#d7edff;font-size:14px;line-height:1.7;margin:0;max-width:540px}.hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.hero-actions button{background:#fff;color:#07589d;border-radius:10px;padding:12px 16px;font-size:13px}.hero-actions .hero-outline{background:#ffffff18;border:1px solid #ffffff50;color:#fff}.hero-art{width:245px;min-width:200px;display:grid;place-items:center;position:relative}.hero-art-ring{width:165px;height:165px;border-radius:50%;border:1px solid #ffffff6b;background:#ffffff19;display:grid;place-items:center;box-shadow:0 0 0 24px #ffffff0d,0 0 0 48px #ffffff0a;position:relative}.hero-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#64e7cb;border:3px solid #0865a9}.hero-dot.one{top:13px;right:12px}.hero-dot.two{bottom:13px;left:5px;background:#fff}.dash-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 15px}.dash-section-heading h3,.dash-card-title h3{margin:0;font-size:17px;letter-spacing:-.3px}.dash-section-heading p,.dash-card-title p{margin:6px 0 0;color:#8293a8;font-size:12px}.dash-live{font-size:12px;font-weight:700;color:#55748d}.dash-live span,.account-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21bd8a;margin-right:5px}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dash-metric{background:#fff;border:1px solid #e4edf5;border-radius:17px;padding:19px 20px;min-width:0;box-shadow:0 6px 20px #123f6610;transition:transform .2s,box-shadow .2s}.dash-metric:hover{transform:translateY(-3px);box-shadow:0 12px 28px #123f661b}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf4ff;color:#1379c6}.dash-metric.sky .metric-icon{background:#e6f7ff;color:#039ad4}.dash-metric.purple .metric-icon{background:#f1edff;color:#8063d8}.dash-metric.green .metric-icon{background:#e6f9f1;color:#0ba66c}.dash-metric.teal .metric-icon{background:#e7f9f8;color:#159b98}.dash-metric.red .metric-icon{background:#fff0f0;color:#d65b60}.metric-arrow{color:#a7b7c8}.dash-metric strong{display:block;font-size:30px;letter-spacing:-1px;color:#103456;line-height:1.2}.metric-label{display:block;color:#748ca4;font-size:12px;font-weight:650;margin-top:8px}.dash-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:18px;margin-top:21px}.dash-surface{background:#fff;border:1px solid #e4edf5;border-radius:18px;padding:23px;box-shadow:0 6px 20px #123f6610;min-width:0}.dash-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.dash-card-title button{font-size:12px}.dash-account{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e9f0f6;border-radius:13px;margin-top:10px}.account-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e5f9f1;color:#10a56c}.account-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.account-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy span{font-size:12px;color:#7e90a5}.account-pill{background:#e8f8f0;border-radius:99px;padding:7px 10px;color:#178a63;font-size:11px;font-weight:800;white-space:nowrap}.dash-empty{text-align:center;padding:34px 12px;color:#8ca0b2}.dash-empty svg{color:#2097da}.dash-empty strong{display:block;color:#2c5071;margin:12px}.dash-empty p{font-size:13px}.quick-action{width:100%;display:flex;align-items:center;gap:12px;background:#fff;color:#234768;border:1px solid #e9f0f6;padding:11px;border-radius:12px;margin-top:9px;text-align:left}.quick-action>span{width:38px;height:38px;display:grid;place-items:center;background:#edf6ff;color:#157fce;border-radius:10px}.quick-action strong{flex:1;font-size:13px}.quick-action>svg{color:#8da8bf}.quick-action:hover{background:#f2f8ff;border-color:#b8dffc}@media(max-width:1150px){.dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.layout main{padding:18px 13px}.dash-hero{padding:25px 22px;min-height:0}.hero-art{display:none}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-metric{padding:15px}.dash-bottom{grid-template-columns:1fr}.dash-section-heading{align-items:flex-start}.dash-hero h2{font-size:25px}.dash-card-title{align-items:flex-start}.account-pill{font-size:10px}.dash-surface{padding:17px}}@media(max-width:390px){.dash-metric strong{font-size:25px}.dash-hero{padding:20px}.dash-hero h2{font-size:22px}}.layout aside{width:282px;padding:17px 15px;background:linear-gradient(165deg,#031b3b,#062b5b 80%,#174d8c)}.layout aside .brand{padding:4px 8px 30px;font-size:19px}.layout aside nav{gap:4px}.layout aside nav button{font-size:14px;padding:13px 16px;border-radius:11px;transition:background .18s ease,transform .18s ease}.layout aside nav button.active{background:#176de7;color:#fff;box-shadow:0 4px 16px #0b70f433}.layout aside nav button:hover:not(.active){background:#ffffff15;color:#fff}.layout aside .logout{margin-top:8px;border-radius:11px;padding:13px 16px;font-size:14px;color:#ffd6df;border:1px solid #ffffff22;background:#ffffff0b;display:flex!important;align-items:center;gap:10px;justify-content:flex-start;width:100%}.layout aside .logout:hover{background:#dc35502b;color:#fff;border-color:#f8717166}.layout main{padding:0!important;background:#f5f8fe!important;min-width:0}.layout main>.notice,.layout main>.panel,.layout main>.two,.layout main>.cm-tabs,.layout main>.cm-wrap,.layout main>.contacts-manager{margin-left:25px;margin-right:25px}.layout main>.panel{border:1px solid #dce6f4;border-radius:16px;box-shadow:0 4px 12px #173f7310;padding:20px 22px}.layout main>.panel header h3{font-size:17px;color:#102b50}.layout main .panel input,.layout main .panel select,.layout main .panel textarea{border-radius:11px;border-color:#d8e5f5}.layout main .panel input:focus,.layout main .panel select:focus,.layout main .panel textarea:focus{outline:2px solid #8ac7ff;outline-offset:1px}.layout main .panel table th{background:#eaf2ff;color:#153a71}.layout main .panel table td{color:#29476f}.workspace-page-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 14px}.workspace-page-heading small{color:#7991b1;font-weight:600;font-size:12px}.workspace-page-heading h1{font-size:27px;letter-spacing:-.7px;margin:5px 0;color:#0b2752;font-weight:800}.layout .ref-topbar{background:#061e3d!important;color:#fff!important;border-bottom:1px solid #174575;box-shadow:0 2px 12px #061e3d22}.layout .ref-workspace{color:#fff}.layout .ref-workspace>span{background:#12365f;border:1px solid #3c628b;color:#fff}.layout .ref-caret{color:#b5e6ff}.layout .ref-icon-button{color:#e7f5ff}.layout .ref-icon-button:hover{background:#ffffff1c}.layout .ref-profile{color:#fff}.layout .ref-profile small{color:#b4cce6}.layout .ref-profile-avatar{background:linear-gradient(135deg,#1266c6,#32a7ed)}@media(max-width:800px){.layout aside{width:100%;padding:10px}.layout aside nav{flex-direction:row;overflow-x:auto}.layout aside nav button{white-space:nowrap;width:auto}.layout aside .logout{width:auto;display:inline-flex!important;margin:8px 0 0;padding:10px 14px}.layout main>.panel,.layout main>.two,.layout main>.cm-tabs,.layout main>.cm-wrap,.layout main>.contacts-manager{margin-left:14px;margin-right:14px}.workspace-page-heading{padding:18px 14px 12px}.workspace-page-heading h1{font-size:23px}.layout .ref-topbar{gap:8px}.layout .ref-workspace>span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout .ref-profile{display:none}}
