:root{font-family:Inter,system-ui,sans-serif;color:#17243b;background:#f4f6fa;color-scheme:light}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:228px;flex-shrink:0;background:#142137;color:#fff;padding:32px 24px;min-height:100vh}.brand{font-size:26px;font-weight:750;letter-spacing:-1px}.brand:first-letter{color:#62d6bb}aside p{font-size:10px;letter-spacing:1.5px;color:#91a3bd;margin-top:54px}aside a{display:block;color:#fff;background:#263b57;padding:12px 16px;border-radius:9px;margin:18px 0}aside small{color:#91a3bd;line-height:1.8}main{width:calc(100% - 228px);max-width:1700px;padding:38px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#677a96}h1{font-size:32px;letter-spacing:-1px;margin:9px 0}a{color:#235a9d;text-decoration:none}a:hover{text-decoration:underline}button,.export{border:0;border-radius:8px;background:#205c53;color:white;padding:12px 18px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.subtle{background:#e9eef5;color:#304561}.notice{padding:14px 18px;background:#e7f3ef;border:1px solid #c9e6dc;border-radius:9px;font-size:13px;color:#285e52;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stats section{border:1px solid #e0e6ef;border-radius:12px;background:white;padding:21px}.stats span{color:#6c7c92;font-size:13px}.stats strong{display:block;font-size:32px;font-weight:650;margin-top:12px}.table-card,.detail,.login{background:white;border:1px solid #e0e6ef;border-radius:12px;overflow:hidden}.filters{display:flex;gap:10px;padding:20px;align-items:center;flex-wrap:wrap}input,select{font:inherit;font-size:13px;padding:12px;border:1px solid #d7e0eb;border-radius:8px;min-width:0;background:white;color:#17243b}.filters input{flex:1;min-width:180px}.export{background:#eef2f7;color:#304561}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#7c8aa0;font-size:11px;font-weight:500;padding:15px 20px;border-block:1px solid #e7ecf3}td{padding:20px;font-size:13px;border-bottom:1px solid #edf1f6}td small{display:block;margin-top:6px;color:#7d8da4;font-size:11px}.badge{display:inline-block;padding:5px 9px;border-radius:6px;font-size:11px;background:#edf0f5;color:#64748b}.delivered{background:#def3e9;color:#287753}.failed{background:#ffeded;color:#af4d4d}.review{background:#fff2d7;color:#9b6a1a}.pending{background:#eaf0ff;color:#4767a4}footer{display:flex;justify-content:space-between;padding:20px;color:#7c8aa0;font-size:12px}.empty{text-align:center;white-space:normal;padding:65px 20px;color:#7c8aa0}.login{max-width:420px;padding:30px;margin:50px auto}.login p{color:#7c8aa0}.login label{display:block;font-size:13px;margin:20px 0}.login input{display:block;width:100%;margin-top:8px}.login button{width:100%}.error{color:#b34444!important}.detail{padding:24px;margin-bottom:24px;overflow-wrap:anywhere}.detail p{font-size:13px;color:#66778d}:focus-visible{outline:3px solid #67b7b2;outline-offset:3px}@media(max-width:950px){aside{width:170px;padding:24px 16px}main{width:calc(100% - 170px);padding:24px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{display:block}aside{width:100%;min-height:auto;padding:18px 20px}aside p,aside a,aside small{display:none}main{width:100%;padding:20px 14px}h1{font-size:27px}.stats{gap:10px}.stats section{padding:16px}.filters{padding:14px}header{margin-bottom:18px}.login{margin:20px auto}}