:root{--color-canvas: #ffffff;--color-canvas-subtle: #f6f8fa;--color-canvas-inset: #eff2f5;--color-fg: #1f2328;--color-fg-muted: #656d76;--color-fg-accent: #0969da;--color-border: #d0d7de;--color-border-muted: #d8dee4;--color-neutral-muted: rgba(175, 184, 193, .2);--color-accent: #0969da;--color-accent-glow: rgba(9, 105, 218, .5);--color-success: #1a7f37;--color-success-glow: rgba(26, 127, 55, .6);--color-danger: #cf222e;--color-danger-glow: rgba(207, 34, 46, .6);--color-header-bg: #24292f;--color-header-text: #ffffff;--color-flow-step: #ddf4ff;--color-flow-step-text: #1f2328;--color-cdn-bg: #0969da;--color-origin-bg: #6e7781;--color-origin-border: #57606a;--packet-size: 14px;--packet-trail: 30px}[data-theme=dark]{--color-canvas: #0d1117;--color-canvas-subtle: #161b22;--color-canvas-inset: #010409;--color-fg: #e6edf3;--color-fg-muted: #7d8590;--color-fg-accent: #58a6ff;--color-border: #30363d;--color-border-muted: #21262d;--color-neutral-muted: rgba(110, 118, 129, .2);--color-accent: #58a6ff;--color-accent-glow: rgba(88, 166, 255, .5);--color-success: #3fb950;--color-success-glow: rgba(63, 185, 80, .6);--color-danger: #f85149;--color-danger-glow: rgba(248, 81, 73, .6);--color-header-bg: #010409;--color-header-text: #f0f6fc;--color-flow-step: #161b22;--color-flow-step-text: #e6edf3;--color-cdn-bg: #1f6feb;--color-origin-bg: #484f58;--color-origin-border: #6e7781}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:14px;background:var(--color-canvas);color:var(--color-fg);line-height:1.5;transition:background .2s,color .2s;min-height:100vh;display:flex;flex-direction:column}header{background:var(--color-header-bg);color:var(--color-header-text);padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;gap:1rem;max-width:900px;width:100%;margin:0 auto;padding:0 1rem}.header-logos{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.logo{height:26px;width:auto;object-fit:contain}.logo-akamai{height:24px}.logo-separator{font-size:.85rem;opacity:.4;font-weight:300}.header-text h1{font-size:1rem;font-weight:600;line-height:1.3}.subtitle{opacity:.7;font-size:.75rem}.theme-toggle{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--color-header-text);cursor:pointer;padding:4px;line-height:1;transition:border-color .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:#ffffff80}.theme-toggle .material-symbols-outlined{font-size:18px}.btn-logout{background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--color-header-text);cursor:pointer;padding:4px;line-height:1;transition:border-color .2s,background .2s;display:flex;align-items:center;justify-content:center}.btn-logout:hover{border-color:var(--color-danger);background:var(--color-danger)}.btn-logout .material-symbols-outlined{font-size:18px}main{max-width:900px;width:100%;margin:8px auto;padding:0 1rem;flex:1}section{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:6px;padding:10px 12px;margin-bottom:8px;transition:background .2s}h2{font-size:13px;font-weight:600;margin-bottom:8px;color:var(--color-fg);padding-bottom:6px;border-bottom:1px solid var(--color-border)}.flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:4px 0}.flow-step{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--color-flow-step);color:var(--color-flow-step-text);padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:11px;font-weight:600;animation:stepIn .4s ease both;animation-delay:calc(var(--step) * .3s);transition:transform .3s,box-shadow .3s,border-color .3s}.flow-step.animated{animation:none;opacity:1;transform:none}.flow-step small{font-size:10px;font-weight:400;opacity:.7}.flow-icon{font-size:20px;margin-bottom:2px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.flow-step.cdn{background:var(--color-cdn-bg);color:#fff;border-color:var(--color-cdn-bg);position:relative;box-shadow:0 0 0 0 var(--color-accent-glow);animation:stepIn .4s ease both,cdnPulse 2.5s ease-in-out 1.5s infinite;animation-delay:calc(var(--step) * .3s),1.5s}.flow-step.cdn.animated{animation:cdnPulse 2.5s ease-in-out infinite;opacity:1;transform:none}.flow-step.origin{background:var(--color-origin-bg);color:#fff;border-color:var(--color-origin-border)}.flow-arrow{display:flex;align-items:center;gap:4px;padding:0 4px;position:relative;min-width:36px;justify-content:center;animation:stepIn .3s ease both;animation-delay:calc(var(--step) * .3s)}.flow-arrow.animated{animation:none;opacity:1;transform:none}.arrow-dot{width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.3;animation:dotTravel 1.5s ease-in-out infinite}.arrow-dot:nth-child(1){animation-delay:0s}.arrow-dot:nth-child(2){animation-delay:.2s}.arrow-dot:nth-child(3){animation-delay:.4s}@keyframes stepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dotTravel{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes cdnPulse{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.packet{position:absolute;width:var(--packet-size);height:var(--packet-size);border-radius:50%;background:var(--color-accent);top:50%;left:-14px;transform:translateY(-50%);opacity:0;z-index:2;pointer-events:none;box-shadow:0 0 8px var(--color-accent-glow),0 0 20px var(--color-accent-glow)}.packet:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:var(--packet-trail);height:3px;border-radius:2px;background:linear-gradient(to left,var(--color-accent),transparent)}.packet.active{opacity:1;animation:packetMove .5s ease-in-out forwards}.packet.blocked{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger-glow),0 0 20px var(--color-danger-glow)}.packet.blocked:after{background:linear-gradient(to left,var(--color-danger),transparent)}@keyframes packetMove{0%{left:-14px;opacity:1}to{left:calc(100% + 4px);opacity:1}}.scan-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff26;border-radius:0 0 6px 6px;overflow:hidden;z-index:1}.scan-bar:after{content:"";display:block;width:0;height:100%;background:#fff;border-radius:2px;opacity:0}.flow-step.cdn.scanning{animation:cdnScanPulse .6s ease-in-out infinite;opacity:1;transform:none}.flow-step.cdn.scanning .scan-bar:after{opacity:.9;animation:scanProgress 1s ease-in-out forwards}.flow-step.cdn.scan-ok{animation:none;opacity:1;transform:none;border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-glow),0 0 16px var(--color-success-glow)}.flow-step.cdn.scan-blocked{animation:shake .4s ease-in-out;opacity:1;transform:none;border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-glow),0 0 16px var(--color-danger-glow)}@keyframes scanProgress{0%{width:0}to{width:100%}}@keyframes cdnScanPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.flow-step.active-step{transform:scale(1.08);box-shadow:0 0 12px var(--color-accent-glow)}.flow-step.origin.received{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-glow),0 0 16px var(--color-success-glow)}.drop-zone{border:2px dashed var(--color-border);border-radius:6px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--color-accent);background:var(--color-canvas-subtle)}.drop-zone p{color:var(--color-fg-muted);font-size:13px}.progress-bar{height:4px;background:var(--color-neutral-muted);border-radius:2px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--color-accent);border-radius:2px;transition:width .3s}table{width:100%;border-collapse:collapse;font-size:12px}thead th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--color-border);color:var(--color-fg-muted);font-weight:600}tbody td{padding:6px 8px;border-bottom:1px solid var(--color-border-muted);word-break:break-all}tbody tr{animation:rowIn .3s ease}@keyframes rowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.status-accepted{color:var(--color-success);font-weight:600}.status-blocked{color:var(--color-danger);font-weight:600}.btn-delete{background:none;border:none;color:var(--color-fg-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.btn-delete:hover{color:var(--color-danger);background:var(--color-neutral-muted)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-delete .material-symbols-outlined{font-size:16px}.no-results{text-align:center;color:var(--color-fg-muted);padding:8px 0;font-size:12px}footer{text-align:center;padding:8px 1rem;color:var(--color-fg-muted);font-size:11px;border-top:1px solid var(--color-border);margin-top:auto}