.vnd{max-width:960px;margin:0 auto;padding:0 var(--space-lg) var(--space-3xl)}.vnd-hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl)}.vnd-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;margin:0 0 var(--space-md);background:linear-gradient(135deg,var(--color-accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vnd-hero__sub{color:var(--color-text-secondary);max-width:650px;margin:0 auto var(--space-md);line-height:1.6}.vnd-hero__info{font-size:.95rem;color:var(--color-text-secondary)}.vnd-calc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.vnd-calc__title{font-size:1.2rem;font-weight:700;text-align:center;margin:0 0 var(--space-lg)}.vnd-rows{display:flex;flex-direction:column;gap:var(--space-lg)}.vnd-row{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);position:relative}.vnd-row__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.vnd-row__num{font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.vnd-row__remove{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s,background .15s}.vnd-row__remove:hover{color:var(--color-status-error);background:#ef44441a}.vnd-row__fields{display:grid;grid-template-columns:2fr 1.2fr 100px auto;gap:var(--space-md);align-items:end}@media(max-width:700px){.vnd-row__fields{grid-template-columns:1fr}}.vnd-field label{display:block;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.03em}.vnd-field select,.vnd-field input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:.95rem;outline:none;transition:border-color .2s}.vnd-field select:focus-visible,.vnd-field input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.vnd-field select:focus,.vnd-field input:focus{border-color:var(--color-accent)}.vnd-field select optgroup{font-weight:700;font-style:normal;padding:4px 0;color:var(--color-text)}.vnd-field select option{font-weight:400;padding-inline-start:8px}.vnd-field input[type=number]{-moz-appearance:textfield}.vnd-field input::-webkit-outer-spin-button,.vnd-field input::-webkit-inner-spin-button{-webkit-appearance:none}.vnd-search{position:relative;margin-bottom:var(--space-lg)}.vnd-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.vnd-search__input{width:100%;padding:10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:.95rem;outline:none;transition:border-color .2s}.vnd-search__input:focus{border-color:var(--color-accent)}.vnd-search__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.vnd-search__input::-webkit-search-cancel-button{display:none}.vnd-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.2rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:color .15s,background .15s}.vnd-search__clear:hover{color:var(--color-text);background:var(--color-bg-tertiary, rgba(255,255,255,.06))}.vnd-search__list{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:280px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000059;z-index:10}.vnd-search__group{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:8px 10px 4px}.vnd-search__opt{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-sm);font-size:.9rem;color:var(--color-text);transition:background .1s}.vnd-search__opt:hover,.vnd-search__opt--active{background:var(--color-accent-a8, rgba(245,158,11,.08))}.vnd-search__opt-pct{color:var(--color-accent);font-weight:600;flex-shrink:0}.vnd-search__empty{padding:10px;color:var(--color-text-secondary);text-align:center;font-size:.9rem}.vnd-row__bulk-warn{display:flex;align-items:flex-start;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.45;color:var(--color-status-updating, #f59e0b)}.vnd-row__bulk-warn svg{flex-shrink:0;margin-top:2px}.vnd-order-item__nodisc{color:var(--color-status-error);font-weight:500;margin-inline-start:4px}.vnd-order-item--blocked{opacity:.9}.vnd-row__subtotal{font-weight:700;font-size:1.05rem;white-space:nowrap;padding-bottom:12px;display:flex;align-items:flex-end;color:var(--color-accent)}.vnd-add-btn{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-md);border:2px dashed var(--color-accent);border-radius:var(--radius-md);background:transparent;color:var(--color-accent);font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.vnd-add-btn:hover{background:var(--color-accent);color:#fff}.vnd-calc__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.vnd-calc__actions .vnd-add-btn{flex:1;margin-top:0}.vnd-clear-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:2px solid rgba(239,68,68,.4);border-radius:var(--radius-md);background:transparent;color:var(--color-status-error);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.vnd-clear-btn:hover{background:#ef44441a;border-color:var(--color-status-error)}.vnd-order{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.vnd-order__title{font-size:1.2rem;font-weight:700;text-align:center;margin:0 0 var(--space-lg)}.vnd-tiers{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.vnd-tier{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center;min-width:90px;transition:border-color .3s,box-shadow .3s}.vnd-tier--active{border-color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-a30)}.vnd-tier__label{font-size:.8rem;font-weight:600;margin-bottom:2px}.vnd-tier__pct{font-size:1.1rem;font-weight:700;color:var(--color-accent)}.vnd-order__items{margin-bottom:var(--space-md)}.vnd-order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.vnd-order-item__calc{font-weight:600;white-space:nowrap}.vnd-order__summary{margin-top:var(--space-md)}.vnd-summary-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;font-size:.95rem}.vnd-summary-row--accent span:last-child{color:var(--color-accent);font-weight:600}.vnd-summary-row--total{font-size:1.3rem;font-weight:700;border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-sm)}.vnd-screenshot-note{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-accent-a8);border:1px solid var(--color-accent-a20);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-lg) 0;font-size:.9rem;color:var(--color-text-secondary)}.vnd-screenshot-note svg{flex-shrink:0;color:var(--color-accent)}.vnd-digi-info{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.vnd-digi-info__row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;font-size:.9rem;color:var(--color-text-secondary)}.vnd-digi-info__row strong{color:var(--color-text)}.vnd-digi-info__row--total{border-top:1px solid var(--color-border);margin-top:var(--space-xs);padding-top:var(--space-sm);font-size:1rem}.vnd-digi-info__row--total strong{color:var(--color-accent);font-size:1.1rem}.vnd-pay-btn{display:block;width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-accent),#e0b96a);color:#000;text-align:center;border-radius:var(--radius-md);font-weight:700;font-size:1.1rem;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s}.vnd-pay-btn:hover{opacity:.9}.vnd-min-note{text-align:center;font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-sm)}.vnd-min-hint{text-align:center;font-size:.85rem;color:var(--color-status-updating, #f59e0b);margin:var(--space-sm) 0 0}.vnd-how{margin-bottom:var(--space-xl)}.vnd-how h2{font-size:1.2rem;font-weight:700;margin:0 0 var(--space-lg);text-align:center}.vnd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:700px){.vnd-steps{grid-template-columns:1fr}}.vnd-step{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.vnd-step__num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:#000;font-weight:700;font-size:1rem;margin-bottom:var(--space-sm)}.vnd-step p{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-text-secondary)}.vnd-important{background:var(--color-bg-secondary);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.vnd-important h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1.1rem;font-weight:700;margin:0 0 var(--space-lg);color:var(--color-status-updating)}.vnd-important h2 svg{color:var(--color-status-updating)}.vnd-important__rule{display:flex;gap:var(--space-md);align-items:flex-start;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.vnd-important__rule svg{flex-shrink:0;margin-top:2px;color:var(--color-status-updating, #f59e0b)}.vnd-important__rule strong{display:block;color:var(--color-text);margin-bottom:var(--space-xs);font-size:.95rem}.vnd-important__rule p{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-text-secondary)}.vnd-important__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}@media(max-width:900px){.vnd-important__grid{grid-template-columns:1fr}}.vnd-important__card{display:flex;gap:var(--space-md);align-items:flex-start}.vnd-important__card svg{flex-shrink:0;margin-top:2px}.vnd-important__card p{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary)}.vnd-inline-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.vnd-inline-link:hover{color:var(--color-accent-hover)}.vnd-crypto-tip{display:flex;align-items:center;gap:var(--space-sm);background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:var(--color-text-secondary)}.vnd-crypto-tip svg{flex-shrink:0;color:var(--color-status-working)}.vnd-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.vnd-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.vnd-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.vnd-action-btn--copy.vnd-action-btn--copied{border-color:var(--color-status-working);color:var(--color-status-working)}.vnd-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 5100);background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.vnd-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column}.vnd-modal__title{font-size:1.2rem;font-weight:700;margin:0 0 var(--space-lg);text-align:center}.vnd-modal__body{overflow-y:auto;flex:1;margin-bottom:var(--space-lg)}.vnd-modal__table{width:100%;border-collapse:collapse;font-size:.85rem}.vnd-modal__table th{text-align:start;padding:var(--space-xs) var(--space-sm);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.03em}.vnd-modal__table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:top}.vnd-modal__table tr:last-child td{border-bottom:none}.vnd-modal__table .vnd-modal__total-row td{border-top:2px solid var(--color-accent);font-weight:700;font-size:.95rem;padding-top:var(--space-sm)}.vnd-modal__footer{display:flex;gap:var(--space-sm)}@media(max-width:500px){.vnd-modal__footer{flex-direction:column-reverse}}.vnd-modal__btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:opacity .2s}.vnd-modal__btn:hover{opacity:.85}.vnd-modal__btn--back{background:transparent;border:2px solid var(--color-border);color:var(--color-text-secondary)}.vnd-modal__btn--confirm{background:linear-gradient(135deg,var(--color-accent),#e0b96a);color:#000}.vnd-modal__product-link{color:var(--color-accent);text-decoration:none;border-bottom:1px dashed var(--color-accent-a40);transition:border-color .2s}.vnd-modal__product-link:hover{border-bottom-color:var(--color-accent)}
