:root{--blue-950:#06366b;--blue-900:#064784;--blue-800:#0756a3;--blue-700:#0969c3;--blue-600:#1380df;--blue-100:#e7f2fd;--blue-50:#f3f8fe;--ink:#172337;--muted:#68778c;--line:#e3e9f1;--bg:#f5f7fb;--white:#fff;--green:#149862;--purple:#805ad5;--shadow:0 18px 50px rgba(13,50,90,.1);font-family:Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;background:#fff}.login-shell{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:52px 9vw 56px 5vw;color:white;background:linear-gradient(145deg,var(--blue-950),var(--blue-700))}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.login-brand:before{width:620px;height:620px;right:-300px;top:-260px}.login-brand:after{width:440px;height:440px;left:-260px;bottom:-260px}.brand{display:flex;align-items:center;gap:12px;color:var(--blue-900);font-weight:800;font-size:18px;letter-spacing:-.3px}.brand--light{color:#fff}.brand__mark{display:grid;place-items:center;width:48px;height:38px;border-radius:10px;background:#fff;color:var(--blue-800);font-style:italic;letter-spacing:-2px;font-size:15px;box-shadow:0 7px 20px rgba(0,0,0,.12)}.brand-copy{position:relative;z-index:1;max-width:610px;margin:7vh 0}.eyebrow{display:inline-block;margin-bottom:12px;color:var(--blue-700);font-weight:700;text-transform:uppercase;letter-spacing:1.4px;font-size:11px}.eyebrow--light{color:#a9d7ff}.brand-copy h1{font-size:clamp(38px,4vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:8px 0 24px}.brand-copy p{font-size:17px;line-height:1.75;color:#d3e7fb;max-width:560px}.login-art{position:relative;z-index:1;height:115px}.art-card{position:absolute;display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}.art-card span:last-child{display:flex;flex-direction:column;gap:4px}.art-card small{color:#c9e3fa}.art-card--one{left:3%;top:0}.art-card--two{right:0;bottom:0}.icon-circle{display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15)}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(100%,420px)}.mobile-brand{display:none;margin-bottom:55px}.login-card h2{margin:3px 0 8px;font-size:34px;letter-spacing:-1.2px}.muted{color:var(--muted);margin:0 0 30px}.field{position:relative;display:flex;flex-direction:column;gap:8px;margin:0 0 21px;font-weight:600}.field>span:first-child i{color:#e14b4b;font-style:normal}.field input,.field textarea{width:100%;outline:0;border:1px solid #dce3ec;border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);transition:.2s}.field input:focus,.field textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(19,128,223,.12)}.input-wrap{position:relative}.input-wrap input{padding-left:43px}.input-icon{position:absolute;left:15px;top:50%;translate:0 -50%;color:#8a96a7;font-weight:500}.show-password{position:absolute;right:12px;top:50%;translate:0 -50%;border:0;background:none;color:var(--blue-700);font-weight:700;font-size:12px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 22px;color:var(--muted);font-size:12px}.link-button{border:0;background:none;color:var(--blue-700);font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border:0;border-radius:9px;padding:12px 17px;font-weight:700;transition:.2s}.button:hover{translate:0 -1px}.button--primary{color:#fff;background:var(--blue-700);box-shadow:0 7px 18px rgba(9,105,195,.18)}.button--primary:hover{background:var(--blue-800)}.button--full{width:100%}.button--light{margin-top:15px;background:#fff;color:var(--blue-800)}.button--ghost{border:1px solid var(--line);background:#fff;color:var(--blue-800)}.login-note{display:flex;gap:8px;margin:18px 0 0;color:#8490a1;font-size:11px;line-height:1.5}.alert{padding:12px;margin:0 0 17px;border-radius:8px;color:#9f3131;background:#fff0f0}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:248px;padding:27px 17px 20px;background:linear-gradient(180deg,var(--blue-950),#052f5d);color:white}.sidebar__brand{padding:0 10px 29px;border-bottom:1px solid rgba(255,255,255,.09)}.nav{display:flex;flex-direction:column;gap:5px;padding-top:25px;flex:1}.nav__item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#bcd2e8;text-align:left;font-weight:600}.nav__item span{width:21px;font-size:18px;text-align:center}.nav__item:hover,.nav__item.active{color:#fff;background:rgba(255,255,255,.12)}.nav__label{padding:24px 14px 7px;color:#6f94b8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.sidebar__user{display:flex;align-items:center;gap:10px;padding:15px 4px 0;border-top:1px solid rgba(255,255,255,.1)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:41px;height:41px;border-radius:50%;background:#dceeff;color:var(--blue-800);font-weight:800}.avatar--small{width:34px;height:34px;font-size:11px}.sidebar__user-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.sidebar__user-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar__user-copy small{color:#8fb1d2;font-size:10px}.sidebar__user a{color:#b6cee5;text-decoration:none}.app-shell{min-height:100vh;margin-left:248px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;min-height:82px;padding:16px 35px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.topbar h1{margin:0 0 4px;font-size:20px;letter-spacing:-.4px}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar__actions{display:flex;align-items:center;gap:16px;margin-left:auto}.notification{position:relative;border:0;background:none;font-size:20px}.notification i{position:absolute;right:3px;top:2px;width:6px;height:6px;border-radius:50%;background:#eb5757}.menu-button{display:none;border:0;background:none;font-size:23px}.content{padding:28px 35px 50px}.view{display:none;max-width:1350px;margin:auto}.view.active{display:block}.welcome-card{position:relative;display:flex;min-height:230px;padding:35px 40px;overflow:hidden;border-radius:16px;background:linear-gradient(112deg,var(--blue-900),var(--blue-600));color:#fff;box-shadow:var(--shadow)}.welcome-card>div:first-child{position:relative;z-index:2}.welcome-card h2{margin:2px 0 10px;font-size:28px;letter-spacing:-.8px}.welcome-card p{color:#cde6fc;margin:0;max-width:570px}.welcome-illustration{position:absolute;right:8%;top:50%;translate:0 -50%;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1)}.welcome-illustration span{font-size:59px;rotate:-8deg}.welcome-illustration:before,.welcome-illustration:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.welcome-illustration:after{width:320px;height:320px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:20px 0}.stat{display:flex;align-items:center;gap:17px;padding:21px;border:1px solid var(--line);border-radius:13px;background:#fff}.stat__icon{display:grid;place-items:center;width:49px;height:49px;border-radius:12px;font-size:19px}.stat__icon--blue{background:#e9f4ff;color:var(--blue-700)}.stat__icon--green{background:#e8f8f1;color:var(--green)}.stat__icon--purple{background:#f2ecff;color:var(--purple)}.stat>span:last-child{display:flex;flex-direction:column;gap:3px}.stat small{color:var(--muted);font-size:11px}.stat b{font-size:24px}.stat em{color:var(--green);font-size:10px;font-style:normal}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(24,54,90,.035)}.panel__header{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;border-bottom:1px solid var(--line)}.panel h3{margin:0 0 5px;font-size:16px}.panel p{margin:0;color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 22px;color:#8290a1;background:#fafbfd;font-size:10px;text-transform:uppercase;letter-spacing:.5px}td{padding:16px 22px;border-top:1px solid #edf0f5;color:#526074;font-size:12px}td b{display:block;color:var(--ink);margin-bottom:4px}td small{display:block;color:#8793a2}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.status--success{color:#11754d;background:#e4f7ee}.status--muted{color:#68778c;background:#edf1f5}.compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.form-panel{padding-bottom:9px}.form-panel>.field{margin:22px}.form-panel>.upload,.file-list{margin:22px}.select-like{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:11px 14px;border-radius:10px}.select-like>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.select-like small{color:var(--muted);font-weight:400}.recipient-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:var(--blue-100);color:var(--blue-700)}.counter{position:absolute;right:12px;bottom:13px;color:#9aa4b2;font-size:10px}.editor{overflow:hidden;border:1px solid var(--line);border-radius:10px}.editor:focus-within{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(19,128,223,.12)}.editor__toolbar{display:flex;gap:3px;padding:7px;border-bottom:1px solid var(--line);background:#fafbfd}.editor__toolbar button{width:30px;height:28px;border:0;border-radius:5px;background:transparent;color:#566477}.editor__toolbar button:hover{background:#eaf1f8}.editor textarea{min-height:210px;resize:vertical;border:0!important;border-radius:0;box-shadow:none!important}.upload{display:flex;align-items:center;justify-content:center;gap:15px;padding:22px;border:1px dashed #aebdcc;border-radius:10px;background:#fafcfe;text-align:center;cursor:pointer}.upload input{display:none}.upload__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:var(--blue-700);background:var(--blue-100);font-size:20px}.upload>span:last-child{display:flex;flex-direction:column;gap:4px}.upload small{color:var(--muted);font-weight:400}.upload.dragging{border-color:var(--blue-600);background:var(--blue-50)}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:7px;background:var(--blue-50);font-size:11px}.file-item button{border:0;background:none;color:#c94c4c}.compose-side{display:flex;flex-direction:column;gap:20px}.signature-card,.action-card{padding:21px}.signature-card>p{line-height:1.55;margin:8px 0 20px}.signature{display:flex;align-items:center;gap:11px;padding:14px 0;border-block:1px solid var(--line)}.signature>span:last-child,.person>span:last-child{display:flex;flex-direction:column;gap:4px}.signature small{color:var(--muted);font-size:10px}.info-box{margin-top:16px;padding:11px;border-radius:8px;color:#496680;background:var(--blue-50);font-size:10px;line-height:1.5}.action-card{display:flex;flex-direction:column;gap:10px}.action-card>small{text-align:center;color:var(--muted);font-size:9px;line-height:1.5}.placeholder-panel{display:grid;place-items:center;min-height:430px;padding:40px;text-align:center}.placeholder-panel>span{font-size:45px;color:var(--blue-600)}.placeholder-panel h2{margin:18px 0 7px}.placeholder-panel p{font-size:13px}.person{display:flex;align-items:center;gap:10px}.switch input{display:none}.switch span{position:relative;display:block;width:37px;height:21px;border-radius:20px;background:#c9d1db;transition:.2s}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:var(--blue-600)}.switch input:checked+span:after{translate:16px}.toast{position:fixed;right:25px;bottom:25px;z-index:60;display:flex;align-items:center;gap:11px;min-width:290px;padding:14px 18px;border:1px solid #cbe9dd;border-radius:10px;background:#fff;box-shadow:var(--shadow);opacity:0;translate:0 20px;pointer-events:none;transition:.3s}.toast.show{opacity:1;translate:0}.toast>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3f8ef;color:var(--green)}.toast div{display:flex;flex-direction:column;gap:3px}.toast small{color:var(--muted)}.sidebar-backdrop{display:none}
.page-alert{max-width:1350px;margin:0 auto 20px;padding:13px 16px;border-radius:9px;font-weight:600}.page-alert--success{color:#126b49;background:#e5f7ef;border:1px solid #c5ead9}.page-alert--error{color:#9f3131;background:#fff0f0;border:1px solid #f5cece}.recipients-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.import-form,.manual-form{padding:22px}.manual-form .field{margin-bottom:15px}.upload--vertical{margin:0 0 15px}.csv-example{display:block;margin-top:14px;text-align:center;color:var(--blue-700);font-size:11px;font-weight:700;text-decoration:none}.recipients-summary{display:flex;align-items:center;justify-content:center;gap:17px;padding:20px 28px}.recipients-summary--wide{justify-content:flex-start}.recipients-summary>div{display:flex;flex-direction:column;gap:4px}.recipients-summary small{color:var(--muted)}.recipients-summary b{font-size:32px}.recipients-summary em{color:var(--green);font-size:11px;font-style:normal}.recipients-table{margin-top:20px}.search-box{display:flex;align-items:center;gap:8px;min-width:250px;padding:9px 12px;border:1px solid var(--line);border-radius:8px}.search-box input{width:100%;border:0;outline:0}.empty-row td{padding:45px;text-align:center}.empty-row b{font-size:14px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrap{min-height:100vh}.mobile-brand{display:flex}.sidebar{translate:-100%;transition:.25s}.sidebar.open{translate:0}.sidebar-backdrop{position:fixed;inset:0;z-index:25;background:rgba(3,23,42,.48)}.sidebar-backdrop.show{display:block}.app-shell{margin-left:0}.menu-button{display:block;margin-right:15px}.compose-layout{grid-template-columns:1fr}.compose-side{display:grid;grid-template-columns:1fr 1fr}.welcome-illustration{opacity:.5}.content{padding:22px}.topbar{padding:14px 22px}.recipients-grid{grid-template-columns:1fr}}
@media(max-width:650px){.login-form-wrap{padding:30px 23px}.mobile-brand{margin-bottom:40px}.topbar{min-height:70px}.topbar p{display:none}.content{padding:15px}.welcome-card{padding:28px 24px;min-height:280px}.welcome-card h2{font-size:24px}.welcome-illustration{right:-20px;top:auto;bottom:-65px;translate:0}.stats-grid{grid-template-columns:1fr}.compose-side{grid-template-columns:1fr}.panel__header{align-items:flex-start;gap:13px;padding:17px;flex-direction:column}.panel__header .button{width:100%}.form-panel>.field,.form-panel>.upload,.file-list{margin:17px}.upload{flex-direction:column}.table-wrap{margin:0 -1px}.table-wrap table{min-width:680px}.topbar__actions .avatar{display:none}.login-card h2{font-size:29px}.login-options{align-items:flex-start;gap:12px}.toast{left:15px;right:15px;bottom:15px;min-width:0}}