/* Vogel Portal — scoped styles. Every selector is namespaced under
   #vgp-root so this plugin can never visually collide with the active
   WordPress theme, and the theme can't accidentally restyle it either. */

#vgp-root, #vgp-root *, #vgp-root *::before, #vgp-root *::after {
  box-sizing: border-box;
}
#vgp-root {
  --vgp-accent:#0EA5E9; --vgp-accent-soft:rgba(14,165,233,0.10); --vgp-accent-border:rgba(14,165,233,0.22);
  --vgp-gold:#B45309; --vgp-gold-soft:rgba(180,83,9,0.09); --vgp-gold-border:rgba(180,83,9,0.2);
  --vgp-bg:#F0F4F8; --vgp-glass:rgba(255,255,255,0.72); --vgp-glass-border:rgba(255,255,255,0.6);
  --vgp-stroke:rgba(0,0,0,0.08); --vgp-stroke-md:rgba(0,0,0,0.12);
  --vgp-t1:#0F172A; --vgp-t2:#475569; --vgp-t3:#94A3B8; --vgp-t4:#CBD5E1;
  --vgp-danger:#EF4444; --vgp-danger-soft:rgba(239,68,68,0.07);
  --vgp-green:#10B981;
  --vgp-tr:cubic-bezier(.22,1,.36,1); --vgp-r:16px; --vgp-r-sm:10px; --vgp-r-xs:7px;

  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--vgp-bg);
  color:var(--vgp-t1);
  position:relative;
  min-height:100vh;
  overflow:hidden;
  border-radius:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(ellipse 80% 50% at 20% -10%,rgba(14,165,233,0.12),transparent),
    radial-gradient(ellipse 60% 50% at 80% 110%,rgba(180,83,9,0.06),transparent);
}
#vgp-root::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
  background-size:200px 200px;
}

/* LOGIN */
#vgp-login{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;}
#vgp-root .vgp-lcard{width:100%;max-width:400px;border-radius:28px;background:rgba(255,255,255,0.85);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);
  border:1px solid rgba(255,255,255,0.8);box-shadow:0 0 0 1px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06),0 32px 64px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9);
  animation:vgp-cardIn .7s var(--vgp-tr) both;overflow:hidden;}
