.vtg-wrap{max-width:var(--vtg-max-width,440px);margin:0 auto;padding:8px 0 24px;font-family:var(--vtg-font-body);color:var(--vtg-text);font-size:var(--vtg-font-size)}
.vtg-page-title{font-family:var(--vtg-font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.03em;text-align:center;margin:0 0 1.1rem;color:var(--vtg-text)}
.vtg-card{background:var(--vtg-surface);border-radius:var(--vtg-radius);box-shadow:var(--vtg-shadow,0 18px 50px -24px rgb(30 27 75 / .28));border:1px solid var(--vtg-border);padding:1.5rem}
.vtg-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:1.1rem}
.vtg-icon-box{width:48px;height:48px;border-radius:16px;background:var(--vtg-primary-soft);color:var(--vtg-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vtg-icon-box svg{width:20px;height:20px}
.vtg-card-title{margin:0;font-size:1.05rem;font-weight:700;font-family:var(--vtg-font-display)}
.vtg-card-sub{margin:.2rem 0 0;font-size:.8125rem;color:var(--vtg-muted)}
.vtg-label{display:block;font-size:.8125rem;font-weight:600;margin:0 0 .4rem}
.vtg-req{color:var(--vtg-danger);margin-left:2px}
.vtg-input-wrap{position:relative}
.vtg-input-wrap .vtg-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--vtg-primary);opacity:.7;pointer-events:none}
.vtg-textarea + .vtg-counter,.vtg-input-wrap .vtg-textarea ~ .vtg-ico,.vtg-input-wrap:has(.vtg-textarea) .vtg-ico{top:14px;transform:none}
.vtg-wrap .vtg-input,.vtg-wrap .vtg-textarea,.vtg-wrap .vtg-select{width:100%!important;max-width:100%;border:1.5px solid var(--vtg-border);border-radius:14px;background:var(--vtg-surface);color:var(--vtg-text);font-family:inherit;font-size:.9375rem;font-weight:500;box-sizing:border-box!important;margin:0!important;float:none!important;display:block!important}
.vtg-wrap .vtg-input,.vtg-wrap .vtg-select{height:48px!important;padding:0 14px 0 42px!important}
.vtg-wrap .vtg-input.no-icon,.vtg-wrap .vtg-select.no-icon{padding-left:14px!important}
.vtg-wrap .vtg-textarea{min-height:108px;height:auto!important;padding:12px 14px 28px 42px!important;resize:vertical}
.vtg-input:focus,.vtg-textarea:focus,.vtg-select:focus,.vtg-pill:focus-visible,.vtg-prio-btn:focus-visible,.vtg-submit:focus-visible{outline:2px solid var(--vtg-primary);outline-offset:2px;border-color:var(--vtg-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--vtg-primary) 25%,transparent)}
.vtg-input[readonly]{background:color-mix(in srgb,var(--vtg-primary-soft) 40%,white)}
.vtg-counter{position:absolute;right:12px;bottom:8px;font-size:11px;color:var(--vtg-muted)}
.vtg-float-label{position:absolute;left:42px;top:50%;transform:translateY(-50%);font-size:.9375rem;font-weight:500;color:var(--vtg-muted);pointer-events:none;transition:top .15s ease,left .15s ease,font-size .15s ease,transform .15s ease,background .15s ease;background:transparent;padding:0 4px;margin:0!important;max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vtg-textarea ~ .vtg-float-label{top:26px;transform:none}
.vtg-input:focus ~ .vtg-float-label,.vtg-input:not(:placeholder-shown) ~ .vtg-float-label,
.vtg-textarea:focus ~ .vtg-float-label,.vtg-textarea:not(:placeholder-shown) ~ .vtg-float-label{
  top:0;left:12px;transform:translateY(-50%) scale(.82);background:var(--vtg-surface);color:var(--vtg-primary);font-weight:600
}
.vtg-input.no-icon ~ .vtg-float-label{left:14px}
.vtg-float-label .vtg-req{color:var(--vtg-danger)}
.vtg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem .75rem}
.vtg-col-12{grid-column:span 12}.vtg-col-8{grid-column:span 8}.vtg-col-6{grid-column:span 6}.vtg-col-4{grid-column:span 4}.vtg-col-3{grid-column:span 3}
@media(max-width:640px){.vtg-col-8,.vtg-col-6,.vtg-col-4,.vtg-col-3{grid-column:span 12}}
.vtg-pills{display:flex;flex-wrap:wrap;gap:8px}
.vtg-pill{height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--vtg-border);background:var(--vtg-surface);font:600 13px var(--vtg-font-body);cursor:pointer}
.vtg-pill[data-on="true"]{background:var(--vtg-primary);border-color:var(--vtg-primary);color:var(--vtg-on-primary)}
.vtg-prio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vtg-prio-btn{height:46px;border-radius:14px;border:1.5px solid var(--vtg-border);background:var(--vtg-surface);font:600 13px var(--vtg-font-body);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.vtg-prio-btn[data-tone="success"][data-on="true"]{background:var(--vtg-success-soft);border-color:var(--vtg-success);color:var(--vtg-success)}
.vtg-prio-btn[data-tone="warning"][data-on="true"]{background:var(--vtg-warning-soft);border-color:var(--vtg-warning);color:var(--vtg-warning)}
.vtg-prio-btn[data-tone="danger"][data-on="true"]{background:var(--vtg-danger-soft);border-color:var(--vtg-danger);color:var(--vtg-danger)}
.vtg-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.vtg-drop{display:flex;gap:12px;align-items:center;border:1.5px dashed color-mix(in srgb,var(--vtg-primary) 50%,var(--vtg-border));background:var(--vtg-primary-soft);border-radius:16px;padding:14px;cursor:pointer}
.vtg-drop svg{width:20px;height:20px;color:var(--vtg-primary)}
.vtg-submit{width:100%;height:50px;margin-top:18px;border:0;border-radius:14px;color:var(--vtg-on-primary);font:700 15px var(--vtg-font-body);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--vtg-gradient-from),var(--vtg-gradient-to));cursor:pointer}
.vtg-submit svg{width:16px;height:16px}
.vtg-submit:disabled{opacity:.55;cursor:not-allowed}
.vtg-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.vtg-success{margin:16px 0 0;color:var(--vtg-success);font-weight:600;text-align:center}
.vtg-error-global,.vtg-field-error{color:var(--vtg-danger);font-size:12px;font-weight:600;margin:.35rem 0 0}
.vtg-checks{display:flex;flex-direction:column;gap:6px;font-size:14px}
.vtg-radios{display:flex;flex-direction:column;gap:6px}
.vtg-check{display:flex!important;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.vtg-consent{align-items:baseline!important;font-size:13px;line-height:1.5}
.vtg-check input[type="radio"],.vtg-check input[type="checkbox"]{width:auto!important;height:auto!important;flex:0 0 auto!important;display:inline-block!important;margin:0!important;padding:0!important;float:none!important}
.vtg-html-title{font-weight:700;margin:0}
.vtg-form{position:relative}
.vtg-field[hidden]{display:none!important}