*{box-sizing:border-box}:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--dircom-bg:#f6f6f5;--dircom-surface:#fff;--dircom-muted:#6f6f6a;--dircom-ink:#1f1f1f;--dircom-red:#d8071b;--dircom-red-dark:#8a0612;--dircom-border:#1f1f1f12;--dircom-shadow:0 8px 22px #1f1f1f09;--dircom-radius-control:5px;--dircom-radius-surface:6px;background:#f6f6f5;font-family:Arial,Helvetica,sans-serif}html,body,#root{min-height:100%;margin:0}html,body{max-width:100%;overflow-x:hidden}body{background:var(--dircom-bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{background:var(--dircom-bg);min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--dircom-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1440px;min-height:64px;margin:0 auto;padding:0 28px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-button:hover{color:inherit}.brand-button:focus-visible{border-radius:var(--dircom-radius-control);outline-offset:4px;outline:3px solid #d8071b2e}.brand-mark{width:118px;height:auto;display:block}.brand-title{letter-spacing:0;margin:0;font-size:15px;font-weight:900}.brand-subtitle{color:#1f1f1f73;margin:2px 0 0;font-size:11px;font-weight:700}.topbar-actions{text-align:right;min-width:0;margin-left:auto}.topbar-user-name{max-width:280px;color:var(--dircom-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:900;overflow:hidden}.layout{max-width:1440px;margin:0 auto;padding:18px 28px 42px}.site-nav{border-top:1px solid var(--dircom-border);scrollbar-width:thin;gap:6px;max-width:1440px;margin:0 auto;padding:9px 28px 10px;display:flex;overflow-x:auto}.nav-button{border-radius:var(--dircom-radius-control);color:#1f1f1f9e;background:0 0;border:1px solid #0000;flex:none;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:800;transition:border-color .16s,background .16s,color .16s;display:flex}.nav-button:hover,.nav-button.active{color:var(--dircom-red-dark);background:#fff;border-color:#d8071b1f}.content{flex-direction:column;gap:18px;min-width:0;display:flex}.hero-panel,.panel,.metric-card,.table-card{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-surface);background:var(--dircom-surface);box-shadow:var(--dircom-shadow)}.hero-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:20px 22px;display:grid}.eyebrow{color:var(--dircom-red-dark);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.hero-title{color:var(--dircom-ink);letter-spacing:0;margin:6px 0 0;font-size:30px;font-weight:950;line-height:1.05}.hero-copy{color:#1f1f1f94;max-width:720px;margin:10px 0 0;font-size:13px;font-weight:600;line-height:1.6}.safe-mode{border-radius:var(--dircom-radius-control);color:var(--dircom-red-dark);letter-spacing:.08em;text-transform:uppercase;background:#fff7f8;border:1px solid #d8071b2e;padding:12px 14px;font-size:11px;font-weight:900}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.module-button{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-surface);background:var(--dircom-surface);min-height:142px;color:var(--dircom-ink);text-align:left;box-shadow:var(--dircom-shadow);flex-direction:column;justify-content:space-between;align-items:stretch;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.module-button:hover{background:var(--dircom-surface);color:var(--dircom-ink);border-color:#d8071b3d;transform:translateY(-2px);box-shadow:0 12px 26px #1f1f1f0e}.module-heading{align-items:center;gap:12px;display:flex}.module-icon{border-radius:var(--dircom-radius-surface);width:36px;height:36px;color:var(--dircom-red-dark);background:#d8071b14;flex:0 0 36px;place-items:center;display:grid}.module-title{font-size:17px;font-weight:950}.module-copy{color:#1f1f1f80;margin-top:10px;font-size:12px;font-weight:700;line-height:1.55;display:block}.module-action{color:var(--dircom-red-dark);text-transform:uppercase;margin-top:18px;font-size:10px;font-weight:900}.grid{gap:16px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:15px 16px}.metric-value{color:var(--dircom-ink);letter-spacing:0;margin:0;font-size:24px;font-weight:950}.metric-value.warn{color:var(--dircom-red-dark)}.metric-label{color:#1f1f1f73;letter-spacing:.12em;text-transform:uppercase;margin:3px 0 0;font-size:11px;font-weight:900}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.automation-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.automation-empty{grid-column:1/-1}.automation-empty .button{margin-top:2px}.automation-card{flex-direction:column;min-height:238px;display:flex}.automation-details{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-control);background:#fbfaf8;gap:0;display:grid}.automation-details>div{gap:4px;padding:11px 12px;display:grid}.automation-details>div+div{border-top:1px solid var(--dircom-border)}.automation-details span{color:#1f1f1f70;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.automation-details strong{color:var(--dircom-ink);font-size:12px;font-weight:800}.automation-actions{margin-top:auto;padding-top:14px}.campaigns-grid{grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr)}.panel{padding:18px}.panel-header{border-bottom:1px solid var(--dircom-border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding-bottom:12px;display:flex}.panel-title{letter-spacing:0;margin:0;font-size:17px;font-weight:950}.panel-copy{color:#1f1f1f7a;margin:4px 0 0;font-size:12px;font-weight:650;line-height:1.55}.inline-stat{align-items:baseline;gap:10px;padding:4px 0 2px;display:flex}.inline-stat strong{color:var(--dircom-ink);font-size:26px;line-height:1}.inline-stat span{color:#1f1f1f85;text-transform:uppercase;font-size:11px;font-weight:900}.button{border-radius:var(--dircom-radius-control);color:var(--dircom-ink);background:#fff;border:1px solid #1f1f1f1a;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:900;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.button.primary{border-color:var(--dircom-red);background:var(--dircom-red);color:#fff}.button:hover{color:var(--dircom-red-dark);background:#fff7f8;border-color:#d8071b3d}.button.primary:hover{background:var(--dircom-red-dark);color:#fff}.button.danger{color:var(--dircom-red-dark);border-color:#d8071b59}.status{border-radius:var(--dircom-radius-control);color:#1f1f1f94;letter-spacing:.08em;text-transform:uppercase;background:#f8f8f7;border:1px solid #1f1f1f14;align-items:center;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.status.good{color:#237f54;background:#eef8f2;border-color:#237f542e}.status.warn{color:var(--dircom-red-dark);background:#fff7f8;border-color:#d8071b2e}.admin-lock{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-control);color:#1f1f1f85;background:#f8f8f7;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.admin-lock:hover,.admin-lock.unlocked{color:var(--dircom-red-dark);background:#fff7f8;border-color:#d8071b33}.admin-unlock-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-item{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-control);background:#fbfaf8;padding:13px}.list-item>.button{margin-top:10px}.list-title{margin:0;font-size:13px;font-weight:900}.list-meta{color:#1f1f1f7a;margin:4px 0 0;font-size:11px;font-weight:700;line-height:1.45}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.input,.select,.textarea{border-radius:var(--dircom-radius-control);width:100%;color:var(--dircom-ink);background:#fff;border:1px solid #1f1f1f1a;outline:none;padding:10px 11px;font-size:13px;font-weight:500}.input:focus,.select:focus,.textarea:focus{border-color:#d8071b73;box-shadow:0 0 0 3px #d8071b14}.table-wrap{overflow-x:auto}.table-card{min-width:0;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%;min-width:760px;font-size:12px}th{color:#1f1f1f6b;letter-spacing:.12em;text-transform:uppercase;background:#f8f8f7;padding:11px;font-size:10px;font-weight:950}td{border-top:1px solid var(--dircom-border);color:#1f1f1fa8;padding:12px 11px;font-weight:650}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:#1f1f1fc2;gap:6px;font-size:11px;font-weight:900;display:grid}.field>span{align-items:flex-start;gap:8px;line-height:1.4;display:inline-flex}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--dircom-red);margin:0}.field>.button{justify-self:start;min-width:180px}.field.full{grid-column:1/-1}.email-preview{background:0 0;border:0;min-height:0;padding:0;overflow:visible}.email-frame{width:660px;max-width:100%;box-shadow:none;background:0 0;border:0;margin:0 auto}.email-iframe{background:0 0;border:0;width:100%;height:720px;display:block}.template-toolbar{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;display:grid}.template-picker{max-width:520px}.template-workspace{grid-template-columns:minmax(360px,.85fr) minmax(780px,1.15fr);align-items:start;gap:16px;display:grid}.template-workspace>.panel{margin-top:0}.template-table-row{min-width:0}.template-preview-panel{flex-direction:column;height:932px;display:flex;overflow:hidden}.template-preview-panel .email-preview{scrollbar-color:#1f1f1f38 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:hidden auto}.campaign-preview-panel .email-preview{max-height:720px;overflow:auto}.campaign-preview-panel .email-iframe{height:720px}.editor-details{background:0 0;border:0}.editor-details summary{cursor:pointer;color:var(--dircom-ink);padding:12px 0;font-size:12px;font-weight:900}.editor-details[open] summary{border-bottom:1px solid var(--dircom-border)}.editor-note{color:#777;margin:0 0 14px;font-size:12px;line-height:1.45}.editor-details .form-grid{align-items:start;padding:14px 0 0}.maintenance-box{gap:12px;padding:14px;display:grid}.editor-details .textarea{min-height:260px;font-size:15px;font-weight:500;line-height:1.5}.editor-details .textarea.readable{min-height:132px;font-family:inherit}.editor-details .textarea.compact{min-height:82px}.note-format-controls{gap:8px}.field-label{color:var(--dircom-muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:850}.format-control-row{flex-wrap:wrap;gap:6px;display:flex}.icon-toggle,.align-toggle{border:1px solid var(--dircom-border);width:32px;height:32px;color:var(--dircom-ink);cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-toggle input,.align-toggle input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.icon-toggle:has(input:checked),.align-toggle:has(input:checked)){border-color:var(--dircom-red);color:var(--dircom-red);background:#fff5f6}.align-toggle-group{flex-wrap:wrap;gap:6px;display:inline-flex}.protected-code .input{color:#777;background:#f2f1ee;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--dircom-border);border-radius:var(--dircom-radius-surface);width:min(100%,460px);box-shadow:var(--dircom-shadow);background:#fff;padding:28px}.login-eyebrow{margin-top:24px}.login-title{font-size:30px}.login-button{width:100%;margin-top:18px}.mobile-nav{display:none}@media (width<=1023px){.layout{padding:18px}.metrics,.section-grid,.automation-grid,.template-workspace,.module-grid{grid-template-columns:1fr 1fr}.campaigns-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}}@media (width<=1180px){.template-workspace{grid-template-columns:1fr}}@media (width<=720px){.topbar-inner,.layout{padding-left:14px;padding-right:14px}.hero-panel{grid-template-columns:1fr;padding:18px}.hero-title{font-size:25px}.template-preview-panel{height:780px}.metrics,.section-grid,.automation-grid,.template-workspace,.template-toolbar,.form-grid,.module-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{padding-left:14px;padding-right:14px}.panel,.metric-card{padding:16px}.topbar-actions{display:none}}