@keyframes vgp-cardIn{from{opacity:0;transform:translateY(28px) scale(.96);}to{opacity:1;transform:none;}}
#vgp-root .vgp-l-shimline{height:2px;background:linear-gradient(90deg,transparent,var(--vgp-accent) 30%,#38BDF8 70%,transparent);}
#vgp-root .vgp-lh{padding:44px 40px 20px;text-align:center;}
#vgp-root .vgp-lmark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(14,165,233,0.15),rgba(14,165,233,0.05));border:1px solid var(--vgp-accent-border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
#vgp-root .vgp-lmark svg{width:22px;height:22px;stroke:var(--vgp-accent);fill:none;stroke-width:2;}
#vgp-root .vgp-lbrand{font-size:22px;font-weight:700;letter-spacing:-0.6px;color:var(--vgp-t1);margin-bottom:4px;}
#vgp-root .vgp-lbrand em{color:var(--vgp-accent);font-style:normal;}
#vgp-root .vgp-ltag{font-size:12px;color:var(--vgp-t3);font-weight:400;letter-spacing:0.2px;}
#vgp-root .vgp-lbody{padding:8px 36px 36px;}
#vgp-root .vgp-pin-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--vgp-t3);text-align:center;margin-bottom:16px;}
#vgp-root .vgp-crow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;}
#vgp-root .vgp-cbox{aspect-ratio:1/1.1;min-height:64px;border-radius:14px;border:1.5px solid var(--vgp-stroke-md);background:rgba(248,250,252,0.8);display:flex;align-items:center;justify-content:center;cursor:text;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden;}
#vgp-root .vgp-cbox.vgp-act{border-color:var(--vgp-accent);background:var(--vgp-accent-soft);box-shadow:0 0 0 3px rgba(14,165,233,0.12);}
#vgp-root .vgp-cbox.vgp-filled{border-color:rgba(14,165,233,0.35);background:rgba(14,165,233,0.06);}
#vgp-root .vgp-cdot{width:10px;height:10px;border-radius:50%;background:var(--vgp-accent);display:none;}
#vgp-root .vgp-ccur{width:2px;height:22px;border-radius:2px;background:var(--vgp-accent);display:none;animation:vgp-blink 1.1s ease infinite;}
#vgp-root .vgp-cbox.vgp-act .vgp-ccur{display:block;} #vgp-root .vgp-cbox.vgp-filled .vgp-cdot{display:block;} #vgp-root .vgp-cbox.vgp-filled .vgp-ccur{display:none;}
@keyframes vgp-blink{0%,100%{opacity:1;}50%{opacity:0;}}
#vgp-root .vgp-hinp{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;pointer-events:none;}
#vgp-root .vgp-chint{text-align:center;font-size:11.5px;color:var(--vgp-t3);margin-top:10px;}
#vgp-root .vgp-lbtn{width:100%;height:50px;border:none;border-radius:var(--vgp-r-sm);margin-top:20px;background:var(--vgp-accent);color:#fff;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s var(--vgp-tr),box-shadow .25s,background .2s;box-shadow:0 4px 14px rgba(14,165,233,0.35);}
#vgp-root .vgp-lbtn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(14,165,233,0.42);}
#vgp-root .vgp-lbtn:disabled{opacity:.7;cursor:default;transform:none;}
#vgp-root .vgp-bl{position:relative;z-index:1;} #vgp-root .vgp-bsp{position:absolute;inset:0;display:none;align-items:center;justify-content:center;}
#vgp-root .vgp-lbtn.vgp-ld .vgp-bl{opacity:0;} #vgp-root .vgp-lbtn.vgp-ld .vgp-bsp{display:flex;}
#vgp-root .vgp-sr{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,0.3);border-top-color:#fff;animation:vgp-spin .65s linear infinite;}
@keyframes vgp-spin{to{transform:rotate(360deg);}}
#vgp-root .vgp-lerr{margin-top:12px;padding:11px 14px;border-radius:var(--vgp-r-xs);background:var(--vgp-danger-soft);border:1px solid rgba(239,68,68,0.18);font-size:12px;color:var(--vgp-danger);text-align:center;display:none;animation:vgp-shk .4s ease;}
#vgp-root .vgp-lerr.vgp-on{display:block;}
@keyframes vgp-shk{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}
#vgp-root .vgp-lfoot{padding:0 32px 28px;text-align:center;font-size:10.5px;color:var(--vgp-t4);}
#vgp-root .vgp-lfoot strong{color:var(--vgp-accent);font-weight:600;}

