:root{--ink:#102a35;--deep:#0b2029;--gold:#d8b35c;--paper:#e8eeec;--surface:#fff;--line:#b9c8c5;--muted:#64777b;--red:#9b3936}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}aside{position:sticky;top:0;height:100vh;padding:30px 24px;background:linear-gradient(165deg,#132f3a,#091c25);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand i{width:49px;height:49px;border:1px solid #81939a;border-radius:15px;background:linear-gradient(145deg,#314a52,#182f39);color:#f0ce76;display:grid;place-items:center;font:700 27px Georgia,serif}.brand span,.brand small{display:block}.brand b{font-size:17px}.brand small{color:#9eb0b4}.operator{margin-top:auto;padding-top:18px;border-top:1px solid #29434d;display:grid;gap:3px}.operator small{color:#92a6ab}.operator a{margin-top:8px;color:#e9ca7b}nav{margin-top:48px;display:grid;gap:8px}nav a{padding:13px 14px;border-radius:12px;color:#b9c8cb;text-decoration:none;font-weight:700}nav a:hover,nav a.active{background:#27434e;color:#fff;box-shadow:inset 3px 0 var(--gold)}main{min-width:0;padding:38px clamp(24px,4vw,62px) 60px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}header p,.panel-heading p{margin:0 0 3px;color:#99711e;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.03em}h1{font-size:clamp(30px,4vw,45px)}h2{font-size:22px}.secure{padding:9px 13px;border:1px solid #9fb2ae;border-radius:99px;background:#f8faf9;color:#496064;font-size:12px;font-weight:750}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metrics article{min-height:130px;padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 8px 22px rgba(15,39,48,.07)}.metrics small,.metrics b,.metrics span{display:block}.metrics small{color:var(--muted);font-weight:750}.metrics b{margin:8px 0 5px;font-size:32px}.metrics span{color:var(--muted);font-size:12px}.metrics .attention{border-color:#d69a94;background:#fff8f7}.metrics .attention b{color:var(--red)}.panel{margin-bottom:20px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 10px 30px rgba(15,39,48,.07);overflow:hidden}.panel-heading{padding:20px 22px;border-bottom:1px solid #d5dfdd;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading form{display:flex;gap:8px;width:min(480px,55%)}input{width:100%;height:46px;padding:0 13px;border:1px solid #aebfbb;border-radius:12px;background:#fafcfc;color:var(--ink);font:inherit}button{padding:0 19px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:800}.customer-list{display:grid}.customer-list>a{min-height:80px;padding:16px 22px;border-top:1px solid #e0e7e5;color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.customer-list>a:first-child{border-top:0}.customer-list>a:hover{background:#f1f5f4}.customer-list b,.customer-list span{display:block}.customer-list span{color:var(--muted);font-size:12px}.customer-meta{display:flex;align-items:center;gap:25px;text-align:right}.customer-meta strong{color:#86631b}.empty{padding:40px;text-align:center;color:var(--muted)}.back{display:inline-block;margin:-8px 0 18px;color:#775819;font-weight:750}.detail-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.compact-list{display:grid}.compact-list>div{min-height:68px;padding:14px 22px;border-top:1px solid #e0e7e5;display:flex;align-items:center;justify-content:space-between;gap:15px}.compact-list>div:first-child{border-top:0}.compact-list b,.compact-list small{display:block}.compact-list small{margin-top:3px;color:var(--muted)}.pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf1f0;color:#56686c;font-size:11px;font-weight:800}.pill.online,.pill.active,.pill.delivered{background:#dcf2eb;color:#26725f}.pill.failed,.pill.revoked{background:#fde5e2;color:#9b3936}.pill.processing,.pill.queued{background:#fff0cf;color:#865f11}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;border-top:1px solid #e0e7e5;text-align:left;white-space:nowrap}th{border-top:0;background:#f7f9f8;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}@media(max-width:950px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto;padding:18px 24px;flex-direction:row;align-items:center;gap:25px}nav{margin:0;display:flex}.operator{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:650px){main{padding:24px 15px}.metrics{grid-template-columns:1fr 1fr}.secure{display:none}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading form{width:100%}.customer-list>a{align-items:flex-start;flex-direction:column}.customer-meta{text-align:left;flex-wrap:wrap}nav{display:none}}