body,html{height:100%;margin:0;padding:0}body{background-color:#fff}.content{box-sizing:border-box;left:200px;min-height:calc(100vh - 50px);overflow-x:auto;padding:30px;position:absolute;right:0;top:50px;width:calc(100% - 200px)}.content>form{align-items:stretch;display:flex;flex-direction:column;gap:16px;width:100%}.content>form>.drop-zone,.content>form>.notification-form-submit,.content>form>.notification-send-block,.content>form>.storyWrapperForm,.content>form>.wrapperFormLine{box-sizing:border-box;max-width:100%;width:100%}.content>form>.btn-black,.content>form>a.btn-black,.content>form>button.btn-black{align-self:flex-start;flex:0 0 auto;width:auto}.wrapperFormLine{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;width:100%}.wrapperFormLine>.customWrapperForm,.wrapperFormLine>.storyWrapperForm{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1 calc(50% - 10px);flex-direction:column;gap:6px;max-width:calc(50% - 10px);min-width:260px}.wrapperFormLine>.customWrapperForm:only-child,.wrapperFormLine>.storyWrapperForm:only-child{flex:0 0 50%;max-width:50%}.wrapperFormLine--cities{align-items:flex-start}.wrapperFormLine--cities>.customWrapperFormCitiesMain{flex:0 0 auto;min-width:200px;width:auto}.wrapperFormLine--cities>.customWrapperFormCitiesChoices{flex:1 1 0;min-width:0;width:auto}.WrapperForm,.wrapperForm{align-items:baseline;display:flex;flex:1 1 240px;flex-wrap:wrap;gap:5px;height:100%;min-width:240px;width:36%}.WrapperForm>label,.cities>label,.wrapperForm>label{font-weight:500}#story_cities{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.wrapperLogo{margin-left:15px;margin-top:6px}.imageLink{color:#7858ff;text-decoration:none}.imageLink:hover{color:#2f00ff}.content .table{margin-bottom:1rem;width:100%}.notification-send-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px 20px}.notification-send-block .defaultTitle{flex-shrink:0}.notification-form-submit{border-top:1px solid #e9ecef;flex-basis:100%;margin-top:24px;padding-top:16px;width:100%}.wrapperFormDatePicker,.wrapperFormDatePicker .active{background:#fff!important}.notification-send-block .wrapperFormDatePicker{background:transparent!important}.notification-send-summary{display:flex;flex-direction:column;gap:14px;width:100%}.notification-send-scheduled-time{align-items:baseline;color:#212529;display:flex;flex-wrap:wrap;font-size:14px;gap:6px 10px;line-height:1.45}.notification-send-scheduled-time__label{color:#343a40;font-weight:600}.notification-send-scheduled-time__value{color:#0d6efd;font-weight:600}.notification-send-scheduled-time__hint{color:#6c757d;font-size:13px}.notification-delivery-metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.notification-delivery-metric{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.04);display:flex;gap:12px;padding:12px 14px}.notification-delivery-metric--immediate{border-left:4px solid #198754}.notification-delivery-metric--planned{border-left:4px solid #0d6efd}.notification-delivery-metric--sent{border-left:4px solid #6f42c1}.notification-delivery-metric__icon{background:#adb5bd;border-radius:50%;flex-shrink:0;height:10px;width:10px}.notification-delivery-metric--immediate .notification-delivery-metric__icon{background:#198754;box-shadow:0 0 0 4px #d1e7dd}.notification-delivery-metric--planned .notification-delivery-metric__icon{background:#0d6efd;box-shadow:0 0 0 4px #cfe2ff}.notification-delivery-metric--sent .notification-delivery-metric__icon{background:#6f42c1;box-shadow:0 0 0 4px #e2d9f3}.notification-delivery-metric__content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notification-delivery-metric__label{color:#212529;font-size:14px;font-weight:600;line-height:1.3}.notification-delivery-metric__hint{color:#6c757d;font-size:12px;line-height:1.35}.notification-delivery-metric__value{background:#f8f9fa;border-radius:999px;color:#212529;flex-shrink:0;font-size:18px;font-weight:700;line-height:1;min-width:36px;padding:4px 10px;text-align:center}.notification-delivery-metric--immediate .notification-delivery-metric__value{background:#d1e7dd;color:#146c43}.notification-delivery-metric--planned .notification-delivery-metric__value{background:#cfe2ff;color:#084298}.notification-delivery-metric--sent .notification-delivery-metric__value{background:#e2d9f3;color:#432874}.defaultTitle{font-weight:500!important;height:20px}.counter{color:gray;float:right;font-size:12px;margin-left:5px}.customWrapperForm,.storyWrapperForm{align-items:stretch;display:flex;flex-direction:column;gap:6px}textarea{height:8vh;width:30vw}.customWrapperFormCitiesMain{align-items:center;display:flex;gap:10px}.customWrapperFormCitiesChoices .cities{display:flex;flex-direction:column;gap:8px;width:100%}.customWrapperFormCitiesChoices [id$=_cities]{align-items:center;display:flex;flex-wrap:wrap;gap:8px 20px}.city{align-items:center;display:inline-flex;gap:6px;margin:0}.font-display{font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2.5rem}.text-3xl{font-size:2rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:2rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.pageTitle{--tw-text-opacity:1;color:#f8f8ff;font-family:Ubuntu,"serif";font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-left:1%}.headerTitle{background-color:#1e1f26;border-bottom:1px solid #666;height:50px;left:200px;position:fixed;right:0;top:0;width:auto;z-index:1000}.navBar{background:#1e1f26;border-right:1px solid #666;bottom:0;left:0;min-height:100vh;position:fixed;top:0;width:200px;z-index:900}.navBarItem{align-items:center;display:flex}.navBarItem:hover{background:#131417;transition:.5s}.navBarLink{align-items:center;color:#fff;display:flex;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;font-weight:700;height:46px;letter-spacing:-.025em;padding-left:15px;text-decoration:none;width:193px}.navBarLink:hover{--tw-text-opacity:1;color:#decdbe}.elementTitle{color:#000;display:block;font-family:Ubuntu,"serif";font-weight:444;margin-left:3px}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Medium.ttf) format("truetype")}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Regular.ttf) format("truetype")}.borderRight{border-right:1px solid #eaeaea;font-family:Ubuntu,"serif"}.btn-black{background-color:#333;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn-black:hover{background-color:#000;border-color:#000}.btn{background-color:#fff;border:none;border-radius:6em;color:#000;display:inline-block;font-family:inherit;font-size:17px;font-weight:500;padding:1em 2.5em;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s}.btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transform:translateY(-3px)}.btn:active{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.btn:after{background-color:#fff;border-radius:100px;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.btn:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.btn-action{background:#666}.btn-action,.btn-action:hover{border:none;border-radius:30px;box-sizing:border-box;color:#fff;font-size:10px;padding:3px 10px;text-decoration:none}.btn-action:hover{background:#decdbe}.admin-image-hover-preview{display:inline-block;position:relative;vertical-align:baseline}.admin-image-hover-preview__popup{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);box-sizing:border-box;display:none;max-height:min(480px,calc(100vh - 24px));max-width:min(360px,calc(100vw - 24px));padding:4px;position:fixed;z-index:10050}.admin-image-hover-preview__popup.is-visible{display:block}.admin-image-hover-preview__popup[data-placement=end]:before{bottom:0;content:"";position:absolute;right:100%;top:0;width:16px}.admin-image-hover-preview__popup[data-placement=start]:after{bottom:0;content:"";left:100%;position:absolute;top:0;width:16px}.admin-image-hover-preview__popup img{display:block;height:auto;max-height:min(480px,calc(100vh - 32px));max-width:min(360px,calc(100vw - 32px));object-fit:contain;width:auto}td.story-mini-image-cell{overflow:visible}.datePicker{width:182px}.wrapperDatePicker{height:47px;position:relative;width:100%}.wrapperDatePicker>ul{color:red;font-size:14px;left:-25px;list-style-type:none;position:absolute;top:36px}.wrapperDatePicker>input{border:1px solid #dcdcdc;border-radius:6px;display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem}.wrapperDatePicker>input:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.dateError{color:red;font-size:14px;left:-14px;position:absolute;top:30px}.pagination{display:flex;gap:8px;justify-content:center;list-style:none;margin-top:20px;padding:0}.pagination li{align-items:center;display:flex}.pagination li a,.pagination li span{background-color:#333;border:1px solid #666;border-radius:30px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s}.pagination li.active span{background-color:#7858ff;border-color:#7858ff}.pagination li a:hover{background-color:#f2f2f2;color:#666}.pagination li.disabled span{background-color:#1e1f26;color:#666;cursor:not-allowed}