/* DASHBOARD */
#vgp-dash{display:none;position:relative;z-index:10;min-height:100vh;}
#vgp-root .vgp-db{padding:28px 28px 72px;max-width:1320px;margin:0 auto;}
#vgp-root .vgp-hero{border-radius:24px;padding:32px 36px;margin-bottom:20px;position:relative;overflow:hidden;background:rgba(255,255,255,0.88);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:0 2px 4px rgba(0,0,0,0.03),0 12px 40px rgba(0,0,0,0.07),inset 0 1px 0 rgba(255,255,255,0.9);animation:vgp-fadeUp .6s var(--vgp-tr) both;}
#vgp-root .vgp-hero-glow1{position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,0.09),transparent 65%);pointer-events:none;}
#vgp-root .vgp-hero-glow2{position:absolute;bottom:-60px;left:60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(180,83,9,0.05),transparent 65%);pointer-events:none;}
@keyframes vgp-fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
#vgp-root .vgp-hero-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;z-index:1;}
#vgp-root .vgp-hero-left{flex:1;min-width:220px;}
#vgp-root .vgp-upill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 7px;border-radius:40px;background:rgba(0,0,0,0.03);border:1px solid var(--vgp-stroke-md);margin-bottom:16px;}
#vgp-root .vgp-uav{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;letter-spacing:.5px;}
#vgp-root .vgp-uav.vgp-e{background:var(--vgp-accent-soft);color:var(--vgp-accent);border:1.5px solid var(--vgp-accent-border);}
#vgp-root .vgp-uav.vgp-a{background:var(--vgp-gold-soft);color:var(--vgp-gold);border:1.5px solid var(--vgp-gold-border);}
#vgp-root .vgp-uinfo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#vgp-root .vgp-uname{font-size:12.5px;font-weight:600;color:var(--vgp-t1);}
#vgp-root .vgp-ubadge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 9px;border-radius:20px;}
#vgp-root .vgp-ubadge.vgp-e{background:var(--vgp-accent-soft);border:1px solid var(--vgp-accent-border);color:var(--vgp-accent);}
#vgp-root .vgp-ubadge.vgp-a{background:var(--vgp-gold-soft);border:1px solid var(--vgp-gold-border);color:var(--vgp-gold);}
#vgp-root .vgp-udiv{width:1px;height:13px;background:rgba(0,0,0,0.1);}
#vgp-root .vgp-signout{font-size:11.5px;font-weight:500;color:var(--vgp-t3);cursor:pointer;transition:color .2s;user-select:none;}
#vgp-root .vgp-signout:hover{color:var(--vgp-danger);}
#vgp-root .vgp-greeting{font-size:26px;font-weight:700;letter-spacing:-0.6px;color:var(--vgp-t1);margin-bottom:7px;line-height:1.25;}
#vgp-root .vgp-greeting em{color:var(--vgp-accent);font-style:normal;}
#vgp-root .vgp-hsub{font-size:13px;font-weight:400;color:var(--vgp-t2);line-height:1.65;max-width:460px;margin-bottom:14px;}
#vgp-root .vgp-qwrap{display:inline-flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--vgp-r-sm);background:rgba(14,165,233,0.06);border:1px solid rgba(14,165,233,0.12);font-size:11.5px;font-style:italic;color:rgba(14,165,233,0.85);line-height:1.6;max-width:440px;}
#vgp-root .vgp-hstats{display:flex;gap:10px;flex-wrap:wrap;align-self:flex-start;flex-shrink:0;}
#vgp-root .vgp-sbox{padding:16px 22px;border-radius:var(--vgp-r);min-width:90px;text-align:center;background:var(--vgp-accent-soft);border:1px solid var(--vgp-accent-border);}
#vgp-root .vgp-sv{font-size:28px;font-weight:700;color:var(--vgp-accent);display:block;line-height:1;}
#vgp-root .vgp-sl{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--vgp-t3);margin-top:4px;}
#vgp-root .vgp-sec{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
#vgp-root .vgp-slbl{font-size:9.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--vgp-t3);white-space:nowrap;}
#vgp-root .vgp-sline{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0.07),transparent);}
#vgp-root .vgp-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:32px;}
#vgp-root .vgp-pc{border-radius:20px;padding:24px;text-decoration:none;display:block;position:relative;overflow:hidden;background:rgba(255,255,255,0.88);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 6px 18px rgba(0,0,0,0.05);transition:transform .32s var(--vgp-tr),box-shadow .32s,border-color .2s;animation:vgp-fadeUp .5s var(--vgp-tr) both;cursor:pointer;}
#vgp-root .vgp-pc:hover{transform:translateY(-6px);box-shadow:0 4px 8px rgba(0,0,0,0.04),0 24px 48px rgba(0,0,0,0.10),inset 0 1px 0 rgba(255,255,255,0.9);border-color:rgba(14,165,233,0.2);}
#vgp-root .vgp-pc-glow{position:absolute;bottom:-40px;right:-40px;width:110px;height:110px;border-radius:50%;opacity:0.08;pointer-events:none;transition:opacity .3s,transform .35s;}
#vgp-root .vgp-pc:hover .vgp-pc-glow{opacity:0.2;transform:scale(1.5);}
#vgp-root .vgp-ci{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s;font-size:20px;}
#vgp-root .vgp-pc:hover .vgp-ci{transform:scale(1.08) rotate(-4deg);}
#vgp-root .vgp-cn{font-size:13.5px;font-weight:700;letter-spacing:-0.2px;color:var(--vgp-t1);margin-bottom:5px;}
#vgp-root .vgp-cd{font-size:12px;font-weight:400;color:var(--vgp-t2);line-height:1.6;margin-bottom:16px;}
#vgp-root .vgp-ca{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:var(--vgp-t3);transition:color .2s,gap .2s;}
#vgp-root .vgp-pc:hover .vgp-ca{color:var(--vgp-accent);gap:10px;}
#vgp-root .vgp-ca svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .2s;}
#vgp-root .vgp-pc:hover .vgp-ca svg{transform:translateX(2px);}
#vgp-root .vgp-nomods{grid-column:1/-1;padding:60px;text-align:center;color:var(--vgp-t3);font-size:13px;}
#vgp-root .vgp-skel{grid-column:1/-1;padding:60px;text-align:center;color:var(--vgp-t3);font-size:13px;}

