*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--request-background);color:#182235;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.request-shell{width:min(920px,100%);margin:auto;padding:22px}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:18px;background:var(--request-primary);color:#fff;box-shadow:0 18px 45px #12213b25}
h1{margin:3px 0 6px;font-size:clamp(1.55rem,4vw,2.25rem)}header p{margin:0;opacity:.85}.request-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em}
.request-header-tools{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.request-language{display:flex;padding:3px;border-radius:8px;background:#071a354d}.request-language a{padding:4px 9px;border-radius:6px;color:#fff;text-decoration:none;font-size:.75rem;font-weight:800}.request-language a.active{background:#fff;color:var(--request-primary)}
.request-live{display:none}.request-closed-notice{margin-top:18px;padding:24px;border:1px solid #dce3ee;border-radius:16px;background:#fff;color:#536176;text-align:center;box-shadow:0 12px 35px #12213b12}
.request-queue-status{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #cbdbea;border-radius:13px;background:#fff;color:#23334c;box-shadow:0 8px 24px #12213b0d}.request-queue-status.is-full{border-color:#efb0b7;background:#fff8f8;color:#9d1c2b}.request-queue-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--request-primary) 12%,white);color:var(--request-primary);font-size:1.2rem;font-weight:900}.request-queue-status.is-full .request-queue-icon{background:#fee4e7;color:#c5293b}.request-queue-status strong,.request-queue-status span{display:block}.request-queue-status div>span{margin-top:2px;color:#68758a;font-size:.88rem}.request-queue-status.is-full div>span{color:#a34752}
.request-panel{margin-top:18px;padding:20px;border:1px solid #dce3ee;border-radius:16px;background:#fff;box-shadow:0 12px 35px #12213b12}.request-toolbar label{display:block;margin-bottom:7px;font-weight:700}.request-toolbar input{width:100%;padding:13px 15px;border:1px solid #cbd5e3;border-radius:10px;font:inherit;outline:0}.request-toolbar input:focus{border-color:var(--request-primary);box-shadow:0 0 0 3px #168bea20}
.track-list{display:grid;gap:10px;margin-top:18px}.request-track{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px;border:1px solid #e1e7ef;border-radius:12px}.request-track img{width:54px;height:54px;border-radius:8px;object-fit:cover;background:#edf1f6}.request-track strong,.request-track span{display:block}.request-track span{color:#68758a;font-size:.88rem}.request-track button{border:0;border-radius:8px;padding:10px 14px;background:var(--request-primary);color:#fff;font-weight:700;cursor:pointer}.request-track button:disabled{opacity:.45;cursor:not-allowed}
.track-list.loading,.request-pagination.loading{opacity:.35;pointer-events:none}.track-loader{display:none;align-items:center;justify-content:center;gap:12px;min-height:86px;margin-top:16px;border-radius:12px;background:#f3f6fa;color:#536176}.track-loader.show{display:flex}.track-loader span{width:25px;height:25px;border:3px solid #ccd6e4;border-top-color:var(--request-primary);border-radius:50%;animation:request-spin .7s linear infinite}@keyframes request-spin{to{transform:rotate(360deg)}}.request-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.request-pagination button{display:grid;place-items:center;width:40px;height:36px;border:1px solid #ccd6e4;border-radius:8px;background:#fff;color:var(--request-primary);font-size:1.35rem;font-weight:800;cursor:pointer}.request-pagination button:disabled{opacity:.35;cursor:not-allowed}.request-pagination span{color:#68758a;font-size:.85rem;font-weight:700}
.request-message{margin-top:18px;padding:13px 15px;border-radius:10px}.request-message.success{background:#ddf8e9;color:#08713c}.request-message.error{background:#fee7e9;color:#a21829}.empty{text-align:center;padding:35px;color:#6d7889}footer{text-align:center;padding:20px;color:#7a8596;font-size:.8rem}footer a{color:var(--request-primary);font-weight:800;text-decoration:none}footer a:hover{text-decoration:underline}
.request-toast-container{position:fixed;z-index:9999;top:16px;right:16px;display:grid;gap:10px;width:min(390px,calc(100vw - 24px));pointer-events:none}.request-toast{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:14px 16px;border:1px solid;border-radius:12px;background:#fff;box-shadow:0 18px 50px #12213b30;opacity:0;transform:translate(18px,-12px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.request-toast.show{opacity:1;transform:none}.request-toast.success{border-color:#9ee2bd;color:#08713c}.request-toast.error{border-color:#f2adb5;color:#a21829}.request-toast-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:1rem;font-weight:900}.request-toast.success .request-toast-icon{background:#16a461}.request-toast.error .request-toast-icon{background:#d93649}.request-toast strong,.request-toast div>span{display:block}.request-toast strong{font-size:.92rem}.request-toast div>span{margin-top:2px;color:#4d5b70;font-size:.85rem;line-height:1.4}
@media(max-width:600px){.request-shell{padding:12px}header{align-items:flex-start;flex-direction:column;padding:21px}.request-header-tools{width:100%;align-items:flex-start;flex-direction:row-reverse;justify-content:space-between}.request-panel{padding:13px}.request-track{grid-template-columns:46px minmax(0,1fr)}.request-track img{width:46px;height:46px}.request-track form{grid-column:1/-1}.request-track button{width:100%}.request-toast-container{top:10px;right:10px;width:calc(100vw - 20px)}}