:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e8eefc;background:#080f1f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#83adff;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-1.3px;margin-bottom:11px}h1 span,.brand strong span,.login-card h1 span{color:#6294ff}h2{font-size:17px;letter-spacing:-.35px;margin:0}p{line-height:1.65}.muted,.hint{color:#8d9bb6}.hint{font-size:12px}.eyebrow{color:#658dff;letter-spacing:2px;font-weight:800;font-size:10px;margin-bottom:11px}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 56% 15%,#1b3361 0,#0a1326 44%,#080f1f 75%)}.login-card{width:min(100%,420px);border:1px solid #2d3c59;border-radius:24px;padding:38px;background:#111e33;box-shadow:0 24px 90px #0007}.login-card .mark{background:#305ddd;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:28px;margin-bottom:26px}.login-card h1{font-size:37px}.login-card p{color:#a7b6d1;font-size:14px;margin-bottom:30px}.login-card small{display:block;text-align:center;color:#7383a2;margin-top:17px}.login-card form{display:grid;gap:14px}.login-card form button{margin-top:9px}.login-card label{margin:0}.alert.error{color:#ffb4b4;background:#682c3455;padding:12px;border-radius:9px}#app{min-height:100vh;display:flex}.sidebar{width:244px;background:#0c1628;border-right:1px solid #1d2b46;flex-shrink:0;padding:26px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:1px 7px 44px}.brand-icon{display:grid;place-items:center;color:white;font-size:23px;background:linear-gradient(135deg,#6089ff,#244ee0);height:42px;width:42px;border-radius:12px}.brand strong{display:block;font-size:20px;letter-spacing:-.9px}.brand small{font-size:8px;color:#7084a5;letter-spacing:2px}.menu-label{color:#5d6d8a;letter-spacing:1.8px;font-size:9px;font-weight:800;margin:0 13px 14px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;width:100%;background:transparent;color:#8d9db9;display:flex;align-items:center;gap:14px;text-align:left;font-weight:600;font-size:13px;padding:13px 14px;border-radius:10px}.nav-item span{width:20px;text-align:center;font-size:21px;font-weight:400}.nav-item:hover{background:#172841;color:white}.nav-item.active{color:#fff;background:#2348ab70;box-shadow:inset 3px 0 0 #5287fa}.sidebar-bottom{margin-top:auto}.security-note{font-size:11px;color:#a0b2c7;padding:13px 8px;border-top:1px solid #27354e}.success-dot{display:inline-block;width:7px;height:7px;background:#26c49a;border-radius:100%;margin-right:6px}.logout{border:0;background:transparent;color:#a8b8d2;padding:14px;text-align:left;width:100%}.logout:hover{color:#fff}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:73px;flex-shrink:0;border-bottom:1px solid #25314c;background:#0c1527;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:13px}.breadcrumb{color:#647492}.top-actions{display:flex;align-items:center;gap:16px}.chip{font-size:11px;font-weight:700;color:#91b5ff;background:#1b2b4d;border:1px solid #29406a;border-radius:99px;padding:7px 11px;display:inline-block}.avatar{width:34px;height:34px;background:#334c78;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.content{max-width:1460px;width:100%;margin:0 auto;padding:35px 36px;flex:1}.view{display:none;animation:enter .25s ease}.view.active{display:block}@keyframes enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:29px}.heading p{font-size:14px;color:#8e9bb5;margin:0}.btn{border:1px solid #354361;border-radius:10px;background:#202d45;color:#e4edff;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;transition:.15s}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:#3560e9;background:linear-gradient(140deg,#446ef8,#294fd8);color:#fff;box-shadow:0 8px 19px #1e43b32f}.btn.subtle{background:#18253a}.btn.small{padding:8px 11px;font-size:11px}.btn.full{width:100%;justify-content:space-between}.btn-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.text-btn{border:0;background:transparent;color:#87acff;font-size:11px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px}.stat{border-radius:16px;border:1px solid #283750;background:#111d30;padding:24px;display:grid;gap:7px;min-height:154px}.stat small{color:#8a9cb8;font-size:10px;letter-spacing:1.1px;font-weight:800}.stat strong{font-size:36px;letter-spacing:-1px}.stat span{font-size:12px;color:#6f84a3}.panel{border:1px solid #283750;background:#111e32;border-radius:16px;padding:24px;margin-bottom:17px;box-shadow:0 4px 20px #0001}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.editor-layout{grid-template-columns:1.07fr 1fr}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.stack{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;background:#14223a;border:1px solid #263954;border-radius:11px}.list-item strong{display:block;font-size:13px}.list-item small{color:#8192ad}.list-item .item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{font-size:10px;color:#a3bed8;background:#263a53;border-radius:99px;padding:5px 8px;white-space:nowrap}.pill.green{background:#164d42;color:#77dfbf}.pill.red{background:#622f3d;color:#ffa3a3}.steps{display:grid;gap:17px}.steps>div{display:flex;align-items:flex-start;gap:15px;color:#a9b7d0;font-size:13px;line-height:1.5}.steps b{color:#80a9ff;font-size:11px;letter-spacing:2px;flex-shrink:0}label{display:block;color:#b7c4de;font-size:12px;font-weight:700;margin:19px 0 8px}input:not([type=checkbox]):not([type=file]),textarea,select{border:1px solid #34435e;border-radius:9px;background:#091629;color:#edf3ff;width:100%;padding:12px 13px;outline:none;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#5485fa;box-shadow:0 0 0 3px #2d66d633}textarea{resize:vertical;line-height:1.6}input[readonly]{color:#70819e}input[type=file]{font-size:11px;color:#8e9db4;width:100%;margin-top:12px}input[type=file]::file-selector-button{background:#243957;color:#e4edff;border:0;border-radius:6px;padding:8px;cursor:pointer}.form-panel .btn-row{margin-top:19px}.mini-control{padding:11px;background:#152740;border-radius:10px;margin-bottom:12px}.checkbox{display:flex;align-items:center;gap:9px;font-weight:500;margin:0}.checkbox input{accent-color:#577eff;width:16px;height:16px}.checkbox.consent{margin:19px 0}.recipient-list{max-height:220px;overflow:auto;border:1px solid #283955;border-radius:9px}.recipient-line{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px;border-bottom:1px solid #24344d}.recipient-line:last-child{border-bottom:0}.recipient-line small{margin-left:auto;color:#6c85a5}.recipient-line input{accent-color:#587efb}#mail-preview{height:215px;width:100%;background:#fff;border:0;border-radius:9px}.preview-heading{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8897b5;margin:21px 0 12px}.notice{background:#102b42;border:1px solid #225074;border-radius:10px;color:#a7bedb;font-size:12px;line-height:1.6;padding:13px 15px;margin-top:19px}.progress-track{height:10px;background:#293b58;border-radius:20px;overflow:hidden}#progress-fill{height:100%;width:0%;background:#59c6ae;transition:width .25s}.log{max-height:220px;overflow:auto;background:#080f1e;border:1px solid #233752;padding:12px;border-radius:10px;font:11px/1.8 ui-monospace,Menlo,monospace;color:#9bbacb;margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:12px 10px;border-bottom:1px solid #273b58}th{color:#8fa4c1;text-transform:uppercase;letter-spacing:1px;font-size:10px}td{color:#c6d3e7}th:last-child,td:last-child{text-align:right}.table-actions{display:flex;gap:7px;justify-content:flex-end}.tiny-btn{border:1px solid #2e4264;background:#21344f;border-radius:7px;color:#bed1e9;padding:6px 10px;font-size:11px}.tiny-btn.danger{color:#f2a0a0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.template-card{min-height:200px}.template-card h2{font-size:19px;margin-bottom:12px}.template-card p{color:#a3b1c8;font-size:13px}.template-card button{margin-top:14px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:90px!important}.password-wrap button{position:absolute;right:6px;top:6px;bottom:6px;background:#1d3557;color:#b8cef2;border:0;border-radius:6px;padding:0 13px;font-size:12px}.result-box{padding:14px;border-radius:9px;border:1px solid #33577a;background:#17314b;color:#cbdaf1;font-size:13px;line-height:1.6;margin-top:17px}.result-box.error{color:#ffb9b9;background:#382534;border-color:#6c3b47}hr{border:0;border-top:1px solid #253956;margin:24px 0}.toast{position:fixed;right:30px;bottom:27px;background:#183c51;color:white;padding:14px 21px;border:1px solid #39617a;box-shadow:0 20px 45px #0006;border-radius:12px;font-size:13px;max-width:420px;z-index:5}.toast.error{background:#542634;border-color:#8c4254}footer{padding:24px 36px;color:#60738f;border-top:1px solid #1d2940;font-size:11px;text-align:center}code{color:#8eb4ff}.empty{padding:27px 12px;color:#788da8;text-align:center;font-size:12px}.report-details{margin-top:8px;padding:14px 17px;background:#0a182b;border:1px solid #29405a;border-radius:9px;font-size:12px;color:#a5bdd8}.report-details>div{margin:7px 0}.report-details strong{color:#d2e0f6}#send-count{font-size:12px;color:#9db1ce;margin:15px 0}.safe{color:#56ddbc}.failed{color:#ff9ca8}
@media(max-width:1100px){.sidebar{width:202px}.content{padding:26px 23px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media(max-width:720px){#app{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px}.brand{margin:0 4px 14px}.sidebar nav{display:flex;overflow:auto;padding-bottom:4px}.nav-item{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-item span{font-size:17px}.menu-label,.sidebar-bottom{display:none}.topbar{height:52px;padding:0 16px}.content{padding:23px 15px}.heading{display:block}.heading>.btn,.heading>.chip{margin-top:14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:17px;min-height:127px}.stat strong{font-size:27px}.panel{padding:18px}.template-grid{grid-template-columns:1fr}.panel-title{flex-wrap:wrap}footer{padding:17px}}

/* SEND MAIL v2: bezposredni upload grafik do kampanii */
.image-upload{border:1px dashed #3a537d;background:#0c1a2d;border-radius:12px;padding:17px;margin-top:13px;transition:border-color .2s,background .2s}
.image-upload.drag-over{border-color:#72a0ff;background:#172d50}
.image-upload-heading{display:flex;align-items:center;gap:12px}.image-upload-heading strong{display:block;font-size:13px;color:#e7f0ff}.image-upload-heading small{display:block;color:#8299b7;font-size:11px;line-height:1.4;margin-top:4px}.image-upload-icon{height:38px;width:38px;flex-shrink:0;border-radius:10px;background:#1e3762;color:#90b5ff;display:grid;place-items:center;font-size:19px}
.image-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:16px}.image-upload-actions>span{color:#728cae;font-size:11px}
.image-upload-status{font-size:11px;color:#92a8c7;margin:12px 0 0;line-height:1.6}.image-upload-status.error{color:#ffadad}.image-upload-progress{height:6px;border-radius:100px;overflow:hidden;background:#273b57;margin-top:15px}.image-upload-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#3e69f7,#4dcabf);transition:width .12s}
.uploaded-images{display:grid;gap:8px;margin-top:12px}.uploaded-image-row{border:1px solid #2c4569;border-radius:9px;background:#132844;padding:9px;display:flex;align-items:center;gap:10px;min-width:0}.uploaded-image-row img{width:46px;height:46px;object-fit:cover;border-radius:6px;background:#fff}.uploaded-image-details{min-width:0;flex:1}.uploaded-image-details strong{display:block;font-size:11px;color:#d9e8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-image-details small{display:block;font-size:10px;color:#8ca7c9;margin-top:4px}.uploaded-image-row .tiny-btn{white-space:nowrap}
@media(max-width:720px){.image-upload-actions>span{display:none}.uploaded-image-row{flex-wrap:wrap}.uploaded-image-row .tiny-btn{margin-left:auto}}