:root{--pb-primary:#004d5b;--pb-accent:#73fcd7;--pb-bg:#f8f8f8;--pb-surface:#fff;--pb-line:#e3e6e6;--pb-text:#1d1e20;--pb-muted:#6b7280;--pb-danger:#f5434a;--pb-radius:10px}[data-theme=dark]{--pb-primary:#baefe3;--pb-accent:#baefe3;--pb-bg:#1d1e20;--pb-surface:#26282b;--pb-line:#383b3f;--pb-text:#eaecee;--pb-muted:#9aa1a8}*{box-sizing:border-box}body{background:var(--pb-bg);color:var(--pb-text);margin:0;font-family:Tajawal,Segoe UI,-apple-system,sans-serif;font-size:14px}.app{flex-direction:column;min-height:100vh;display:flex}.top{background:var(--pb-surface);border-bottom:1px solid var(--pb-line);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;display:flex}.brand{color:var(--pb-primary);font-weight:700}.top-fields{flex-wrap:wrap;flex:1;gap:8px;display:flex}.top-fields input{width:150px}.top-actions{align-items:center;gap:8px;display:flex}.dot{background:var(--pb-danger);border-radius:50%;width:8px;height:8px}input,select,textarea{width:100%;font:inherit;background:var(--pb-bg);color:var(--pb-text);border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--pb-primary);outline-offset:-1px}textarea{resize:vertical}button{font:inherit;cursor:pointer;background:var(--pb-surface);color:var(--pb-text);border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:8px 14px}button:hover:not(:disabled){border-color:var(--pb-primary)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--pb-primary);color:#fff;border-color:var(--pb-primary)}.mini{padding:2px 7px;font-size:13px;line-height:1.6}.mini.danger{color:var(--pb-danger)}.add{width:100%;color:var(--pb-primary);border-style:dashed;margin-top:8px;padding:10px}.grid{flex:1;grid-template-columns:260px minmax(0,1fr) 300px;gap:12px;padding:12px;display:grid}@media (width<=1000px){.grid{grid-template-columns:1fr}}.pane{background:var(--pb-surface);border:1px solid var(--pb-line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pane-head{color:var(--pb-muted);border-bottom:1px solid var(--pb-line);padding:10px 14px;font-size:13px;font-weight:600}.pane-body{flex:1;padding:12px;overflow-y:auto}.hint{color:var(--pb-muted);text-align:center;padding:20px 0;font-size:13px}.blk{cursor:pointer;border:1px solid var(--pb-line);border-radius:var(--pb-radius);justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;padding:9px 10px;display:flex}.blk:hover{border-color:var(--pb-primary)}.blk.sel{border-color:var(--pb-primary);border-width:2px}.blk.off .blk-name{opacity:.45;text-decoration:line-through}.blk-name{font-size:13px}.blk-tools{gap:2px;display:flex}.fld{margin-bottom:12px}.fld-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.fld-label{color:var(--pb-muted);margin-bottom:5px;font-size:12px;display:block}.fld-row .fld-label{margin-bottom:0}.fld-hint{color:var(--pb-muted);margin-top:4px;font-size:11px}.sw{background:var(--pb-line);border:0;border-radius:11px;flex:none;width:40px;height:22px;padding:0;position:relative}.sw.on{background:var(--pb-primary)}.sw-dot{top:3px;background:#fff;border-radius:50%;width:16px;height:16px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:3px}.sw.on .sw-dot{inset-inline-start:21px}.clr{align-items:center;gap:6px;display:flex}.clr input[type=color]{width:34px;height:30px;padding:2px}.clr-txt{direction:ltr;width:100px;font-size:12px}.list-item{border:1px solid var(--pb-line);border-radius:var(--pb-radius);margin-bottom:8px;padding:10px}.list-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.list-num{color:var(--pb-muted);font-size:12px}.list-tools{gap:2px;display:flex}.pv{flex-direction:column;height:100%;display:flex}.pv-bar{color:var(--pb-muted);border-bottom:1px solid var(--pb-line);padding:10px 14px;font-size:13px;font-weight:600}.pv-body{flex:1;padding:16px;overflow-y:auto}.pv-item{border:2px solid #0000;border-radius:12px}.pv-item.sel{border-color:var(--pb-accent)}.pv-empty{color:var(--pb-muted);text-align:center;padding:40px 0}@keyframes pb-spin{to{transform:rotate(360deg)}}.pb-cta[disabled]{cursor:not-allowed;opacity:.8}.pb-cta.is-busy .pb-cta-label{visibility:hidden}.pb-cta-spin{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite pb-spin;display:none;position:absolute}.pb-cta.is-busy .pb-cta-spin{display:block}.pv-body details>summary{list-style:none}.pv-body details>summary::-webkit-details-marker{display:none}.pv-body details>summary:before{content:"+";margin-inline-end:8px;font-weight:700}.pv-body details[open]>summary:before{content:"−"}.modal{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--pb-surface);border-radius:14px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex}.modal-head{border-bottom:1px solid var(--pb-line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-body{padding:16px;overflow-y:auto}.pick-group{margin-bottom:18px}.pick-title{color:var(--pb-muted);margin-bottom:8px;font-size:12px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.pick-card{text-align:center;padding:14px 10px;font-size:13px}.toast{bottom:20px;background:var(--pb-primary);color:#fff;z-index:60;border-radius:999px;padding:10px 20px;font-size:13px;position:fixed;inset-inline-start:50%;transform:translate(50%)}.scope{background:var(--pb-surface);border-bottom:1px solid var(--pb-line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.seg{border:1px solid var(--pb-line);border-radius:var(--pb-radius);display:flex;overflow:hidden}.seg button{background:0 0;border:0;border-radius:0;padding:7px 16px}.seg button.on{background:var(--pb-primary);color:#fff}.pid{width:160px}.scope-note{color:var(--pb-muted);flex:1;font-size:12px}.empty-state{color:var(--pb-muted);flex:1;justify-content:center;align-items:center;padding:60px 20px;font-size:15px;display:flex}.boot{min-height:100vh;color:var(--pb-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.chip{background:var(--pb-accent);color:#004d5b;border-radius:999px;margin-inline-start:8px;padding:2px 10px;font-size:11px;font-weight:400;display:inline-block}