.bes-app{display:flex;min-height:820px;background:#f7f8fc;border:1px solid #e9eaf1;border-radius:18px;overflow:hidden;font-family:Inter,Arial,sans-serif;color:#182033;box-sizing:border-box}.bes-app *{box-sizing:border-box}.bes-sidebar{width:245px;background:#101c31;color:#fff;padding:22px 14px;display:flex;flex-direction:column}.bes-brand{font-weight:700;font-size:18px;padding:8px 10px 26px}.bes-brand span{display:inline-flex;width:34px;height:34px;border-radius:9px;background:#fff;color:#5b3df5;align-items:center;justify-content:center;margin-right:8px}.bes-nav{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#d5dbea;padding:12px 12px;border-radius:10px;text-decoration:none;font-size:14px;cursor:pointer;text-align:left;margin-bottom:5px}.bes-nav.active,.bes-nav:hover{background:#5b3df5;color:#fff}.bes-sidebar hr{border:0;border-top:1px solid rgba(255,255,255,.12);width:100%;margin:15px 0}.bes-logout{margin-top:auto;background:none;border:0;color:#ff9d91;text-align:left;padding:13px 12px;cursor:pointer;font-size:14px}.bes-main{flex:1;min-width:0}.bes-topbar{height:66px;background:#fff;border-bottom:1px solid #e9eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:15px}.bes-page-title{display:flex;align-items:center;gap:10px;font-size:16px}.bes-top-actions{display:flex;align-items:center;gap:15px}.bes-user{font-size:14px}.bes-bell{font-size:20px}.bes-view{display:none;padding:26px}.bes-view-active{display:block}.bes-heading,.bes-card-head,.bes-editor-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.bes-heading h1{margin:0 0 5px;font-size:28px}.bes-heading p{margin:0;color:#6e7486}.bes-date{background:#fff;border:1px solid #e2e5ef;padding:10px 14px;border-radius:10px;font-size:13px}.bes-btn{border:1px solid #dfe2eb;background:#fff;color:#222a3c;padding:10px 15px;border-radius:9px;font-size:13px;cursor:pointer}.bes-btn-primary{background:#5b3df5;border-color:#5b3df5;color:#fff}.bes-btn-success{background:#27a85a;border-color:#27a85a;color:#fff}.bes-inline-actions{display:flex;gap:9px}.bes-upload{position:relative;overflow:hidden}.bes-upload input,.bes-import-option input{position:absolute;inset:0;opacity:0;cursor:pointer}.bes-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.bes-stat{background:#fff;border:1px solid #e9eaf1;border-radius:14px;padding:18px;display:flex;gap:13px}.bes-stat>span{width:42px;height:42px;border-radius:12px;background:#efedff;color:#5b3df5;display:flex;align-items:center;justify-content:center}.bes-stat small{display:block;color:#70778a}.bes-stat b{display:block;font-size:24px;margin:3px 0}.bes-stat em{font-style:normal;color:#35a65d;font-size:12px}.bes-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.bes-card{background:#fff;border:1px solid #e9eaf1;border-radius:14px;padding:18px;margin-bottom:15px}.bes-card h3{margin:0 0 14px}.bes-table-wrap{overflow:auto}.bes-table{width:100%;border-collapse:collapse}.bes-table th,.bes-table td{text-align:left;padding:12px 9px;border-bottom:1px solid #eef0f5;font-size:13px;vertical-align:middle}.bes-table th{color:#7b8091;font-size:12px}.bes-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px}.bes-status-sent,.bes-status-active{background:#eaf8ee;color:#1f8b46}.bes-status-draft{background:#f0f2f7;color:#5d6474}.bes-status-sending,.bes-status-scheduled{background:#fff6df;color:#966b00}.bes-empty,.bes-loading{padding:30px;color:#73798a;text-align:center}.bes-summary-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0f5}.bes-tabs{display:flex;gap:20px;border-bottom:1px solid #eceef4;margin:-18px -18px 16px;padding:0 18px}.bes-tabs button{border:0;background:none;padding:14px 0;color:#6a7080;border-bottom:2px solid transparent;cursor:pointer}.bes-tabs button.active{color:#5b3df5;border-bottom-color:#5b3df5}.bes-tabs span{background:#f0f1f8;border-radius:99px;padding:2px 6px;font-size:10px;margin-left:4px}.bes-toolbar{display:flex;gap:10px;margin-bottom:10px}.bes-toolbar input,.bes-form input,.bes-form select,.bes-login-card input,.bes-modal-card input,.bes-modal-card select{width:100%;padding:11px 12px;border:1px solid #dfe2eb;border-radius:9px;background:#fff}.bes-import-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.bes-import-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bes-import-option{position:relative;border:1px dashed #cfd3df;border-radius:12px;padding:20px;cursor:pointer;text-align:center;background:#fff;display:flex;flex-direction:column;gap:8px}.bes-import-option span{font-size:26px}.bes-import-option small{color:#7a8192}.bes-steps{padding-left:20px;line-height:1.8;color:#5d6474}.bes-link{border:0;background:none;color:#5b3df5;cursor:pointer}.bes-campaign-editor{margin-top:15px}.bes-editor-grid{display:grid;grid-template-columns:290px 1fr;gap:15px}.bes-form{display:flex;flex-direction:column;gap:12px}.bes-form label{font-size:12px;color:#60687b;display:flex;flex-direction:column;gap:6px}.bes-form small{color:#747b8d}.bes-code-panel{border:1px solid #e4e6ee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:520px}.bes-editor-tabs{display:flex;border-bottom:1px solid #e6e8ef}.bes-editor-tabs button{border:0;background:#fff;padding:10px 14px;cursor:pointer}.bes-editor-tabs button.active{color:#5b3df5;border-bottom:2px solid #5b3df5}.bes-code-panel textarea{flex:1;min-height:470px;border:0;resize:none;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.bes-code-panel iframe{flex:1;min-height:470px;border:0;background:#f6f7fb;display:none}.bes-progress{display:none;margin-top:16px}.bes-progress-bar{height:12px;background:#eceefa;border-radius:99px;overflow:hidden}.bes-progress-bar span{display:block;height:100%;width:0;background:#5b3df5}.bes-progress-text{text-align:right;font-size:12px;margin-top:5px}.bes-login-shell{min-height:500px;display:flex;align-items:center;justify-content:center;background:#f7f8fc;padding:30px}.bes-login-card{width:min(420px,100%);background:#fff;border:1px solid #e8eaf1;border-radius:18px;padding:32px;box-shadow:0 14px 40px rgba(21,27,48,.08);text-align:center}.bes-logo{width:70px;height:70px;background:#5b3df5;color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 18px}.bes-login-card h2{margin:0 0 6px}.bes-login-card p{color:#73798a}.bes-login-card label{display:block;text-align:left;margin:22px 0 8px;font-size:13px;color:#5f6677}.bes-login-card input{margin-bottom:12px}.bes-error{color:#c0392b;font-size:12px;margin-top:8px;min-height:17px}.bes-modal{position:fixed;inset:0;background:rgba(8,15,29,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}.bes-modal.open{display:flex}.bes-modal-card{width:min(460px,100%);background:#fff;border-radius:16px;padding:20px}.bes-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bes-modal-close{background:none;border:0;font-size:25px;cursor:pointer}.bes-modal-card label{display:block;font-size:13px;color:#60687b;margin:11px 0}.bes-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.bes-toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:12px 15px;border-radius:10px;display:none;z-index:100000}.bes-toast.show{display:block}.bes-user{white-space:nowrap}.bes-summary{min-height:220px}@media(max-width:1050px){.bes-stat-grid{grid-template-columns:repeat(2,1fr)}.bes-dashboard-grid,.bes-import-grid,.bes-editor-grid{grid-template-columns:1fr}}@media(max-width:780px){.bes-app{display:block}.bes-sidebar{width:100%;padding:10px;position:relative}.bes-sidebar nav{display:flex;overflow:auto}.bes-sidebar .bes-nav{width:auto;white-space:nowrap}.bes-sidebar hr,.bes-logout{display:none}.bes-topbar{height:auto;padding:12px}.bes-top-actions .bes-user{display:none}.bes-view{padding:16px}.bes-stat-grid{grid-template-columns:1fr}.bes-import-options{grid-template-columns:1fr}.bes-heading{align-items:flex-start;flex-direction:column}.bes-top-actions{margin-left:auto}.bes-top-actions .bes-btn{font-size:12px;padding:8px 10px}}
