:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;background:#f5f7fb;color:#16181d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #007aff;--blue-soft: #e8f2ff;--green: #34c759;--green-soft: #eaf8ee;--amber: #ffb340;--amber-soft: #fff5df;--red: #ff453a;--red-soft: #ffedeb;--text: #16181d;--muted: #6b7280;--line: #e5e8ef;--panel: rgba(255, 255, 255, .86);--shadow: 0 18px 50px rgba(28, 39, 64, .08);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:0}h2{font-size:1.08rem;letter-spacing:0}.boot-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:30px;height:30px;border:3px solid #d9dee8;border-top-color:var(--blue);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,#ffffffb8,#f5f7fbf0),radial-gradient(circle at 18% 14%,rgba(0,122,255,.12),transparent 28%),#f5f7fb}.auth-panel{width:min(460px,100%);padding:34px;border:1px solid rgba(229,232,239,.9);border-radius:8px;background:#ffffffc7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-brand{display:grid;gap:12px;margin-bottom:28px}.auth-brand p,.page-header p,.section-head p,.muted{color:var(--muted);line-height:1.55}.auth-form,.modal-form{display:grid;gap:16px}.auth-link{color:var(--blue);text-align:center;font-weight:600}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#111318;border-radius:8px;flex:0 0 auto}.brand-mark.large{width:52px;height:52px;font-weight:800;font-size:1.25rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid var(--line);background:#f8fafddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:8px}.brand strong,.user-chip strong{display:block;line-height:1.1}.brand small,.user-chip small{display:block;margin-top:3px;color:var(--muted);font-size:.76rem;text-transform:capitalize}.nav-list{display:grid;gap:5px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#4b5563;font-weight:600}.nav-item.active,.nav-item:hover{color:#0f172a;background:#fff;box-shadow:0 8px 24px #1c27400f}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;border-bottom:1px solid rgba(229,232,239,.8);background:#f5f7fbb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar-search{min-width:0;color:var(--muted);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions,.page-actions,.section-head,.wizard-actions,.modal-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-actions,.wizard-actions,.modal-footer{gap:14px}.topbar-actions{flex-wrap:nowrap}.user-chip{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.content{width:min(1440px,100%);margin:0 auto;padding:34px 32px 56px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.page-header>div:first-child{display:grid;gap:10px;max-width:820px}.eyebrow{color:var(--blue);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.panel{padding:22px;border:1px solid rgba(229,232,239,.9);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 36px #1c27400f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel+.panel,.detail-grid+.panel,.metrics-grid+.panel,.settings-grid+.panel{margin-top:18px}.section-head{justify-content:space-between;margin-bottom:18px}.section-head a,.table-action{color:var(--blue);font-weight:700}.table-action{display:inline-flex;align-items:center;gap:4px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics-grid.compact{grid-template-columns:repeat(4,minmax(150px,1fr))}.metric-card,.setting-item{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-card p,.summary-item span{margin-bottom:5px;color:var(--muted);font-size:.86rem;font-weight:650}.metric-card strong{display:block;color:var(--text);font-size:1.55rem;line-height:1}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#f2f4f8;color:#475569;flex:0 0 auto}.metric-success .metric-icon{color:var(--green);background:var(--green-soft)}.metric-warning .metric-icon{color:#a76600;background:var(--amber-soft)}.metric-danger .metric-icon{color:var(--red);background:var(--red-soft)}.metric-info .metric-icon{color:var(--blue);background:var(--blue-soft)}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:760;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--blue);box-shadow:0 10px 24px #007aff38}.button-secondary{color:#111318;border-color:var(--line);background:#fff}.button-ghost{color:#111318;background:transparent}.button-danger{color:#fff;background:var(--red)}.field{display:grid;gap:7px;min-width:0}.field-label{color:#3d4654;font-size:.86rem;font-weight:700}.input-shell,.select-shell{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.input,.select{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.input-icon{display:inline-flex;color:var(--muted)}.field-error{color:var(--red);font-size:.84rem}.field-hint{color:var(--muted);font-size:.84rem}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px;gap:12px;margin-bottom:16px}.toolbar.multi{grid-template-columns:minmax(220px,2fr) repeat(5,minmax(135px,1fr))}.table-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid #eef1f6;text-align:left;vertical-align:middle;font-size:.91rem}.data-table th{color:#667085;font-size:.76rem;font-weight:800;text-transform:uppercase;background:#fbfcfe}.data-table tr:last-child td{border-bottom:0}.row-actions{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.password-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.data-table tr.is-muted{color:#8b95a4;background:#fbfbfc}.sort-button{display:inline-flex;align-items:center;gap:4px;width:100%;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left;font-weight:inherit;text-transform:inherit}.check-column{width:42px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #eef1f6;color:var(--muted);font-size:.86rem}.pagination{display:flex;gap:8px}.empty-state{padding:38px;color:var(--muted);text-align:center}.status-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-size:.77rem;font-weight:800}.status-draft,.status-not_open,.status-inactive{color:#525b69;background:#f0f2f6}.status-validated,.status-ready,.status-valid,.status-sent,.status-open,.status-click,.status-active{color:#17692e;background:var(--green-soft)}.status-scheduled{color:#0057b8;background:var(--blue-soft)}.status-blocked,.status-cancelled,.status-warning{color:#8a5700;background:var(--amber-soft)}.status-error,.status-failed{color:#b42318;background:var(--red-soft)}.alert{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:8px;font-weight:650;line-height:1.45}.alert-info{color:#0057b8;background:var(--blue-soft)}.alert-success{color:#17692e;background:var(--green-soft)}.alert-warning{color:#8a5700;background:var(--amber-soft)}.alert-error{color:#b42318;background:var(--red-soft)}.dropzone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:26px;border:1.5px dashed #cfd6e2;border-radius:8px;background:#fbfcfe}.dropzone.is-dragging{border-color:var(--blue);background:var(--blue-soft)}.dropzone.is-disabled{opacity:.65}.dropzone-icon,.confirm-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:var(--blue-soft)}.dropzone p{margin-top:5px;color:var(--muted)}.wizard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.wizard-step{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#687385;cursor:pointer;font-weight:760}.wizard-step span{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#eef1f6;font-size:.82rem}.wizard-step.active{color:var(--blue);border-color:#007aff59;background:var(--blue-soft)}.wizard-step.done{color:#17692e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.validation-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.validation-list span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3f4a5a;font-weight:650}.campaign-upload-grid{display:grid;grid-template-columns:minmax(260px,2fr) minmax(0,3fr);gap:22px;align-items:start}.campaign-compose-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(280px,.75fr) minmax(340px,1.1fr);gap:28px;align-items:stretch;margin-top:18px}.modal-form>.campaign-compose-grid{grid-column:1 / -1}.campaign-config-panel,.template-picker-panel,.campaign-upload-panel{min-height:350px}.campaign-config-panel{display:grid;align-content:start}.campaign-mode-card{gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.mode-summary-box{display:grid;gap:6px;min-height:58px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}.mode-summary-box span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.mode-summary-box strong{color:var(--text);font-size:.95rem;overflow-wrap:anywhere}.campaign-upload-panel .dropzone{height:100%;min-height:350px;margin-top:0;grid-template-columns:auto minmax(160px,1fr) auto}.campaign-mode-field{max-width:260px}.template-picker-panel{display:grid;gap:12px}.template-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#3d4654;font-size:.9rem}.template-picker-heading span{color:var(--muted);font-size:.82rem}.template-picker-list{display:grid;gap:8px;max-height:300px;overflow:auto}.template-picker-row{display:grid;gap:4px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.template-picker-row.compact{padding:8px 10px}.template-picker-row.active{border-color:#007aff80;background:var(--blue-soft)}.template-picker-row.is-applied{box-shadow:inset 3px 0 0 var(--green)}.template-picker-row.is-static{cursor:default}.template-picker-row span{color:var(--muted);font-size:.8rem}.campaign-file-actions{display:flex;justify-content:flex-end;margin-top:16px}.template-editor-form{display:grid;gap:16px}.template-mode-fields{display:grid;gap:14px;width:100%;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.template-mode-fields.cpi{grid-template-columns:repeat(2,minmax(0,1fr))}.template-mode-fields.regular{grid-template-columns:minmax(0,360px)}.template-upload-stack{display:grid;gap:12px}.template-upload-stack .dropzone{margin-top:0;min-height:88px;padding:18px}.template-editor-form textarea{width:100%;min-height:118px;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical;font:inherit}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.detail-list{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;margin:0}.detail-list dt{color:var(--muted);font-weight:700}.detail-list dd{margin:0;font-weight:700;min-width:0}.metric-stack{display:grid;gap:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.summary-item{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.summary-item strong{display:block;overflow-wrap:anywhere}.confirm-panel{text-align:center}.confirm-panel .confirm-icon{margin:0 auto 14px}.confirm-panel p{max-width:620px;margin:10px auto;color:var(--muted);line-height:1.55}.confirm-panel .wizard-actions{justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#11131847;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(720px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid rgba(229,232,239,.9);border-radius:8px;background:#fff;box-shadow:0 30px 80px #0e142033}.modal-wide{width:min(1040px,calc(100vw - 40px));max-height:min(760px,94vh)}.modal-head,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-body{padding:18px}.modal-footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px}.chart-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center}.donut{width:190px;height:190px;transform:rotate(-90deg)}.chart-legend{display:grid;gap:9px}.chart-legend span{display:flex;align-items:center;gap:8px;color:#3f4a5a;font-weight:700}.chart-legend i{width:10px;height:10px;border-radius:999px}.bar-chart{display:grid;gap:12px;margin-top:16px}.bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 54px;gap:12px;align-items:center}.bar-row span{color:#3f4a5a;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row strong{text-align:right}.bar-track{height:10px;overflow:hidden;border-radius:999px;background:#eef1f6}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.setting-item{align-items:flex-start}.setting-item p{margin-top:8px;color:var(--muted);line-height:1.45}@media(max-width:1100px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.brand span:last-child,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-item svg{flex:0 0 auto}.metrics-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar.multi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;overflow-x:auto;gap:12px;padding:10px}.brand{min-width:58px}.nav-list{display:flex;margin:0}.nav-item{min-width:46px}.topbar{padding:0 16px}.user-chip{display:none}.content{padding:24px 16px 42px}.page-header{align-items:flex-start;flex-direction:column}.metrics-grid,.metrics-grid.compact,.detail-grid,.campaign-compose-grid,.campaign-upload-grid,.settings-grid,.summary-grid,.form-grid,.modal-form,.toolbar,.toolbar.multi,.wizard,.dropzone,.detail-list,.chart-shell,.bar-row{grid-template-columns:1fr}.bar-row strong{text-align:left}.table-footer,.inline-form{align-items:stretch;flex-direction:column;grid-template-columns:1fr}}