:root{--blue:#1da1f2;--blue-dark:#007acc;--navy:#0b153e;--navy-2:#071231;--pink:#d02670;--pink-dark:#9f1853;--bg:#f8fafc;--surface:#fff;--line:#dbe7f3;--line-strong:#c7d7e7;--text:#334155;--muted:#65758c;--ok:#087f5b;--warn:#b45309;--danger:#be123c}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:linear-gradient(180deg, #eef7ff 0, var(--bg) 240px), var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.login-page{background:linear-gradient(135deg,#071231 0%,#0b153e 58%,#12317a 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #ffffff94;border-radius:8px;width:min(432px,100%);padding:28px;box-shadow:0 24px 70px #00000042}.login-brand,.brand{align-items:center;gap:12px;min-width:0;display:flex}.login-brand{border-bottom:1px solid #e8eef6;justify-content:center;align-items:flex-start;margin-bottom:26px;padding-bottom:18px}.login-logo{object-fit:contain;object-position:left center;flex:none;width:158px;height:42px}.login-mailis-logo,.brand-mailis-logo{object-fit:contain;object-position:left center;display:block}.login-mailis-logo{width:214px;max-width:100%;height:auto}.brand-mailis-logo{width:100%;max-width:100%;height:auto}.brand-logo{object-fit:contain;object-position:left center;background:#fff;border-radius:8px;flex:none;width:132px;height:38px;padding:7px 8px;box-shadow:0 8px 18px #00000029}.brand strong,.login-brand strong{color:var(--navy);font-size:1.02rem;font-weight:600;line-height:1.1;display:block}.brand span,.login-brand span{color:var(--muted);margin-top:3px;font-size:.8rem;line-height:1.25;display:block}.login-form,.form-grid,.stack{gap:14px;display:grid}label{gap:7px;min-width:0;display:grid}label span{color:var(--navy);font-size:.78rem;font-weight:600}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #cbd9e7;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1da1f221}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-2) 0%, var(--navy) 70%, #0e2e67 100%);color:#fff;flex-direction:column;gap:22px;width:268px;height:100vh;min-height:100vh;padding:20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:12px 0 30px #0b153e1f}.sidebar .brand{border-bottom:1px solid #ffffff1f;width:100%;padding-bottom:18px}.sidebar .brand strong{color:#fff}.sidebar .brand span{color:#b9d7ef}.nav{gap:8px;display:grid}.nav-link,.sidebar-logout{color:#d7e9fb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:600;display:flex}.nav-link:hover,.sidebar-logout:hover{background:#ffffff12;border-color:#ffffff14}.nav-link.router-link-active{color:#fff;box-shadow:inset 3px 0 0 var(--blue);background:#1da1f22e;border-color:#89ccf74d}.sidebar-foot{gap:12px;margin-top:auto;display:grid}.quota-chip{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;gap:4px;padding:12px;display:grid}.quota-chip span{color:#b9d7ef;text-transform:uppercase;font-size:.72rem;font-weight:600}.quota-chip strong{color:#fff;font-size:1.1rem;font-weight:600}.sidebar-logout{justify-content:flex-start;width:100%}.main{grid-column:2;min-width:0;padding:24px}.topbar{background:linear-gradient(135deg,#071231 0%,#0b153e 55%,#12317a 100%);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 16px 34px #0b153e29}.topbar p{color:#7dd3fc;text-transform:uppercase;margin:0 0 5px;font-size:.76rem;font-weight:600}.topbar h1{color:#fff;margin:0;font-size:1.58rem;font-weight:600;line-height:1.15}.topbar>:last-child{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.primary-btn,.soft-btn,.icon-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:600;line-height:1;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:#fff;box-shadow:0 10px 22px #d0267038}.soft-btn{color:var(--navy);border-color:var(--line);background:#fff}.icon-btn{border-color:var(--line);width:34px;min-height:34px;color:var(--muted);background:#f8fafc;padding:0}.primary-btn:hover,.soft-btn:hover,.icon-btn:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.full{width:100%}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi-card,.panel{border:1px solid var(--line);background:#ffffffeb;border-radius:8px;box-shadow:0 12px 28px #0b153e0f}.kpi-card{gap:6px;padding:16px;display:grid;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--blue);height:3px;position:absolute;inset:0 0 auto}.kpi-card.accent-navy:before{background:var(--navy)}.kpi-card.accent-pink:before{background:var(--pink)}.kpi-card.accent-ok:before{background:#10b981}.kpi-card span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:600}.kpi-card strong{color:var(--navy);font-size:1.34rem;font-weight:600}.content-grid{gap:14px;margin-bottom:14px;display:grid}.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;padding:16px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-head h2{color:var(--navy);margin:0;font-size:1.02rem;font-weight:600}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:.84rem}.info-list{gap:12px;margin:0;display:grid}.info-list div{border-bottom:1px solid #edf3f8;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.info-list dt{color:var(--muted);font-weight:600}.info-list dd{color:var(--navy);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.helper,.form-error{color:var(--ok);margin:12px 0 0;font-size:.88rem}.helper.error,.form-error{color:var(--danger)}.ok-text{color:var(--ok)!important}.warn-text{color:var(--warn)!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.bulk-input{min-height:170px;margin-bottom:12px}.search-input{max-width:270px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf3f8;padding:12px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.74rem}.empty-cell,.empty-state,.preview-empty{color:var(--muted);text-align:center;padding:32px}.status-pill{color:#075985;background:#edf5ff;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:.74rem;font-weight:600;display:inline-flex}.status-pill.sent,.status-pill.subscribed{color:#166534;background:#dcfce7}.status-pill.failed,.status-pill.unsubscribed,.status-pill.blocked{color:#9f1239;background:#ffe4e6}.status-pill.queued,.status-pill.sending{color:#92400e;background:#fef3c7}.status-pill.paused{color:#475569;background:#e2e8f0}.campaign-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.campaign-card{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:12px;padding:15px;display:grid}.campaign-card-head,.campaign-metrics{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.campaign-card h3{color:var(--navy);margin:0;font-size:1rem}.campaign-card p{color:var(--muted);margin:0;line-height:1.45}.campaign-metrics span{color:var(--muted);font-size:.78rem}.empty-state{background:#fbfdff;border:1px dashed #bfd1e4;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:220px;display:grid}.empty-state strong{color:var(--navy);font-weight:600}.empty-state span{max-width:300px;line-height:1.45}.editor-layout{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:14px;display:grid}.editor-main,.editor-side{gap:14px;min-width:0;display:grid}.editor-actions{gap:16px;display:grid}.segmented{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.segmented button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;min-height:32px;padding:0 10px;font-weight:600}.segmented button:hover{border-color:var(--blue);color:var(--blue-dark)}.block-list{gap:12px;display:grid}.block-editor{background:#fbfdff;border:1px solid #dbe7f3;border-radius:8px;gap:12px;padding:14px;display:grid}.block-editor-head{justify-content:space-between;align-items:center;display:flex}.block-editor-head strong{color:var(--navy);font-weight:600}.block-note{color:var(--muted);margin:0;font-size:.86rem}.image-upload-row{gap:8px;display:grid}.image-upload-row input[type=file]{cursor:pointer;min-height:44px;padding:9px 12px}.image-hint{color:var(--muted);margin:-2px 0 0;font-size:.82rem}.image-current{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.image-thumb{object-fit:cover;border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex:none;width:54px;height:42px}.image-current-info{flex:auto;gap:2px;min-width:0;display:grid}.image-current-info span{min-width:0;color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.image-current-info small{color:var(--muted);font-size:.76rem;line-height:1.25}.preview-panel{min-height:620px}.preview-frame{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:560px}.preview-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071231b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-modal{background:#fff;border:1px solid #ffffff8c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(980px,100%);height:min(920px,92vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000057}.preview-modal-head{border-bottom:1px solid var(--line);background:#f8fbff;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.preview-modal-head span{color:var(--blue-dark);text-transform:uppercase;font-size:.74rem;font-weight:600;display:block}.preview-modal-head h2{color:var(--navy);margin:2px 0 0;font-size:1.12rem;font-weight:600}.preview-modal-frame{background:#fff;border:0;width:100%;height:100%}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.sidebar{width:auto;height:auto;min-height:auto;position:static;overflow:visible}.main{grid-column:auto}.editor-layout,.content-grid.two,.kpi-grid{grid-template-columns:1fr}}@media (width<=700px){.main{padding:16px}.topbar,.panel-head,.inline-form{grid-template-columns:1fr;display:grid}.topbar>:last-child{justify-content:stretch}.topbar>:last-child .primary-btn,.topbar>:last-child .soft-btn{width:100%}.form-grid{grid-template-columns:1fr}.search-input{max-width:none}.brand{align-items:flex-start}.info-list div{grid-template-columns:1fr;gap:4px;display:grid}.info-list dd{text-align:left;word-break:break-word}}