/* ADMIN TABLES */
#vgp-root .vgp-aw{border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.88);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,0.8);box-shadow:0 2px 4px rgba(0,0,0,0.03),0 10px 32px rgba(0,0,0,0.06);animation:vgp-fadeUp .6s var(--vgp-tr) .1s both;margin-bottom:28px;}
#vgp-root .vgp-ah{padding:18px 24px;border-bottom:1px solid var(--vgp-stroke);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
#vgp-root .vgp-ah h3{font-size:13.5px;font-weight:700;color:var(--vgp-t1);display:flex;align-items:center;gap:9px;margin:0;}
#vgp-root .vgp-ah h3 svg{width:15px;height:15px;stroke:var(--vgp-accent);fill:none;stroke-width:2;}
#vgp-root .vgp-ucnt{padding:3px 12px;border-radius:20px;background:var(--vgp-accent-soft);border:1px solid var(--vgp-accent-border);font-size:10.5px;font-weight:600;color:var(--vgp-accent);}
#vgp-root .vgp-ts{overflow-x:auto;-webkit-overflow-scrolling:touch;}
#vgp-root .vgp-ut{width:100%;border-collapse:collapse;min-width:680px;}
#vgp-root .vgp-ut thead tr{background:rgba(248,250,252,0.7);}
#vgp-root .vgp-ut th{padding:12px 20px;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--vgp-t3);text-align:left;border-bottom:1px solid var(--vgp-stroke);}
#vgp-root .vgp-ut td{padding:15px 20px;font-size:12.5px;color:var(--vgp-t2);border-bottom:1px solid var(--vgp-stroke);vertical-align:middle;}
#vgp-root .vgp-ut tbody tr:hover{background:rgba(14,165,233,0.025);}
#vgp-root .vgp-ut tr:last-child td{border-bottom:none;}
#vgp-root .vgp-mc{display:flex;align-items:center;gap:12px;}
#vgp-root .vgp-mav{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.5px;}
#vgp-root .vgp-mav.vgp-e{background:var(--vgp-accent-soft);color:var(--vgp-accent);border:1.5px solid var(--vgp-accent-border);}
#vgp-root .vgp-mav.vgp-a{background:var(--vgp-gold-soft);color:var(--vgp-gold);border:1.5px solid var(--vgp-gold-border);}
#vgp-root .vgp-mn{font-size:12.5px;font-weight:600;color:var(--vgp-t1);}
#vgp-root .vgp-rb{display:inline-flex;align-items:center;padding:3px 11px;border-radius:18px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;}
#vgp-root .vgp-rbe{background:var(--vgp-accent-soft);color:var(--vgp-accent);border:1px solid var(--vgp-accent-border);}
#vgp-root .vgp-rba{background:var(--vgp-gold-soft);color:var(--vgp-gold);border:1px solid var(--vgp-gold-border);}
#vgp-root .vgp-pills{display:flex;flex-wrap:wrap;gap:5px;}
#vgp-root .vgp-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:10px;font-size:9.5px;font-weight:500;white-space:nowrap;border:1px solid transparent;}
#vgp-root .vgp-pon{background:rgba(14,165,233,0.08);border-color:rgba(14,165,233,0.18);color:rgba(14,165,233,0.9);}
#vgp-root .vgp-poff{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.07);color:var(--vgp-t4);}
#vgp-root .vgp-pdot{width:4px;height:4px;border-radius:50%;flex-shrink:0;}
#vgp-root .vgp-pon .vgp-pdot{background:var(--vgp-accent);} #vgp-root .vgp-poff .vgp-pdot{background:rgba(0,0,0,0.15);}
#vgp-root .vgp-mgb{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--vgp-r-xs);background:var(--vgp-accent-soft);border:1px solid var(--vgp-accent-border);color:var(--vgp-accent);font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;}
#vgp-root .vgp-mgb:hover{background:rgba(14,165,233,0.16);transform:scale(1.03);}
#vgp-root .vgp-mgb svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;}
#vgp-root .vgp-fan{font-size:10.5px;color:var(--vgp-t3);font-style:italic;display:flex;align-items:center;gap:5px;}
#vgp-root .vgp-fan svg{width:10px;height:10px;stroke:var(--vgp-t3);fill:none;stroke-width:2;}
#vgp-root .vgp-add-user-btn,#vgp-root .vgp-add-mod-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--vgp-r-xs);background:rgba(16,185,129,0.09);border:1px solid rgba(16,185,129,0.2);color:#10B981;font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s;}
#vgp-root .vgp-add-user-btn:hover,#vgp-root .vgp-add-mod-btn:hover{background:rgba(16,185,129,0.16);transform:scale(1.03);}
#vgp-root .vgp-add-user-btn svg,#vgp-root .vgp-add-mod-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;}
#vgp-root .vgp-del-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--vgp-r-xs);background:rgba(239,68,68,0.07);border:1px solid rgba(239,68,68,0.15);color:var(--vgp-danger);font-family:'Inter',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;}
#vgp-root .vgp-del-btn:hover{background:rgba(239,68,68,0.14);}
#vgp-root .vgp-del-btn svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;}
#vgp-root .vgp-edit-btn,#vgp-root .vgp-reset-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--vgp-r-xs);background:rgba(139,92,246,0.08);border:1px solid rgba(139,92,246,0.18);color:#8B5CF6;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;}
#vgp-root .vgp-edit-btn:hover,#vgp-root .vgp-reset-btn:hover{background:rgba(139,92,246,0.16);}
#vgp-root .vgp-action-cell{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
#vgp-root .vgp-modurl{font-size:10px;color:var(--vgp-t3);font-family:monospace;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}

