.mbg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:999;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:opacity .2s ease}.mbg.open{display:flex}.mdl{background:var(--bg-card);color:var(--text-primary);border-radius:18px;padding:0;max-width:420px;width:92%;position:relative;box-shadow:0 16px 56px rgba(0,0,0,.3);border:2px solid var(--border);max-height:88vh;overflow-y:auto;animation:np-modalIn .25s ease}.mdl.wide{max-width:600px}.mbg.open .mdl{animation:np-fadeInScale .25s ease-out both}.mdl-head{padding:18px 22px 14px;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.mdl-head.pink{background:linear-gradient(135deg,var(--pink),var(--pink-soft))}.mdl-head.green{background:linear-gradient(135deg,var(--green),var(--green-soft))}.mdl-head.purple,.mdl-head.blue,.mdl-head.dark{background:linear-gradient(135deg,var(--pink),var(--pink-soft))}.mdl-head.amber{background:linear-gradient(135deg,var(--yellow),#d9a406)}.mdl-head h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.mdl-head .mdl-subtitle{color:rgba(255,255,255,.75);font-size:.66rem;margin-top:3px}.mdl-head .mdl-deco{position:absolute;top:-15px;right:-10px;font-size:4.5rem;opacity:.12;pointer-events:none}.mdl-body{padding:16px 22px 10px}.mdl-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 22px 16px}.mdl-close{position:absolute;top:12px;right:14px;border:none;background:rgba(255,255,255,.25);color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.mdl-close:hover{background:rgba(255,255,255,.4)}.mdl-section{margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--border)}.mdl-section:last-child{border-bottom:none;margin-bottom:0}.mdl-section-title{font-size:.62rem;color:var(--pink);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:5px}.mdl-section-title.green{color:var(--green)}.mdl h3{font-weight:700;font-size:1rem}.mdl>h3:first-child{padding:18px 22px 0;margin-bottom:10px;color:var(--pink)}@keyframes np-modalIn{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes np-fadeInScale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mx{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.2);border:none;font-size:1.1rem;cursor:pointer;color:#fff;transition:.15s;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.mx-save{position:absolute;top:14px;right:50px;background:rgba(255,255,255,.25);border:none;font-size:.7rem;cursor:pointer;color:#fff;transition:.15s;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;z-index:1;padding:0 10px;font-weight:700;gap:3px}.mx-save:hover{background:rgba(255,255,255,.45);transform:scale(1.05)}.mx:hover{background:rgba(255,255,255,.35);transform:scale(1.1)}:root{--pk:var(--pink);--pkl:var(--pink-soft);--pks:var(--pink-bg);--gn:var(--green);--gnl:var(--green-soft);--gns:var(--green-bg);--amber:var(--yellow);--amberl:color-mix(in srgb,var(--yellow) 60%,#fff);--purple:var(--pink);--purplel:var(--pink-soft);--tq:var(--green);--tql:var(--green-soft);--rs:var(--danger);--brd:var(--border);--brd-thick:2px;--bd:var(--border);--card-bg:var(--bg-card);--sh:0 2px 10px rgba(0,0,0,.08);--shh:0 8px 24px rgba(0,0,0,.14);--trans-speed:.2s}#hubpj-mount .tp,#hubid-mount .tp{display:block}.sinp{font-size:.78rem;padding:6px 12px;border:2px solid var(--border);border-radius:8px;font-family:inherit;min-width:120px;transition:all .2s;background:var(--bg);color:var(--text-primary)}.sinp:focus{outline:none;border-color:var(--pink);background:var(--bg-card);box-shadow:0 0 0 3px var(--pink-bg)}.fgrp{margin-bottom:10px}.fgrp label{font-size:.68rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;display:block;margin-bottom:3px}.fgrp input,.fgrp textarea,.fgrp select{width:100%;font-size:.82rem;padding:8px 10px;border:2px solid var(--border);border-radius:8px;font-family:inherit;transition:all .2s;background:var(--bg);color:var(--text-primary)}.fgrp input:focus,.fgrp textarea:focus,.fgrp select:focus{outline:none;border-color:var(--pink);background:var(--bg-card);box-shadow:0 0 0 3px var(--pink-bg)}.fgrp textarea{resize:vertical}