.xp-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-height:720px;display:flex;flex-direction:column;background:var(--x-surface);border:1px solid var(--x-line);border-radius:7px;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4);overflow:hidden;animation:xpIn .14s ease-out}
.xp-panel.xp-wide{width:780px}
@keyframes xpIn{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}
.xp-head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 16px 14px 20px;border-bottom:1px solid var(--x-line);background:var(--x-raised)}
.xp-rail{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--x-accent)}
.xp-titles{flex:1;min-width:0}
.xp-kicker{color:var(--x-accent);font:700 10px/1 var(--x-mono);letter-spacing:.16em;text-transform:uppercase;filter:brightness(1.3)}
.xp-head h2{margin-top:5px;color:#fff;font:700 17px/1.2 var(--x-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-x{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--x-line2);border-radius:5px;background:transparent;color:var(--x-dim);cursor:pointer}
.xp-x:hover{color:#fff;background:var(--x-raised2)}
.xp-body{padding:16px 18px 18px;min-height:0}
.xp-list{display:flex;flex-direction:column;border:1px solid var(--x-line);border-radius:6px;overflow:hidden}
.xp-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--x-base);border-top:1px solid var(--x-soft)}
.xp-row:first-child{border-top:none}
.xp-row:hover{background:#101013}
.xp-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.xp-row-main b{color:var(--x-text);font:600 13.5px/1.2 var(--x-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-row-main span{color:var(--x-faint);font-size:11px}
.xp-qty{display:flex;align-items:center;height:26px;border:1px solid var(--x-line2);border-radius:5px;overflow:hidden}
.xp-qty button{width:24px;height:100%;border:none;background:var(--x-raised);color:var(--x-dim);cursor:pointer}
.xp-qty button:hover{color:#fff}
.xp-qty input{width:30px;height:100%;border:none;background:var(--x-base);text-align:center;outline:none;font-size:12px}
.xp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.xp-stats > div{padding:11px 12px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.xp-stats b{display:block;color:#fff;font:700 16px/1.2 var(--x-font)}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-card{padding:12px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.xp-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.xp-card-h .xp-label{margin:0}
.xp-big{color:#fff;font-size:17px}
.xp-inline{display:flex;align-items:center;gap:7px}
.xp-inline .xp-input{flex:1;min-width:0}
.xp-grade{width:180px;height:28px;font-size:12px;flex:none}
.xp-note{margin-top:8px;color:var(--x-faint);font:500 12px/1.45 var(--x-font)}
.xp-subject{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:10px 12px;border:1px solid var(--x-line);border-left:3px solid var(--x-accent);border-radius:5px;background:var(--x-base);color:var(--x-text);font:600 13px/1 var(--x-mono)}
.xp-subject .xp-ico{color:var(--x-accent)}
.xp-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--x-line)}
.xp-photo{position:relative;display:flex;align-items:center;justify-content:center;height:100px;border-radius:5px;background:radial-gradient(120% 90% at 50% 30%,#232833 0%,#14171d 60%,#0d0f13 100%);border:1px solid var(--x-soft);overflow:hidden}
.xp-photo img{display:none;max-width:84%;max-height:84px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.xp-photo.has img{display:block}
.xp-photo.has .xp-ph{display:none}
.xp-ph{color:#3d4350}
.ar-tabs{display:flex;gap:6px;margin-bottom:12px}
.ar-tab{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--x-line);border-radius:5px;background:var(--x-base);color:var(--x-dim);font:600 12px/1 var(--x-font);cursor:pointer}
.ar-tab:hover{color:var(--x-text);border-color:var(--x-line2)}
.ar-tab.on{color:#fff;border-color:rgba(var(--x-accent-rgb),.6);background:rgba(var(--x-accent-rgb),.14)}
.ar-tab em{font-style:normal;color:var(--x-faint);font:600 10.5px/1 var(--x-mono)}
.ar-tab.on em{color:#cfe0ff}
.ar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ar-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base);transition:border-color .1s}
.ar-card:hover{border-color:#3d4352}
.ar-count{position:absolute;top:15px;right:15px;padding:2px 6px;border-radius:3px;background:rgba(0,0,0,.6);color:#dfe6ef;font:700 10.5px/1.2 var(--x-mono);font-style:normal}
.ar-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.ar-name b{color:var(--x-text);font:600 13px/1.2 var(--x-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-name span{color:var(--x-faint);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-meta{display:flex;flex-wrap:wrap;gap:5px}
.ar-take{display:flex;align-items:center;gap:6px}
.ar-take .xp-btn{flex:1}
.ev-top{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end}
.ev-big{height:48px;font-size:24px;font-weight:700;letter-spacing:.14em;text-align:center}
.ev-lab .xp-input{height:48px}
.ev-go{height:48px;padding:0 18px}
.ev-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}
.ev-bar .xp-label{margin:0}
.ev-bar .xp-input{width:260px;height:30px;font-size:12px}
.ev-list{max-height:340px;overflow:auto}
.ev-row{cursor:pointer}
.ev-tag{flex:none;min-width:62px;padding:5px 8px;border-radius:4px;background:rgba(var(--x-accent-rgb),.12);color:#9cc0ff;font:700 13.5px/1 var(--x-mono);text-align:center}
.im-lots{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.im-lot{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base);text-align:left;cursor:pointer}
.im-lot b{color:var(--x-text);font:600 13px/1.2 var(--x-font)}
.im-lot span{color:var(--x-faint);font-size:11px}
.im-lot:hover{border-color:var(--x-line2)}
.im-lot.on{border-color:rgba(var(--x-accent-rgb),.7);background:rgba(var(--x-accent-rgb),.12)}
.im-holds{flex-wrap:wrap}
.im-check{display:flex;align-items:center;gap:9px;height:34px;padding:0 11px;border:1px solid var(--x-line);border-radius:5px;background:var(--x-base);color:var(--x-text);font:500 12.5px/1.2 var(--x-font);cursor:pointer}
.im-check input{accent-color:var(--x-red)}
.il-cards{display:flex;flex-direction:column;gap:10px}
.il-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.il-card.ready{border-color:rgba(61,220,151,.4)}
.il-plate{position:relative;padding:9px 12px 7px;border:2px solid #c3cbd4;border-radius:5px;background:linear-gradient(180deg,#ffffff 0%,#e7ebef 100%);color:#16255c;font:800 16px/1 var(--x-mono);letter-spacing:.1em;box-shadow:inset 0 0 0 1px #fff,0 3px 8px rgba(0,0,0,.45)}
.il-plate::before{content:'San Andreas';position:absolute;left:0;right:0;top:-1px;color:#c0392b;font:italic 700 7px/1 var(--x-font);letter-spacing:.04em;text-align:center}
.il-plate.sm{padding:6px 8px 5px;font-size:12px}
.il-plate.sm::before{font-size:5.5px}
.il-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.il-main b{color:#fff;font:600 14px/1.2 var(--x-font)}
.il-main span{color:var(--x-dim);font:500 12px/1.3 var(--x-font)}
.il-main small{color:var(--x-faint);font:500 11px/1.3 var(--x-font)}
.il-main i{color:var(--x-yellow);font-style:normal}
.il-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.il-row .xp-chip{flex:none}
.cn-wait{display:none;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(255,176,32,.35);border-left:3px solid var(--x-yellow);border-radius:5px;background:rgba(255,176,32,.08);color:var(--x-yellow);font:600 12.5px/1.3 var(--x-font)}
.cn-wait.on{display:block}
.cn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.cn-meal{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.cn-tray{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;border-radius:5px;background:linear-gradient(180deg,#2a2f37,#1b1f25);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 0 rgba(0,0,0,.35)}
.cn-item{display:flex;flex-direction:column;gap:5px}
.cn-item .xp-photo{height:70px}
.cn-item .xp-photo img{max-height:60px}
.cn-item span{color:var(--x-dim);font:600 11px/1.2 var(--x-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-item em{font-style:normal;color:var(--x-text)}
.cn-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cn-foot b{color:#fff;font:700 13.5px/1.2 var(--x-font)}
.fl-now{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border:1px solid rgba(255,77,94,.35);border-radius:5px;background:rgba(255,77,94,.08);color:#ff9aa4;font:600 12.5px/1.3 var(--x-font)}
.fl-plate{position:relative;width:240px;height:78px;border-radius:7px;background:linear-gradient(180deg,#fbfbf7,#e4e4dc);box-shadow:inset 0 0 0 3px #1d3c8f,inset 0 0 0 5px #fbfbf7,0 6px 18px -6px rgba(0,0,0,.7)}
.fl-plate-in{position:absolute;left:10px;right:10px;top:14px;height:44px;border:none;background:transparent;color:#14295f;font:700 34px/1 var(--x-mono);letter-spacing:.12em;text-align:center;outline:none;text-transform:uppercase}
.fl-plate span{position:absolute;left:0;right:0;bottom:7px;text-align:center;color:#c0202c;font:700 8px/1 var(--x-font);letter-spacing:.32em}
.fl-hours .xp-btn.on{border-color:var(--x-accent);background:rgba(var(--x-accent-rgb),.16);color:#fff}
.cm-list{max-height:420px}
.cm-id{width:30px;color:var(--x-dim);font-size:12px}
.cm-row.cm-last{background:rgba(var(--x-accent-rgb),.08)}
.cm-tag{color:var(--x-accent) !important;font-weight:600}
.lc-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.lc-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.lc-card.ok{border-color:rgba(61,220,151,.28)}
.lc-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:7px;background:var(--x-raised2);color:var(--x-dim)}
.lc-card.ok .lc-ico{color:var(--x-green)}
.lc-main{flex:1;display:flex;align-items:center;gap:10px}
.lc-main b{color:var(--x-text);font:600 13.5px/1.2 var(--x-font)}
.lb-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.lb-bag{position:relative;flex-wrap:wrap}
.lb-bag .xp-row-main span.xp-mono{color:var(--x-dim);font-size:11px}
.lb-type{flex:none;min-width:62px;justify-content:center}
.lb-casing{background:rgba(226,180,78,.14);color:#e2b44e}
.lb-blood{background:rgba(255,77,94,.14);color:#ff8a95}
.lb-dna{background:rgba(160,120,255,.14);color:#b9a2ff}
.lb-fingerprint{background:rgba(112,192,255,.14);color:#8fcaff}
.lb-reps{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.lb-rep{padding:10px 12px;border:1px solid var(--x-line);border-left:3px solid var(--x-accent);border-radius:5px;background:var(--x-base)}
.lb-rep b{display:block;color:var(--x-text);font:600 13px/1.3 var(--x-font)}
.lb-rep span{display:block;margin-top:3px;color:var(--x-dim);font:500 11.5px/1.3 var(--x-font)}
.lb-rep em{display:block;margin-top:4px;color:var(--x-faint);font:500 10.5px/1 var(--x-mono);font-style:normal}
.ps-wallet{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;border:1px solid var(--x-line);border-left:3px solid var(--x-accent);border-radius:6px;background:var(--x-base);color:var(--x-dim);font:600 12.5px/1 var(--x-font)}
.ps-wallet img{width:26px;height:26px;object-fit:contain}
.ps-wallet b{color:#fff;font-size:18px}
.ps-wallet em{flex:1;text-align:right;color:var(--x-faint);font-style:normal;font-size:11.5px}
.ps-sub{margin:16px 0 8px;color:var(--x-dim);font:700 10.5px/1 var(--x-font);letter-spacing:.12em;text-transform:uppercase}
.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ps-card{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.ps-card .xp-photo{height:84px}
.ps-card .xp-photo img{max-height:70px}
.ps-phone{color:var(--x-accent)}
.ps-name b{display:block;color:#fff;font:700 13px/1.2 var(--x-font)}
.ps-name em{font-style:normal;color:var(--x-dim)}
.ps-name > span{display:block;margin-top:3px;color:var(--x-faint);font:500 11.5px/1.35 var(--x-font)}
.ps-buy{display:flex;align-items:center;gap:7px}
.ps-price{flex:1;color:var(--x-text);font:700 12.5px/1 var(--x-mono)}
.ps-price small{color:var(--x-faint);font:600 10px/1 var(--x-font)}
.ps-callbox{margin-top:14px;padding:14px;border:1px solid var(--x-line2);border-radius:6px;background:var(--x-raised)}
.ps-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ps-person{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--x-line2);border-radius:5px;background:var(--x-base);color:var(--x-text);font:600 12px/1 var(--x-font);cursor:pointer}
.ps-person.on{border-color:var(--x-accent);background:rgba(var(--x-accent-rgb),.16)}
.ps-note{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(255,176,32,.3);border-radius:5px;background:rgba(255,176,32,.07);color:var(--x-yellow);font:600 12px/1.35 var(--x-font)}
.ps-recipes{display:flex;flex-direction:column;gap:8px}
.ps-recipe{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;border:1px solid var(--x-line);border-radius:6px;background:var(--x-base)}
.ps-recipe .xp-photo{height:70px}
.ps-recipe .xp-photo img{max-height:60px}
.ps-recipe.ready{border-color:rgba(61,220,151,.35)}
.ps-needs{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.ps-needs span{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:4px;font:600 11px/1 var(--x-font)}
.ps-needs span.ok{background:rgba(61,220,151,.12);color:var(--x-green)}
.ps-needs span.no{background:rgba(255,77,94,.12);color:#ff7a87}
.lbx-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lbx-head b{display:block;color:#fff;font:700 15px/1.2 var(--x-font)}
.lbx-head span:not(.xp-chip){display:block;margin-top:3px;color:var(--x-dim);font:500 12px/1.4 var(--x-font)}
.lbx-stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;border:1px solid var(--x-line);border-radius:8px;background:radial-gradient(circle at 50% 40%,#151a22,#090b0f)}
.lbx-svg{width:500px;height:240px;stroke-linecap:round}
.lbx-tag{fill:rgba(255,255,255,.55);font:700 9px var(--x-mono);letter-spacing:.2em;text-anchor:middle}
.lbx-range{width:420px;accent-color:var(--x-accent)}
.lbx-meter{height:6px;margin-top:12px;border-radius:3px;background:var(--x-soft);overflow:hidden}
.lbx-meter i{display:block;width:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#f59e0b,#3ddc97);transition:width .12s}
.lbx-meter i.run{background:linear-gradient(90deg,var(--x-accent),#7cb4ff)}
.lbx-status{margin-top:9px;color:var(--x-dim);font:600 12px/1.4 var(--x-font)}
.lbx-status.run{color:var(--x-accent)}
.lbx-dna{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.lbx-gauge{position:relative;width:440px;height:16px;border-radius:8px;background:linear-gradient(90deg,#2a2f39,#3b4150)}
.lbx-gauge .green{position:absolute;left:62%;width:20%;top:0;bottom:0;border-radius:8px;background:rgba(61,220,151,.45);box-shadow:0 0 12px rgba(61,220,151,.5)}
.lbx-gauge b{position:absolute;top:-6px;width:3px;height:28px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.7);left:0}
.lbx-gel{display:grid;grid-template-columns:repeat(4,64px);gap:14px;height:150px;padding:10px 16px;border-radius:6px;background:linear-gradient(180deg,#1b2333,#10151f);box-shadow:inset 0 0 0 1px rgba(124,180,255,.15)}
.lbx-gel .lane{position:relative;border-radius:3px;background:rgba(124,180,255,.05)}
.lbx-gel .lane.sample{background:rgba(255,77,94,.08)}
.lbx-gel i{position:absolute;left:6px;right:6px;height:5px;border-radius:2px;background:#9fd0ff;box-shadow:0 0 8px rgba(124,180,255,.8);transition:opacity .5s}
.lbx-gel .sample i{background:#ff8a95;box-shadow:0 0 8px rgba(255,77,94,.8)}
.lbr-head{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--x-line);border-left:3px solid var(--x-dim);border-radius:6px;background:var(--x-base);color:var(--x-dim)}
.lbr-head.hit{border-left-color:var(--x-green);color:var(--x-green)}
.lbr-head span{display:block;color:var(--x-faint);font:700 10px/1 var(--x-font);letter-spacing:.12em;text-transform:uppercase}
.lbr-head b{display:block;margin-top:5px;color:#fff;font:700 14.5px/1.35 var(--x-font)}
.lbr-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.lbr-lines div{padding:9px 11px;border:1px solid var(--x-line);border-radius:5px;background:var(--x-base)}
.lbr-lines span{display:block;color:var(--x-faint);font:700 9.5px/1 var(--x-font);letter-spacing:.12em;text-transform:uppercase}
.lbr-lines b{display:block;margin-top:5px;color:var(--x-text);font:600 12.5px/1.3 var(--x-mono);word-break:break-word}
.lbr-links{display:flex;flex-direction:column;gap:6px}
.lbr-links div{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,176,32,.3);border-radius:5px;background:rgba(255,176,32,.06);color:var(--x-yellow)}
.lbr-links span{flex:1;color:var(--x-text);font:600 12.5px/1.3 var(--x-font)}
.lbr-links em{color:var(--x-faint);font:600 11px/1 var(--x-mono);font-style:normal}