/* MODAL */
#vgp-root .vgp-mov{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,0.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;align-items:center;justify-content:center;padding:20px;}
#vgp-root .vgp-mov.vgp-on{display:flex;}
#vgp-root .vgp-mbox{width:100%;max-width:520px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,0.95);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,0.9);box-shadow:0 8px 16px rgba(0,0,0,0.07),0 40px 80px rgba(0,0,0,0.13),inset 0 1px 0 rgba(255,255,255,1);animation:vgp-mIn .3s var(--vgp-tr);position:relative;max-height:90vh;overflow-y:auto;}
#vgp-root .vgp-mbox-shimline{height:2px;background:linear-gradient(90deg,transparent,var(--vgp-accent) 35%,#38BDF8 65%,transparent);}
@keyframes vgp-mIn{from{opacity:0;transform:scale(.9) translateY(20px);}to{opacity:1;transform:none;}}
#vgp-root .vgp-mhd{padding:20px 24px;border-bottom:1px solid var(--vgp-stroke);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);z-index:10;}
#vgp-root .vgp-mhdl{display:flex;align-items:center;gap:12px;}
#vgp-root .vgp-mico{width:36px;height:36px;border-radius:10px;background:var(--vgp-accent-soft);border:1px solid var(--vgp-accent-border);display:flex;align-items:center;justify-content:center;color:var(--vgp-accent);}
#vgp-root .vgp-mico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
#vgp-root .vgp-mtit{font-size:14.5px;font-weight:700;color:var(--vgp-t1);}
#vgp-root .vgp-msub2{font-size:10.5px;color:var(--vgp-t3);margin-top:2px;}
#vgp-root .vgp-mcls{width:30px;height:30px;border-radius:8px;background:rgba(0,0,0,0.04);border:1px solid var(--vgp-stroke-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vgp-t3);transition:all .2s;flex-shrink:0;}
#vgp-root .vgp-mcls:hover{background:rgba(239,68,68,0.08);color:var(--vgp-danger);border-color:rgba(239,68,68,0.15);}
#vgp-root .vgp-mcls svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;}
#vgp-root .vgp-mus{margin:16px 24px 0;padding:13px 15px;border-radius:12px;background:rgba(0,0,0,0.025);border:1px solid var(--vgp-stroke);display:flex;align-items:center;gap:12px;}
#vgp-root .vgp-muav{width:42px;height:42px;border-radius:50%;background:var(--vgp-accent-soft);border:2px solid var(--vgp-accent-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--vgp-accent);flex-shrink:0;}
#vgp-root .vgp-munm{font-size:13px;font-weight:700;color:var(--vgp-t1);}
#vgp-root .vgp-mumt{font-size:10.5px;color:var(--vgp-t3);margin-top:2px;}
#vgp-root .vgp-mqw{display:flex;gap:8px;padding:14px 24px 0;}
#vgp-root .vgp-mqb{padding:6px 14px;border-radius:var(--vgp-r-xs);font-family:'Inter',sans-serif;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent;}
#vgp-root .vgp-mqa{background:var(--vgp-accent-soft);border-color:var(--vgp-accent-border);color:var(--vgp-accent);}
#vgp-root .vgp-mqa:hover{background:rgba(14,165,233,0.16);}
#vgp-root .vgp-mqn{background:rgba(0,0,0,0.04);border-color:var(--vgp-stroke-md);color:var(--vgp-t3);}
#vgp-root .vgp-mqn:hover{background:rgba(0,0,0,0.08);color:var(--vgp-t2);}
#vgp-root .vgp-mps{padding:14px 24px 0;}
#vgp-root .vgp-mph{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--vgp-t3);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
#vgp-root .vgp-mph::after{content:'';flex:1;height:1px;background:rgba(0,0,0,0.07);}
#vgp-root .vgp-pgd{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#vgp-root .vgp-pi{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;cursor:pointer;border:1.5px solid transparent;transition:all .2s var(--vgp-tr);user-select:none;}
#vgp-root .vgp-pi.vgp-on{background:rgba(14,165,233,0.06);border-color:rgba(14,165,233,0.2);}
#vgp-root .vgp-pi.vgp-off{background:rgba(0,0,0,0.02);border-color:var(--vgp-stroke);}
#vgp-root .vgp-pi:hover{transform:scale(1.02);}
#vgp-root .vgp-pi.vgp-on:hover{background:rgba(14,165,233,0.10);}
#vgp-root .vgp-pem{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
#vgp-root .vgp-pi.vgp-on .vgp-pem{background:rgba(14,165,233,0.10);} #vgp-root .vgp-pi.vgp-off .vgp-pem{background:rgba(0,0,0,0.04);}
#vgp-root .vgp-ptx{flex:1;min-width:0;}
#vgp-root .vgp-pnm{font-size:11.5px;font-weight:600;color:var(--vgp-t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#vgp-root .vgp-pst{font-size:9px;font-weight:500;margin-top:1px;}
#vgp-root .vgp-pi.vgp-on .vgp-pst{color:var(--vgp-accent);} #vgp-root .vgp-pi.vgp-off .vgp-pst{color:var(--vgp-t4);}
#vgp-root .vgp-ptg{width:36px;height:20px;border-radius:10px;position:relative;flex-shrink:0;transition:background .25s;}
#vgp-root .vgp-pi.vgp-on .vgp-ptg{background:var(--vgp-accent);} #vgp-root .vgp-pi.vgp-off .vgp-ptg{background:rgba(0,0,0,0.1);}
#vgp-root .vgp-ptg::after{content:'';position:absolute;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:left .25s var(--vgp-tr);}
#vgp-root .vgp-pi.vgp-on .vgp-ptg::after{left:19px;} #vgp-root .vgp-pi.vgp-off .vgp-ptg::after{left:3px;}
#vgp-root .vgp-mft{padding:16px 24px 24px;display:flex;gap:8px;}
#vgp-root .vgp-msv{flex:1;height:44px;border:none;border-radius:var(--vgp-r-sm);background:var(--vgp-accent);color:#fff;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 14px rgba(14,165,233,0.3);display:flex;align-items:center;justify-content:center;gap:7px;}
#vgp-root .vgp-msv:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(14,165,233,0.38);}
#vgp-root .vgp-msv:disabled{opacity:.7;cursor:default;transform:none;}
#vgp-root .vgp-msv svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.5;}
#vgp-root .vgp-mcn{height:44px;padding:0 18px;border-radius:var(--vgp-r-sm);background:rgba(0,0,0,0.04);border:1px solid var(--vgp-stroke-md);color:var(--vgp-t3);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;}
#vgp-root .vgp-mcn:hover{background:rgba(0,0,0,0.08);color:var(--vgp-t2);}
#vgp-root .vgp-au-form{padding:16px 24px 0;}
#vgp-root .vgp-au-row{margin-bottom:14px;}
#vgp-root .vgp-au-lbl{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--vgp-t3);margin-bottom:7px;display:block;}
#vgp-root .vgp-au-inp,#vgp-root .vgp-au-txt{width:100%;border-radius:var(--vgp-r-xs);border:1.5px solid var(--vgp-stroke-md);background:rgba(248,250,252,0.8);padding:0 13px;font-family:'Inter',sans-serif;font-size:13px;color:var(--vgp-t1);transition:border-color .2s,box-shadow .2s;outline:none;}
#vgp-root .vgp-au-inp{height:42px;}
#vgp-root .vgp-au-txt{height:64px;padding:10px 13px;resize:vertical;}
#vgp-root .vgp-au-inp:focus,#vgp-root .vgp-au-txt:focus,#vgp-root .vgp-au-sel:focus{border-color:var(--vgp-accent);box-shadow:0 0 0 3px rgba(14,165,233,0.1);}
#vgp-root .vgp-au-sel{width:100%;height:42px;border-radius:var(--vgp-r-xs);border:1.5px solid var(--vgp-stroke-md);background:rgba(248,250,252,0.8);padding:0 13px;font-family:'Inter',sans-serif;font-size:13px;color:var(--vgp-t1);cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;}
#vgp-root .vgp-au-note{font-size:11px;color:var(--vgp-t3);margin-top:6px;}
#vgp-root .vgp-au-err{font-size:11.5px;color:var(--vgp-danger);margin-top:8px;display:none;padding:8px 12px;background:var(--vgp-danger-soft);border-radius:var(--vgp-r-xs);border:1px solid rgba(239,68,68,0.15);}
#vgp-root .vgp-au-err.vgp-on{display:block;}
#vgp-root .vgp-colorrow{display:flex;gap:8px;flex-wrap:wrap;}
#vgp-root .vgp-cswatch{width:34px;height:34px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;}
#vgp-root .vgp-cswatch.vgp-sel{border-color:var(--vgp-t1);transform:scale(1.1);}
#vgp-root .vgp-cswatch svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;display:none;}
#vgp-root .vgp-cswatch.vgp-sel svg{display:block;}

