:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color:#243229;background:#f5f7f5;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}a{color:#24724d;text-decoration:none}aside{width:245px;background:#142c24;color:#e4eee7;position:fixed;inset:0 auto 0 0;padding:35px 23px}.brand{font-size:23px;font-weight:700;color:white;display:block}.mark{background:#b9eac7;color:#153f2b;border-radius:10px;padding:7px 11px;margin-right:8px}.subbrand{display:block;font-size:12px;letter-spacing:3px;margin:15px 0 55px 50px;font-weight:400}.nav-label{font-size:10px;letter-spacing:2px;color:#8fae9e;margin:20px 12px}nav a{display:block;color:#e0ece4;padding:15px 12px;border-radius:8px;margin-bottom:7px}nav a:hover{background:#29473b}.aside-bottom{position:absolute;bottom:32px;line-height:1.9;font-size:12px;color:#a2baab}.aside-bottom small{font-size:10px}main{margin-left:245px;width:calc(100% - 245px)}header{height:80px;border-bottom:1px solid #e1e7e1;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px;letter-spacing:1px;color:#6f8173;background:white}header form{display:flex;align-items:center;gap:14px}.content{padding:40px 44px;max-width:1600px;margin:auto}h1{font-size:30px;letter-spacing:-1px;margin:10px 0 12px}h2{font-size:17px;margin:0 0 22px}h2 small{font-size:12px;color:#7b897d;margin-left:10px}.eyebrow{color:#558469;font-size:10px;letter-spacing:2px;font-weight:700}.muted{color:#76847a;font-size:13px;line-height:1.8}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0 30px}.stat{padding:23px;background:#fff;border:1px solid #e0e7e1;border-radius:12px;color:#728078;font-size:12px}.stat strong{display:block;font-size:34px;font-weight:600;color:#234d35;margin-top:15px}.panel{padding:27px;background:white;border:1px solid #e0e7e1;border-radius:12px;margin:24px 0}.filters{display:flex;gap:10px;margin-bottom:22px}.filters input{flex:1}.filters select{width:170px}input,select,textarea{font:inherit;padding:11px 12px;border:1px solid #d8e1da;border-radius:6px;background:#fff;color:#243229;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #9acbac;outline-offset:1px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}label input{display:block;width:100%;margin-top:8px}button,.button{background:#266344;color:white;border:0;border-radius:6px;padding:11px 17px;font:inherit;cursor:pointer;display:inline-block;white-space:nowrap}button:hover,.button:hover{background:#184c32}.quiet{background:#edf2ed;color:#385641;padding:8px 12px}.danger{background:#fff0ed;color:#9d4638;padding:8px 12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#7d8b80;font-weight:500;background:#f8faf8;padding:13px 12px;border-bottom:1px solid #e6ebe6}td{padding:17px 12px;border-bottom:1px solid #edf0ed;vertical-align:middle}td small{display:block;color:#8b958e;margin-top:6px;overflow-wrap:anywhere}.badge{background:#eef3ed;color:#59705d;padding:5px 9px;border-radius:20px;font-size:11px}.Submitted{background:#e8f5ec;color:#287143}.Failed{background:#fff0ec;color:#b05843}.Sending,.Queued{background:#fff6df;color:#96732e}.empty{text-align:center;padding:65px 15px;color:#89958c}.table-wrap{overflow:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.error{color:#ad443b;font-size:13px;line-height:1.8}.validation-summary-valid{display:none}.notice{background:#e5f4e9;color:#2a6d40;padding:15px;border-radius:8px}.pagination{display:flex;justify-content:flex-end;gap:20px;margin-top:22px;font-size:12px}footer{padding:20px 44px;font-size:11px;color:#94a097}.login{max-width:500px;margin:60px auto}textarea{width:100%;overflow-wrap:anywhere}code{font-size:12px}td.actions a{display:block;white-space:nowrap;margin:3px 0}.danger-zone{border-color:#f1d6cf}.danger-zone h2{color:#9d4638}fieldset.smtp{border:1px solid #e0e7e1;border-radius:10px;padding:18px 20px 4px;margin:0 0 22px}fieldset.smtp legend{font-size:12px;font-weight:700;padding:0 6px}label select,label textarea{display:block;width:100%;margin-top:8px}.hint{display:block;font-weight:400;color:#76847a;margin-top:8px;line-height:1.7}.filters.period{align-items:flex-end;flex-wrap:wrap}.filters.period label{margin:0}.filters.period label input,.filters.period label select{width:170px}.num{text-align:right;white-space:nowrap}tfoot td{font-weight:600;border-bottom:0}.bar{display:flex;align-items:center;gap:10px}.bar progress{appearance:none;-webkit-appearance:none;width:100%;max-width:340px;height:10px;border:0;border-radius:5px;background:#edf2ed;overflow:hidden}.bar progress::-webkit-progress-bar{background:#edf2ed;border-radius:5px}.bar progress::-webkit-progress-value{background:#2f7a52;border-radius:5px}.bar progress::-moz-progress-bar{background:#2f7a52;border-radius:5px}.bar b{min-width:32px}@media(max-width:1000px){aside{width:190px;padding:30px 15px}main{margin-left:190px;width:calc(100% - 190px)}.content{padding:30px 22px}.stats{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.grid{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:20px}.subbrand,.nav-label,.aside-bottom{display:none}nav{display:flex;margin-top:18px}nav a{padding:8px;font-size:12px}main{margin:0;width:100%}header{padding:0 20px;height:60px}.heading{align-items:flex-start;flex-direction:column}.content{padding:24px 16px}.panel{padding:18px}.filters input,.filters select{width:100%;flex:auto}.filters.period label,.filters.period label input,.filters.period label select{width:100%}h1{font-size:25px}}
