.pcap-workspace{max-width:1100px}.drop-zone{border:2px dashed #9dc8e5;border-radius:12px;background:linear-gradient(145deg,#fafdff,#eef8ff);padding:48px 24px;text-align:center;cursor:pointer;transition:.18s}.drop-zone:hover,.drop-zone:focus-within,.drop-zone.dragging{border-color:var(--blue);background:var(--light)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{font-size:38px;color:var(--blue);line-height:1}.drop-zone h2{margin:10px 0 4px;color:var(--navy);font-size:23px}.drop-zone p{margin:0;color:var(--slate);font-size:14px}.drop-zone p span{color:var(--blue);font-weight:800}.drop-zone small{display:block;margin-top:14px;color:var(--slate);font-size:11px}.pcap-status{margin-top:12px}.pcap-results{margin-top:28px}.capture-head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.capture-head h2{margin:0;color:var(--navy)}.capture-head p{margin:4px 0 0;color:var(--slate);font-size:12px}.clear-btn{border:1px solid #c6d5e0;background:#fff;color:var(--navy);border-radius:6px;padding:9px 13px;font-weight:750;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.stat{border:1px solid var(--border);background:#fff;border-radius:9px;padding:14px}.stat small{display:block;color:var(--slate);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.stat strong{display:block;color:var(--navy);font-size:20px;margin-top:3px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.analysis-card{border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}.analysis-card>h3,.card-head{margin:0;padding:14px 16px;border-bottom:1px solid var(--border)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h3{margin:0;color:var(--navy);font-size:16px}.card-head span,.packet-toolbar span{color:var(--slate);font-size:11px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:9px 12px;border-bottom:1px solid #edf2f6;text-align:left}.data-table th{color:var(--slate);font-size:10px;text-transform:uppercase}.data-table td{color:#16324f!important}.data-table td strong{color:#0b2742!important}.packet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;border-bottom:1px solid var(--border)}.packet-toolbar h3{margin:0;color:var(--navy);font-size:16px}.packet-toolbar>div{display:flex;align-items:baseline;gap:9px}.packet-toolbar input{width:280px;border:1px solid #c6d5e0;border-radius:6px;padding:9px 11px;font:inherit;font-size:12px;outline:none;color:#16324f;background:#fff}.packet-toolbar input::placeholder{color:#60788e;opacity:1}.packet-toolbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,119,204,.1)}.packet-table-wrap{max-height:430px;overflow:auto}.packet-table{width:100%;border-collapse:collapse;font-size:11px}.packet-table th,.packet-table td{padding:8px 10px;border-bottom:1px solid #edf2f6;text-align:left;white-space:nowrap}.packet-table th{position:sticky;top:0;background:#f7fbfe;color:var(--slate);font-size:10px;text-transform:uppercase;z-index:1}.packet-table td{color:#16324f!important}.packet-table td strong{color:#0b2742!important}.packet-table tbody tr{cursor:pointer}.packet-table tbody tr:hover,.packet-table tbody tr.selected{background:var(--light)}.packet-table td:nth-child(3),.packet-table td:nth-child(4){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#16324f!important}.packet-detail{border-top:1px solid var(--border);padding:14px 16px;background:#f8fbfd;font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-grid div{padding:8px;background:#fff;border:1px solid var(--border);border-radius:6px}.detail-grid small{display:block;color:var(--slate);font-size:9px;text-transform:uppercase}.detail-grid strong{color:#0b2742!important;word-break:break-word}.empty{padding:18px;color:var(--slate);font-size:12px}.pcap-status:empty{display:none}@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:1fr}.capture-head{align-items:center}.packet-toolbar{align-items:stretch;flex-direction:column}.packet-toolbar input{width:100%}.packet-table-wrap{max-height:360px}.detail-grid{grid-template-columns:1fr}}