/* TOAST */
#vgp-toast-wrap{position:fixed;bottom:24px;right:24px;z-index:100010;display:flex;flex-direction:column;gap:8px;pointer-events:none;}
#vgp-root .vgp-ti{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--vgp-r-sm);background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border:1px solid rgba(14,165,233,0.18);box-shadow:0 4px 16px rgba(0,0,0,0.09),0 1px 3px rgba(0,0,0,0.05);font-size:12.5px;font-weight:500;color:var(--vgp-t1);max-width:280px;pointer-events:auto;animation:vgp-tIn .35s var(--vgp-tr) both;}
#vgp-root .vgp-ti.vgp-danger{border-color:rgba(239,68,68,0.2);}
#vgp-root .vgp-ti.vgp-out{animation:vgp-tOut .25s ease both;}
@keyframes vgp-tIn{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:none;}}
@keyframes vgp-tOut{from{opacity:1;}to{opacity:0;transform:translateX(50px);}}
#vgp-root .vgp-tico{width:24px;height:24px;border-radius:50%;background:var(--vgp-accent-soft);display:flex;align-items:center;justify-content:center;color:var(--vgp-accent);flex-shrink:0;}
#vgp-root .vgp-tico.vgp-d{background:var(--vgp-danger-soft);color:var(--vgp-danger);}
#vgp-root .vgp-tico svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;}

