:root{--ink:#18253d;--muted:#75829a;--nav:#0d172c;--nav2:#13203a;--purple:#5c54dc;--purple2:#4840c8;--border:#e5e9f2;--bg:#f6f8fc;--white:#fff;--green:#167a55;--red:#cc4262;--blue:#1671b3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-size:14px}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,p{margin-top:0}h1{font-size:29px;line-height:1.24;letter-spacing:-.75px;margin-bottom:8px;font-weight:750}h2{font-size:18px;letter-spacing:-.3px;margin-bottom:4px}p{line-height:1.5;color:var(--muted)}.app-layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:242px;flex-shrink:0;height:100vh;background:var(--nav);color:#fff;display:flex;flex-direction:column;padding:25px 16px}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 32px;font-size:15px;color:#fff;font-weight:800;line-height:1.1;letter-spacing:-.3px}.brand:hover{text-decoration:none}.brand-mark{width:37px;height:37px;border-radius:10px;background:#736bee;display:flex;justify-content:center;align-items:center;font-size:22px;box-shadow:0 6px 22px #6b66e555}.brand small{display:block;font-size:9px;font-weight:700;color:#8798b5;letter-spacing:2px;margin-top:7px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#7384a5;padding:10px 13px;margin-bottom:7px}.settings-label{margin-top:24px}.nav-link{color:#bac7df;padding:12px 14px;border-radius:9px;font-size:13px;font-weight:550;display:flex;align-items:center;gap:13px;transition:.15s}.nav-link span{font-size:19px;width:23px;text-align:center;font-weight:350}.nav-link:hover,.nav-link.active{background:var(--nav2);color:#fff;text-decoration:none}.nav-link.active{background:#343b79;box-shadow:inset 3px 0 0 #8f88ff}.sidebar-bottom{margin-top:auto;padding:17px 6px 0;border-top:1px solid #263450;display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;border-radius:50%;background:#3b3b77;color:#c9c8ff;display:grid;place-items:center;font-size:11px;font-weight:750}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-meta strong{font-size:12px}.user-meta small{font-size:10px;color:#8496b5;margin-top:3px}.logout{border:0;color:#c0cee8;background:transparent;font-size:24px;padding:0 2px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:68px;padding:0 36px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.topbar-caption{font-size:10px;font-weight:750;letter-spacing:2px;color:#8390a8}.topbar-right{font-size:12px;color:#7c8ba0}.online-dot{display:inline-block;width:7px;height:7px;background:#36b37e;border-radius:50%;margin-right:8px}.divider-dot{margin:0 12px;color:#c8cddb}.content{padding:35px 38px;max-width:1600px;width:100%;margin:0 auto;flex:1}.app-footer{border-top:1px solid var(--border);text-align:center;color:#a0abc0;font-size:11px;padding:18px}.app-footer span{margin:0 7px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-header p{margin:0}.eyebrow{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:680;font-size:12px;border:1px solid transparent;padding:11px 17px;white-space:nowrap;min-height:37px;text-align:center;transition:all .15s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 4px 14px #5c54dc29}.btn-primary:hover{background:var(--purple2);color:#fff}.btn-secondary{background:#eeedff;color:var(--purple);border-color:#e2e0ff}.btn-ghost{background:white;border-color:var(--border);color:#5d6a84}.btn-danger-light{background:#fff0f3;color:#b93c54;border-color:#ffe0e5}.btn-small{padding:6px 9px;min-height:27px;font-size:11px}.btn-block{width:100%}.text-link{font-weight:700;font-size:12px}.link-button{color:var(--purple);border:0;background:transparent;font-size:12px;font-weight:700;padding:6px}.link-button.danger{color:#c04c62}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #25375b06}.panel-pad{padding:18px 21px;margin-bottom:18px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:730px;text-align:left}thead{background:#fbfcff}th{padding:17px 19px;color:#8994a9;font-size:10px;letter-spacing:.65px;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--border)}td{padding:17px 19px;font-size:12px;border-bottom:1px solid #edf0f6;vertical-align:middle;line-height:1.5;color:#627088}td strong{color:#22314b;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.small-text{font-size:11px;color:#6e7b94}.subtext{display:block;font-size:11px;color:#9aa4b7;margin-top:4px;max-width:350px;overflow-wrap:anywhere}.empty{text-align:center;color:#94a0b4;padding:48px}.status{display:inline-block;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:750;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;background:#f2f4f8;color:#7c8799}.status-running,.status-accepted,.status-completed{background:#e9f8f1;color:#18865a}.status-draft,.status-scheduled{background:#edf0fd;color:#6769a9}.status-paused,.status-queued,.status-sending,.status-initiated{background:#fff5e3;color:#ad7a21}.status-failed,.status-uncertain,.status-canceled,.status-suppressed{background:#ffedf0;color:#bd4b62}.provider{font-weight:680;color:#606f8e}.actions{min-width:190px;white-space:nowrap}.actions a,.actions form{margin-right:10px}.inline{display:inline-block;margin:0}.inline-edit{display:flex;align-items:center;gap:5px}.inline-edit select{max-width:190px;min-width:135px;padding:7px;font-size:11px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:34px;margin-bottom:17px;gap:16px}.section-header h2{margin:0}.section-header p{margin:7px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:22px;min-height:173px}.stat-icon{width:33px;height:33px;border-radius:8px;display:grid;place-items:center;font-size:18px;margin-bottom:19px}.stat-icon.indigo{background:#edebff;color:#6458d9}.stat-icon.cyan{background:#e8f6ff;color:#3994c5}.stat-icon.amber{background:#fff4e4;color:#c3943e}.stat-icon.green{background:#e4f8ee;color:#299c71}.stat-label{color:#718099;font-size:11px;font-weight:700}.stat-value{font-size:31px;line-height:1.35;letter-spacing:-1px;font-weight:780;color:#21304e;margin-top:3px}.stat-foot{font-size:10px;color:#a0aabc;margin-top:4px}.hint{padding:18px 21px;border:1px solid #e5e9f3;border-left:3px solid #9b96eb;background:#fefeff;color:#78859b;border-radius:9px;font-size:12px;line-height:1.65;margin-top:19px}.hint strong{color:#425071}.hint code{font-size:12px;color:#5048a8;background:#f1efff;padding:2px 4px;border-radius:4px}.form-panel{max-width:760px;padding:29px}.form-panel.wide{max-width:940px}.form-stack{display:flex;flex-direction:column;gap:22px}.form-stack label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#40506e;font-weight:720}.form-stack label.check-line{flex-direction:row;align-items:flex-start;line-height:1.7;font-weight:550}.form-stack input,.form-stack select,.form-stack textarea,.search-form input,.inline-edit select{outline:none;border-radius:8px;border:1px solid #dfe5ef;color:#263753;background:#fff;padding:11px 12px;max-width:100%;font-weight:500}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.search-form input:focus,.inline-edit select:focus{border-color:#8580e9;box-shadow:0 0 0 3px #716bea17}.form-stack input[readonly]{background:#f5f7fc}.form-stack label.check-line input{width:16px;height:16px;margin:3px 3px 0 0}.form-stack textarea{font-family:ui-monospace,Menlo,monospace;line-height:1.6;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-caption{margin-top:10px;border-bottom:1px solid var(--border);padding-bottom:10px;color:#9ba6bd;font-size:10px;font-weight:850;letter-spacing:1.2px}.form-actions{display:flex;gap:10px;margin-top:7px}.smtp-fields{display:flex;flex-direction:column;gap:20px}.smtp-fields.hidden{display:none}.filter-row{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.search-form{display:flex;gap:9px;flex:1;min-width:250px}.search-form input{min-width:180px;flex:1}.list-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.chip{border:1px solid #e4e8f3;border-radius:20px;background:#f7f8ff;color:#72809a;font-size:11px;padding:5px 10px}.chip strong{margin-left:6px;color:#5b54c7}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0;color:#8c99ab;font-size:11px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.detail-top>div:first-child{display:flex;gap:11px;align-items:center}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{font-size:11px;color:#9ea8ba}.stats-small .stat-card{min-height:105px;padding:22px}.stats-small .stat-value{font-size:27px}.progress{height:5px;border-radius:99px;background:#e7e8fa;overflow:hidden;min-width:75px;margin-top:6px}.progress span{background:var(--purple);height:5px;display:block}.alert{border-radius:8px;padding:14px 17px;font-size:12px;margin-bottom:22px;border:1px solid}.alert strong{margin-right:9px}.alert-success{background:#eaf8ef;color:#237752;border-color:#c7ead4}.alert-error{background:#fff0f2;color:#a63e56;border-color:#fad7df}.public-area{background:radial-gradient(circle at 50% 0%,#e8e7ff 0%,#f7f8fc 46%,#f7f8fc 100%);min-height:100vh;display:grid;place-items:center;padding:30px}.public-area main{width:100%;max-width:440px}.login-panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:43px;box-shadow:0 20px 60px #2f416515}.login-logo{background:#645ce0;color:#fff;border-radius:12px;width:53px;height:53px;display:grid;place-items:center;font-size:28px;font-weight:780;margin-bottom:28px}.login-panel h1{font-size:26px}.login-panel p{margin-bottom:29px}.login-note{text-align:center;color:#9ba6b6;font-size:11px;border-top:1px solid var(--border);padding-top:22px;margin-top:28px}.login-panel .form-stack{gap:19px}.login-panel .btn{margin-top:9px;padding:14px}.login-panel .btn span{margin-left:auto}.login-panel a.btn{margin-top:10px}
@media(max-width:1100px){.sidebar{width:210px}.content{padding:26px 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 22px}}
@media(max-width:700px){.app-layout{display:block}.sidebar{width:100%;height:auto;position:static;padding:12px}.brand{padding:6px 8px 12px}.sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.nav-label,.sidebar-bottom,.settings-label{display:none}.nav-link{padding:8px;font-size:11px;gap:4px}.nav-link span{font-size:15px;width:18px}.topbar{height:46px}.content{padding:22px 12px}.page-header{align-items:flex-start;flex-direction:column;gap:17px}.page-header h1{font-size:26px}.stat-card{padding:16px;min-height:147px}.stat-value{font-size:27px}.two-col{grid-template-columns:1fr}.form-panel{padding:17px}.stats-grid{gap:9px}.detail-top>div:first-child{flex-wrap:wrap}.login-panel{padding:29px}.form-actions{flex-wrap:wrap}}

progress{width:100%;height:6px;border:0;border-radius:99px;overflow:hidden;display:block;margin-top:7px}progress::-webkit-progress-bar{background:#ecebfb;border-radius:99px}progress::-webkit-progress-value{background:var(--purple);border-radius:99px}progress::-moz-progress-bar{background:var(--purple)}