:root{font-family:Arial,Helvetica,sans-serif;color:#243648;background:#f5f7fa;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:240px;background:#132c40;color:#fff;padding:35px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-size:17px;letter-spacing:1px;font-weight:bold;color:white;text-decoration:none}.brand span{display:block;font-size:13px;letter-spacing:0;font-weight:normal;color:#a6bed0;margin-top:9px}nav{display:grid;gap:9px;margin-top:48px}nav a{padding:12px;color:#d6e4ef;text-decoration:none;border-radius:7px}nav a:hover,nav a:focus{background:#24455f;color:#fff}.aside-foot{margin-top:auto;font-size:13px;line-height:1.6;color:#b2c7d6}.aside-foot small{display:block;margin-top:10px;color:#7f9caf}main{margin-left:240px;padding:36px 42px;width:calc(100% - 240px);max-width:1900px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#687d91}h1{font-size:29px;margin:10px 0;font-weight:600}h2{font-size:19px;margin:0 0 18px}p{line-height:1.6}.muted,small{color:#64788b}.card{background:white;border:1px solid #dce4eb;border-radius:12px;padding:25px;margin-bottom:22px;box-shadow:0 3px 10px #19364f05}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.metric{font-size:30px;font-weight:600;display:block;margin-top:15px}.metric small{font-size:14px;font-weight:normal}.accent{border-top:3px solid #18a999}.notice{padding:16px 20px;background:#e4f5ef;border:1px solid #b2dacf;border-radius:8px;margin-bottom:20px;white-space:pre-line}.warning{background:#fff6df;border:1px solid #efd89b;border-radius:8px;padding:15px;line-height:1.6}.error{background:#fff0ee;color:#943f34;border-color:#eec1bb}label{display:block;margin:14px 0 7px;font-size:13px;font-weight:bold}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #c5d0da;border-radius:6px;padding:11px;background:#fff;color:#243648}textarea{min-height:100px}input[type=checkbox]{width:auto}input[type=file]{background:#f7fafc}button,.button{display:inline-block;padding:11px 18px;border:0;border-radius:6px;background:#127d72;color:white;cursor:pointer;text-decoration:none;font-weight:600;font-size:14px}button:hover,.button:hover{background:#0d655d}.quiet{background:#e8eef3;color:#294960}.quiet:hover{background:#d8e4ee}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters>div{min-width:150px;flex:1}.filters label{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;padding:13px 12px;background:#f1f5f8;color:#536c81;font-size:12px;border-bottom:1px solid #d6e0e8}td{padding:15px 12px;border-bottom:1px solid #e7edf2;vertical-align:top;line-height:1.5}.num{text-align:right;white-space:nowrap}.concept{min-width:210px;max-width:420px;overflow-wrap:anywhere}a{color:#087b70}.badge{display:inline-block;font-size:11px;padding:4px 8px;background:#eaf0f5;color:#496276;border-radius:4px;white-space:nowrap}.badge.pending{background:#fff0c8;color:#806012}.badge.confirmed{background:#daf2e8;color:#25664b}.two{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.login{max-width:560px;margin:60px auto}.field-note{font-size:12px;line-height:1.6;color:#6a7e8e;margin:6px 0}.step{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background:#e2f2ee;color:#127d72;border-radius:50%;margin-right:8px}.pagination{display:flex;gap:18px;margin-top:18px}.right{margin-left:auto}details{margin:12px 0}summary{cursor:pointer}code{font-size:12px}hr{border:0;border-top:1px solid #e1e8ee;margin:24px 0}.compact{max-width:850px}.summary-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e7edf2}@media(max-width:1000px){aside{width:190px;padding:25px 15px}main{margin-left:190px;width:calc(100% - 190px);padding:24px}.two{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:20px}nav{display:flex;overflow:auto;margin-top:20px;gap:5px}nav a{white-space:nowrap}.aside-foot{display:none}main{margin:0;width:100%;padding:20px}header{align-items:start}h1{font-size:24px}.card{padding:18px}}

.email-preview{width:100%;height:1250px;border:1px solid #dce4eb;border-radius:10px;background:#f2f3f5}

aside{overflow-y:auto}nav{margin-top:24px;gap:3px}nav a{padding:9px 12px}.aside-foot{margin-top:24px}