@media(max-width:900px){#vgp-root .vgp-pgd{grid-template-columns:1fr;}}
@media(max-width:768px){
  #vgp-root .vgp-db{padding:16px 14px 60px;} #vgp-root .vgp-hero{padding:22px 20px;border-radius:18px;} #vgp-root .vgp-greeting{font-size:20px;}
  #vgp-root .vgp-hstats{display:none;} #vgp-root .vgp-pgrid{grid-template-columns:1fr 1fr;gap:10px;} #vgp-root .vgp-pgrid .vgp-pc{padding:18px;}
}
@media(max-width:540px){
  #vgp-root .vgp-pgrid{grid-template-columns:1fr;} #vgp-root .vgp-hero-inner{flex-direction:column;} #vgp-root .vgp-pgd{grid-template-columns:1fr;}
  #vgp-root .vgp-mhd,#vgp-root .vgp-mft,#vgp-root .vgp-mps,#vgp-root .vgp-mqw,#vgp-root .vgp-mus,#vgp-root .vgp-au-form{padding-left:16px;padding-right:16px;}
  #vgp-root .vgp-mbox{max-width:100%;border-radius:20px;} #vgp-root .vgp-action-cell{flex-direction:column;align-items:flex-start;}
}
@media(max-width:400px){#vgp-root .vgp-greeting{font-size:18px;} #vgp-root .vgp-lh{padding:36px 28px 18px;} #vgp-root .vgp-lbody{padding:6px 28px 32px;} #vgp-root .vgp-lfoot{padding:0 28px 24px;}}