:root{font-family:"Trebuchet MS","Arial Rounded MT Bold",ui-rounded,system-ui,sans-serif;color:#512552;background:#f9e6f5}
*{box-sizing:border-box}
body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#ffe1f0,#efd7ff 52%,#b9f4ea)}
button,input,select,textarea{font:inherit}
.loading{padding:4rem;text-align:center}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(#ffb9de,#d9a7f6 72%,#aeece4);padding:28px 16px;border-right:3px solid #fff3fb}
.logo{font-size:22px;font-weight:900;color:#811a66;text-shadow:1px 2px #fff;margin:0 8px 30px}
.logo small{display:block;font-size:12px;color:#793d7c;text-shadow:none;margin-top:4px}
.fee-helper-wrap{text-align:center;margin:-20px auto 2px}
.fee-helper-wrap small{display:block;color:#793d7c;font-size:11px;font-weight:900;margin-top:-5px}
.fee-helper{display:block;width:132px;max-width:72%;height:auto;margin:0 auto;filter:drop-shadow(0 7px 6px #a6468a55);animation:akira-schwebe 4.8s ease-in-out infinite}
@keyframes akira-schwebe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media (prefers-reduced-motion:reduce){.fee-helper{animation:none}}
.nav-label{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#713871;margin:18px 10px 7px}
.nav-button{display:block;width:100%;border:0;background:transparent;color:#572d59;text-align:left;padding:11px 12px;margin:3px 0;border-radius:999px;font-weight:700;cursor:pointer}
.nav-button.active{background:#fff5fc;color:#c21d7a;box-shadow:0 4px 0 #bf71a0;font-weight:900}
.page{padding:36px;max-width:1120px;width:100%}
.top{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:28px}
.top h1{margin:0 0 6px;font-size:30px;color:#982460;text-shadow:1px 2px #fff}
.top p{margin:0;color:#75476e;font-weight:700}
.primary,.approve,.akira-button{border:0;border-radius:999px;cursor:pointer;font-weight:900}
.primary{background:linear-gradient(135deg,#f83d9d,#ab4bdc);color:#fff;padding:12px 16px;box-shadow:0 5px 0 #8d438e}
.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.akira-button{background:#fff7fc;color:#a12970;border:2px solid #f18abf;padding:10px 14px;box-shadow:0 4px 0 #eeb1cd}
.akira-card{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:18px;padding:18px 22px;margin-bottom:25px;background:linear-gradient(120deg,#fff8d6,#ffe7f3 55%,#e7ddff);border:3px solid #fff;border-radius:28px;box-shadow:0 7px 0 #c0629f55,0 12px 18px #96538f22}
.akira-card img{width:130px;max-width:100%;filter:drop-shadow(0 7px 6px #a6468a55)}
.akira-card h2{margin:2px 0 5px;color:#8c2464;font-size:22px}
.akira-card p{margin:0 0 12px;color:#75476e;font-size:13px;line-height:1.45;font-weight:700}
.akira-card small{display:block;margin-top:12px;color:#895d81;font-size:11px;font-weight:800}
.akira-kicker{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#a12970}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:25px 0 12px}
.section-head h2{margin:0;color:#75235f;font-size:17px}
.section-head span{font-size:12px;color:#895d81;font-weight:700}
.brands,.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card,.request-list,.login-box,.dialog{background:#fffffff2;border:3px solid #fff7fc;border-radius:24px;box-shadow:0 7px 0 #c0629f55,0 12px 18px #96538f22}
.card{padding:18px;min-height:130px}
.card h3{margin:0;color:#663057;font-size:15px}
.card p{color:#875d7d;font-size:13px;line-height:1.45;font-weight:600}
.count{font-size:12px;color:#a12970;font-weight:900}
.request-list{overflow:hidden}
.request{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:15px 17px;border-bottom:2px dashed #f4c7df}
.request:last-child{border:0}
.content-log{display:flex;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:2px dashed #f4c7df}
.content-log:last-child{border:0}
.content-log b{display:block;color:#663057;margin-bottom:3px}
.content-log small{display:block;color:#8c6484;font-weight:700}
.content-log p{margin:8px 0 0;color:#875d7d;font-size:13px;line-height:1.45;font-weight:600}
.content-log details{margin-top:9px}
.content-log summary{cursor:pointer;color:#a12970;font-size:12px;font-weight:900}
.content-log-meta{display:grid;align-content:start;justify-items:end;gap:8px;white-space:nowrap}
.content-log-meta a{color:#a12970;font-size:12px;font-weight:900}
.request b{display:block;color:#663057;margin-bottom:3px}
.request small{display:block;color:#8c6484;font-weight:700}
.request-copy{min-width:0}
.request details{margin-top:9px}
.request summary{cursor:pointer;color:#a12970;font-size:12px;font-weight:900}
.request-details{margin-top:8px;padding:12px;border-radius:14px;background:#fff7fc;color:#663057;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.badge{font-size:11px;font-weight:900;color:#a13b70;background:#ffe0ef;padding:6px 9px;border-radius:999px}
.approve{background:linear-gradient(135deg,#ffa0c9,#ef61aa);color:#70204f;padding:8px 11px;box-shadow:0 3px 0 #cc5790}
.empty{text-align:center;padding:28px;color:#865578;font-weight:700}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}
.login-box{width:min(430px,100%);padding:28px}
.login-box h1{color:#8c2464;margin:0 0 6px}
.login-box>p{color:#7b5573;font-weight:700}
.field{display:block;margin:15px 0;color:#663057;font-size:13px;font-weight:900}
.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;border:2px solid #e8afd1;border-radius:14px;background:#fff;color:#59284f;padding:11px 12px}
.error{color:#9b174f;font-weight:900}
.overlay{position:fixed;inset:0;background:#54235baa;display:grid;place-items:center;padding:20px;z-index:10}
.dialog{width:min(500px,100%);padding:25px}
.dialog h2{margin:0;color:#8c2464}
.dialog-note{color:#75476e;font-size:13px;line-height:1.45;font-weight:700}
.actions{display:flex;justify-content:flex-end;gap:10px}
.secondary{border:0;border-radius:999px;padding:10px 14px;background:#edd7e8;color:#6e4565;font-weight:900}
.toast{position:fixed;right:24px;bottom:22px;background:#fff4a8;color:#6d3b5c;border:3px solid #fff;border-radius:999px;padding:11px 16px;box-shadow:0 5px 0 #d88ba7;font-weight:900}
.hidden{display:none}
.account{margin-top:auto;padding:18px 10px 0;color:#6f3c6b;font-size:12px;font-weight:700}
.logout{border:0;background:transparent;color:#842064;text-decoration:underline;cursor:pointer;padding:6px 0}
@media(max-width:720px){.shell{grid-template-columns:1fr}
.sidebar{border-right:0;border-bottom:3px solid #fff3fb}
.nav-label{display:none}
.fee-helper-wrap{display:none}
.nav-button{display:inline-block;width:auto;margin-right:5px}
.page{padding:24px 18px}
.brands,.channels{grid-template-columns:1fr}
.request{grid-template-columns:1fr auto}
.content-log{display:block}
.content-log-meta{display:flex;align-items:center;justify-items:start;margin-top:10px}
.request small{display:none}
.top{align-items:center}
.top-actions{width:100%;justify-content:flex-start}
.top h1{font-size:25px}
.akira-card{grid-template-columns:84px 1fr;padding:15px}
.akira-card img{width:76px}
}