:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-bg-soft:#fff;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-surface-3:#e2e8f0;--color-text:#0f172a;--color-muted:#475569;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-sidebar:#fff;--color-sidebar-soft:#f8fafc;--color-accent:#8a1538;--color-accent-strong:#6d102c;--color-accent-pale:#fdf2f4;--color-gold:#d4af37;--color-gold-strong:#b5952f;--color-gold-pale:#fcf8ee;--color-success:#059669;--color-warn:#d97706;--color-danger:#dc2626;--color-info:#2563eb;--btn-primary-gradient:linear-gradient(135deg, #8a1538, #6d102c);--btn-primary-hover:linear-gradient(135deg, #a11a43, #8a1538);--btn-gold-gradient:linear-gradient(135deg, #d4af37, #b5952f);--danger-soft-border:#dc262633;--danger-soft-text:#dc2626;--danger-soft-gradient:linear-gradient(135deg, #dc262614, #dc262605);--danger-soft-gradient-hover:linear-gradient(135deg, #dc26261f, #dc26260d);--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a1a, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a1a, 0 4px 6px -4px #0f172a0d;--shadow-soft:0 8px 30px #0000000a;--shadow-glow-accent:0 0 20px #8a153826;--radius:12px;--radius-small:8px;--radius-large:16px;--sidebar-width:280px;--header-height:72px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter", sans-serif}*{box-sizing:border-box}html{min-width:320px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);letter-spacing:-.01em;scroll-behavior:smooth;font-size:16px;line-height:1.5}body{background:var(--color-bg);min-height:100svh;color:var(--color-text);margin:0}body.has-modal{overflow:hidden}#app{z-index:1;position:relative}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin:0}h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}h2{font-size:1.05rem}h3{font-size:.95rem}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}code{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);border-radius:5px;padding:.1rem .35rem}.muted{color:var(--color-muted)}.ui-icon{flex:none;width:1.1rem;height:1.1rem}.button,.icon-button,.text-button{background:0 0;border:0}.button{border-radius:var(--radius-small);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.65rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{border-color:var(--action-gold-border);background:var(--action-gold-text);color:#fff;box-shadow:var(--shadow-soft);transition:all .2s}.button-primary:hover{background:var(--color-accent-strong);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.button-ghost,.button-outline,.button-icon{border-color:var(--action-neutral-border);background:var(--action-neutral-gradient);color:var(--action-neutral-text)}.button-ghost:hover,.button-outline:hover,.button-icon:hover{background:var(--action-neutral-gradient-hover);border-color:#ddd6c266;box-shadow:0 0 16px #aaa38f12}.button-danger,.icon-button-danger,[data-table-action=delete],[data-table-action=eliminar],[data-table-action=force_delete],[data-table-action=deactivate],[data-table-action=reject],[data-table-action=discard],[data-table-action=cancel],[data-table-action=reward-cancel]{border:1px solid var(--danger-soft-border);background:var(--danger-soft-gradient);color:var(--danger-soft-text);box-shadow:inset 0 1px #ffc6c309}.button-danger:hover:not(:disabled),.button-danger:focus-visible:not(:disabled),.icon-button-danger:hover:not(:disabled),.icon-button-danger:focus-visible:not(:disabled),[data-table-action=delete]:hover:not(:disabled),[data-table-action=eliminar]:hover:not(:disabled),[data-table-action=force_delete]:hover:not(:disabled),[data-table-action=deactivate]:hover:not(:disabled),[data-table-action=reject]:hover:not(:disabled),[data-table-action=discard]:hover:not(:disabled),[data-table-action=cancel]:hover:not(:disabled),[data-table-action=reward-cancel]:hover:not(:disabled){border-color:var(--danger-soft-border-hover);background:var(--danger-soft-gradient-hover);color:#ffe1df;box-shadow:var(--danger-soft-glow)}.button-warning{background:var(--color-warning);color:#fff;font-weight:500}.button-warning:hover{filter:brightness(1.1)}.button-wide{width:100%}.icon-button{border-radius:var(--radius-small);width:2.35rem;height:2.35rem;color:var(--color-text);place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-surface-2);color:var(--color-accent-strong)}.icon-button-danger .ui-icon,[data-table-action=delete] .ui-icon,[data-table-action=eliminar] .ui-icon,[data-table-action=force_delete] .ui-icon,[data-table-action=deactivate] .ui-icon,[data-table-action=reject] .ui-icon,[data-table-action=discard] .ui-icon,[data-table-action=cancel] .ui-icon,[data-table-action=reward-cancel] .ui-icon{opacity:.88}button[data-table-action]{--action-border:var(--action-neutral-border);--action-text:var(--action-neutral-text);--action-gradient:var(--action-neutral-gradient);--action-gradient-hover:var(--action-neutral-gradient-hover);border:1px solid var(--action-border);background:var(--action-gradient);color:var(--action-text);box-shadow:inset 0 1px #ffffff06}button:is([data-table-action=reveal],[data-table-action=history],[data-table-action=read],[data-table-action=status],[data-table-action=access],[data-table-action=contact],[data-table-action=link]){--action-border:var(--action-blue-border);--action-text:var(--action-blue-text);--action-gradient:var(--action-blue-gradient);--action-gradient-hover:var(--action-blue-gradient-hover)}button:is([data-table-action=edit],[data-table-action=reward-edit]){--action-border:var(--action-violet-border);--action-text:var(--action-violet-text);--action-gradient:var(--action-violet-gradient);--action-gradient-hover:var(--action-violet-gradient-hover)}button:is([data-table-action=duplicate],[data-table-action=copy],[data-table-action=whatsapp],[data-table-action=signal],[data-table-action=signal_direct],[data-table-action=signal_group]){--action-border:var(--action-cyan-border);--action-text:var(--action-cyan-text);--action-gradient:var(--action-cyan-gradient);--action-gradient-hover:var(--action-cyan-gradient-hover)}button:is([data-table-action=renew],[data-table-action=done],[data-table-action=deliver],[data-table-action=fulfill],[data-table-action=atendido],[data-table-action=mark_contacted],[data-table-action=reward-approve],[data-table-action=reward-redeem],[data-table-action=manual-reward]){--action-border:var(--action-green-border);--action-text:var(--action-green-text);--action-gradient:var(--action-green-gradient);--action-gradient-hover:var(--action-green-gradient-hover)}button:is([data-table-action=manage_accounts],[data-table-action=add_account],[data-table-action=convert_replace],[data-table-action=asignar_reemplazo],[data-table-action=toggle],[data-table-action=archive],[data-table-action=atender],[data-table-action=request_support],[data-table-action=not_closed],[data-table-action=reward-revert],[data-table-action=unlink]){--action-border:var(--action-gold-border);--action-text:var(--action-gold-text);--action-gradient:var(--action-gold-gradient);--action-gradient-hover:var(--action-gold-gradient-hover)}button[data-table-action]:hover:not(:disabled),button[data-table-action]:focus-visible:not(:disabled){border-color:var(--action-border);background:var(--action-gradient-hover);color:var(--action-text);box-shadow:0 0 16px color-mix(in srgb, var(--action-border) 38%, transparent)}button:is([data-table-action=delete],[data-table-action=eliminar],[data-table-action=force_delete],[data-table-action=deactivate],[data-table-action=reject],[data-table-action=discard],[data-table-action=cancel],[data-table-action=reward-cancel]){border-color:var(--danger-soft-border);background:var(--danger-soft-gradient);color:var(--danger-soft-text)}button:is([data-table-action=delete],[data-table-action=eliminar],[data-table-action=force_delete],[data-table-action=deactivate],[data-table-action=reject],[data-table-action=discard],[data-table-action=cancel],[data-table-action=reward-cancel]):hover:not(:disabled),button:is([data-table-action=delete],[data-table-action=eliminar],[data-table-action=force_delete],[data-table-action=deactivate],[data-table-action=reject],[data-table-action=discard],[data-table-action=cancel],[data-table-action=reward-cancel]):focus-visible:not(:disabled),.icon-button.icon-button-danger:hover:not(:disabled),.icon-button.icon-button-danger:focus-visible:not(:disabled),.icon-button[data-table-action=delete]:hover:not(:disabled),.icon-button[data-table-action=eliminar]:hover:not(:disabled),.icon-button[data-table-action=force_delete]:hover:not(:disabled),.icon-button[data-table-action=deactivate]:hover:not(:disabled),.icon-button[data-table-action=reject]:hover:not(:disabled),.icon-button[data-table-action=discard]:hover:not(:disabled),.icon-button[data-table-action=cancel]:hover:not(:disabled),.icon-button[data-table-action=reward-cancel]:hover:not(:disabled){border-color:var(--danger-soft-border-hover);background:var(--danger-soft-gradient-hover);color:#ffe1df;box-shadow:var(--danger-soft-glow)}.text-button{color:var(--color-accent-pale);padding:.35rem;font-weight:700}.notice{border-radius:var(--radius-small);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:.85rem 1rem}.notice-warning{background:#f0bd481a;border-color:#f0bd486b}.notice-danger{background:#ff6b681a;border-color:#ff6b6866}.status-badge{background:var(--color-surface-2);min-width:5.2rem;color:var(--color-muted);border-radius:999px;justify-content:center;padding:.25rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-active{color:#7ff5c8;background:#50e3aa1f}.status-admin{color:var(--color-accent-pale);background:#ffd86626;box-shadow:inset 0 0 0 1px #ffd8662e}.status-customer{color:#9cc8ff;background:#60a5fa1f}.status-pending,.status-registered,.status-qualified{color:#ffd77e;background:#f0bd4824}.status-blocked,.status-refunded{color:#ff9896;background:#ff6b681f}.status-available,.status-rewarded,.status-redeemed{color:#7ff5c8;background:#50e3aa1f}.status-expiring{color:#ffd77e;background:#f0bd4824}.status-expired,.status-inactive,.status-cancelled{color:#ff9896;background:#ff6b681f}.loading-state,.empty-state{min-height:12rem;color:var(--color-muted);text-align:center;place-items:center;gap:.75rem;display:grid}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-strong);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}::selection{color:#fff;background:#ffd86647}:focus-visible{scroll-margin:6rem}@keyframes spin{to{transform:rotate(360deg)}}.floating-signal-personal:hover{color:#2a66e0}.delivery-customer-notice{margin-bottom:1rem;line-height:1.65}.delivery-account-fieldset,.delivery-options-fieldset,.delivery-preview-fieldset{background:linear-gradient(145deg,#0f172ad1,#0f172a8f);border:1px solid #38bdf833;border-radius:14px;margin-top:1rem;padding:1.1rem;transition:border-color .18s,box-shadow .18s}.delivery-account-fieldset:hover,.delivery-options-fieldset:hover,.delivery-preview-fieldset:hover,.delivery-account-fieldset:focus-within,.delivery-options-fieldset:focus-within,.delivery-preview-fieldset:focus-within{border-color:#38bdf875;box-shadow:0 0 0 1px #38bdf814,0 12px 32px #0284c71a}.delivery-account-fieldset legend,.delivery-options-fieldset legend,.delivery-preview-fieldset legend{color:#e0f2fe;padding:0 .55rem;font-weight:700}.delivery-username-select{gap:.35rem;margin-bottom:.9rem;display:grid}.delivery-inclusion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.delivery-inclusion-item{background:#0f172a80;border:1px solid #94a3b829;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:border-color .16s,opacity .16s;display:flex}.delivery-inclusion-item:hover{border-color:#38bdf857}.delivery-inclusion-item.is-unavailable{opacity:.6}.delivery-inclusion-item>span{color:#e2e8f0;font-size:.82rem;font-weight:620}.delivery-yes-no{border:1px solid #94a3b82e;border-radius:8px;grid-template-columns:repeat(2,minmax(2.6rem,1fr));display:inline-grid;overflow:hidden}.delivery-yes-no button{color:#94a3b8;min-height:1.9rem;font:inherit;cursor:pointer;background:#0f172aad;border:0;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.delivery-yes-no button+button{border-left:1px solid #94a3b82e}.delivery-yes-no button.is-selected{color:#e0f2fe;background:linear-gradient(135deg,#0284c785,#0e749061);box-shadow:inset 0 0 12px #38bdf81f}.delivery-yes-no button[data-include-value=no].is-selected{color:#fecaca;background:linear-gradient(135deg,#991b1b57,#7f1d1d33)}.delivery-yes-no button:focus-visible{z-index:1;outline-offset:-2px;outline:2px solid #7dd3fcb8;position:relative}.delivery-yes-no button:disabled{cursor:not-allowed;opacity:.38}.delivery-account-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.delivery-account-summary[hidden]{display:none}.delivery-account-summary>div{background:#0f172a94;border:1px solid #94a3b829;border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem;display:flex}.delivery-account-summary strong{color:#7dd3fc;font-size:1.15rem}.delivery-account-summary span{color:#cbd5e1;font-size:.76rem}.delivery-profile-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem;display:grid}.delivery-profile-item{background:#064e3b1f;border:1px solid #34d39933;border-radius:11px;gap:.7rem;min-width:0;padding:.75rem;transition:border-color .16s,box-shadow .16s;display:flex}.delivery-profile-item.was-delivered{background:#78350f1f;border-color:#fbbf243d}.delivery-profile-item:hover{border-color:#38bdf86b;box-shadow:0 7px 20px #0284c71a}.delivery-profile-icon{color:#7dd3fc;background:#0ea5e91f;border-radius:9px;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;display:grid}.delivery-profile-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.delivery-profile-copy strong{color:#f8fafc;text-overflow:ellipsis;overflow:hidden}.delivery-profile-copy span{color:#fbbf24;font-size:.78rem;font-weight:650}.delivery-profile-copy small,.delivery-profile-empty{color:#cbd5e1;font-size:.75rem}.delivery-profile-empty{text-align:center;border:1px dashed #94a3b838;border-radius:10px;grid-column:1/-1;padding:1rem}.delivery-reuse-note{color:#bae6fd;align-items:center;gap:.45rem;margin:.85rem 0 0;font-size:.78rem;display:flex}.delivery-reuse-note .ui-icon{width:1rem;height:1rem}.delivery-preview-textarea{background:#02061780;font-family:SFMono-Regular,Consolas,monospace;line-height:1.55}.delivery-message-actions{flex-wrap:wrap;gap:.55rem;margin-top:.65rem;display:flex}@media (width<=720px){.delivery-account-summary,.delivery-profile-history,.delivery-inclusion-grid{grid-template-columns:1fr}.delivery-message-actions .button{width:100%}}.route-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.delivery-management-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.delivery-management-card{background:linear-gradient(145deg,#0f172ad6,#0f172a94);border:1px solid #38bdf82e;border-radius:13px;grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon value";align-items:center;column-gap:.75rem;padding:1rem;transition:border-color .17s,box-shadow .17s,transform .17s;display:grid;position:relative;overflow:hidden}.delivery-management-card:hover{border-color:#38bdf86b;transform:translateY(-1px);box-shadow:0 10px 28px #0284c71a}.delivery-management-card>div{color:#7dd3fc;background:#0ea5e91f;border-radius:10px;grid-area:icon;place-items:center;width:2.5rem;height:2.5rem;display:grid}.delivery-management-card>div .ui-icon{width:1.2rem;height:1.2rem}.delivery-management-card span{color:#cbd5e1;grid-area:label;font-size:.78rem}.delivery-management-card strong{color:#f8fafc;grid-area:value;font-size:1.35rem}@media (width<=900px){.delivery-management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.route-heading-actions,.route-heading-actions .button{width:100%}.delivery-management-summary{grid-template-columns:1fr}}.support-original-account,.support-description{overflow-wrap:anywhere;white-space:pre-wrap;max-width:17rem;display:block}.support-original-account{color:var(--color-muted);font-size:.78rem;line-height:1.45}.support-ticket-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.support-ticket-summary>div{background:#0000002e;border:1px solid #ffd86624;border-radius:10px;flex-direction:column;gap:.25rem;min-width:0;padding:.75rem;display:flex}.support-ticket-summary span,.support-replacement-preview header span{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.support-ticket-summary strong{overflow-wrap:anywhere;color:var(--color-accent-pale)}.support-type-control{margin-bottom:1rem}.support-loading{min-height:7rem;color:var(--color-muted);justify-content:center;align-items:center;gap:.55rem;display:flex}.support-loading .ui-icon{animation:.9s linear infinite spin}.support-replacement-panel{gap:1rem;margin-top:1rem;display:grid}.support-replacement-panel>header{border-bottom:1px solid #ffd86629;padding-bottom:.85rem}.support-replacement-panel h3,.support-replacement-panel h4,.support-replacement-panel p{margin:0}.support-replacement-panel h3{color:var(--color-accent-pale)}.support-replacement-panel p{color:var(--color-muted);margin-top:.3rem;font-size:.82rem}.support-replacement-group{background:#0f172a4d;border:1px solid #94a3b829;border-radius:13px;gap:.65rem;padding:.85rem;display:grid}.support-replacement-group.is-designated{background:linear-gradient(145deg,#064e3b2e,#0f172a57);border-color:#34d39947}.support-replacement-group h4{color:#dbeafe;font-size:.82rem}.support-replacement-list{gap:.7rem;display:grid}.support-replacement-card{background:#02061773;border:1px solid #94a3b82b;border-radius:11px;padding:.9rem;transition:border-color .17s,box-shadow .17s,transform .17s}.support-replacement-card:hover,.support-replacement-card:focus-within{border-color:#38bdf861;transform:translateY(-1px);box-shadow:0 9px 25px #0284c71a}.support-replacement-card>header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.support-replacement-card>header>div{flex-direction:column;align-items:flex-start;gap:.28rem;min-width:0;display:flex}.support-replacement-card strong{overflow-wrap:anywhere;color:#f8fafc}.support-replacement-card small{color:var(--color-muted)}.support-replacement-profiles{border-top:1px solid #94a3b824;flex-wrap:wrap;gap:.55rem;margin-top:.75rem;padding-top:.75rem;display:flex}.support-replacement-preview,.support-simple-action{border-color:#38bdf847;gap:.85rem;margin-top:.25rem;padding:1rem;display:grid}.support-replacement-preview textarea,.support-simple-action textarea{background:#02061794;min-height:12rem;font-family:SFMono-Regular,Consolas,monospace;line-height:1.55}.support-replacement-preview header>div{flex-direction:column;gap:.2rem;display:flex}.support-replacement-preview header strong{color:#f8fafc}@media (width<=760px){.support-ticket-summary{grid-template-columns:1fr}.support-replacement-card>header{flex-direction:column;align-items:stretch}.support-replacement-card .button,.support-replacement-preview .button,.support-simple-action .button{width:100%}}#app{min-height:100svh}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100svh;display:grid}.workspace{flex-direction:column;min-width:0;display:flex}.route-view{width:min(100%,1320px);margin:0 auto;padding:1.5rem}.route-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.route-heading p{color:var(--color-muted);margin-top:.25rem}.route-heading h1{color:var(--color-accent-pale)}.toolbar,.panel-toolbar,.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#191812f5,#0d0d0bfa);padding:1rem}.panel+.panel,.panel+.dashboard-grid{margin-top:1rem}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.panel-wide{grid-column:1/-1}.login-screen{background:var(--color-bg);place-items:center;min-height:100svh;padding:1.25rem;display:grid}.login-panel{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);gap:1rem;width:min(100%,440px);padding:1.25rem;display:grid;box-shadow:0 30px 60px #00000047}.login-brand{align-items:center;gap:1rem;display:flex}.login-brand p{color:var(--color-accent-strong);font-size:.78rem;font-weight:900}.brand-mark,.brand-mark-large{border-radius:var(--radius);border:1px solid var(--color-border-strong);background:radial-gradient(circle at 35% 25%, var(--color-accent-strong), #8c600d);color:#0c0903;place-items:center;font-weight:900;display:grid}.brand-mark{width:2.7rem;height:2.7rem}.brand-mark-large{width:4rem;height:4rem;font-size:1.15rem}.modal-layer{z-index:50;opacity:0;place-items:center;padding:1rem;transition:opacity .18s;display:grid;position:fixed;inset:0}.modal-layer.is-open{opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;position:absolute;inset:0}.modal{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);width:min(100%,640px);max-height:min(86svh,900px);position:relative;overflow:auto;box-shadow:0 30px 70px #00000040}.modal-small{width:min(100%,420px)}.modal-large{width:min(100%,760px)}.modal-wide{width:min(100%,980px)}.modal-header,.modal-footer{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.modal-footer{border-top:1px solid var(--color-border);border-bottom:0;justify-content:flex-end}.modal-body{padding:1rem}.confirm-copy{color:var(--color-muted)}.toast-root{z-index:80;gap:.65rem;width:min(360px,100vw - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.toast{opacity:0;border-radius:var(--radius-small);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-soft);padding:.85rem 1rem;transition:opacity .18s,transform .18s;transform:translateY(.75rem)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.app-header{z-index:20;min-height:var(--header-height);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.header-title{font-family:var(--font-sans);align-items:center;gap:.5rem;display:flex}.header-app-name{color:var(--color-accent);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.header-separator{color:var(--color-muted);font-weight:300}.header-page-name{color:var(--color-text);font-size:1rem;font-weight:500}.header-actions{align-items:center;gap:1rem;display:flex}.admin-pill{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;padding:.25rem .5rem;display:flex}.admin-pill .user-name{color:var(--color-text);font-size:.9rem;font-weight:600;line-height:1.2;display:block}.admin-pill .user-role{color:var(--color-accent);background:var(--color-accent-pale);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-top:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.mobile-menu-button{display:none}.notification-bell{position:relative}.notification-badge{background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);height:100svh;padding:1.5rem 1rem;position:sticky;top:0;overflow-y:auto}.brand-lockup{align-items:center;gap:.85rem;min-height:3.5rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{color:var(--color-accent);letter-spacing:.02em;font-size:1rem;font-weight:700;line-height:1.2}.brand-lockup span{color:var(--color-muted);margin-top:.2rem;font-size:.85rem}.sidebar-nav{gap:.5rem;display:grid}.sidebar-backdrop{display:none}.sidebar-link{border-radius:var(--radius-small);width:100%;min-height:2.75rem;color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link iconify-icon{color:var(--color-muted);font-size:1.25rem;transition:color .2s}.sidebar-link:hover{background:var(--color-sidebar-soft);color:var(--color-accent)}.sidebar-link:hover iconify-icon{color:var(--color-accent)}.sidebar-link.is-active{background:var(--color-accent-pale);color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.sidebar-link.is-active iconify-icon{color:var(--color-accent)}.auth-form,.entity-form{gap:1rem;display:grid}form{--form-glow:#d8aa321c}.entity-form,form[id$=-form]:not(.auth-form):not(.replacement-change-form),form[data-request-form],form[data-template-preview]{border:1px solid var(--color-border);background:radial-gradient(circle at var(--pointer-x,88%) var(--pointer-y,0%), #ffd8660e, transparent 32%), linear-gradient(145deg, #ffd86606, transparent 55%), var(--color-surface);border-radius:14px;padding:1.15rem;transition:border-color .18s,box-shadow .22s,background .18s;box-shadow:0 12px 32px #0003,inset 0 1px #fff0b008}.entity-form:hover,.entity-form:focus-within,form[id$=-form]:not(.auth-form):not(.replacement-change-form):hover,form[id$=-form]:not(.auth-form):not(.replacement-change-form):focus-within,form[data-request-form]:hover,form[data-request-form]:focus-within,form[data-template-preview]:hover,form[data-template-preview]:focus-within{box-shadow:0 14px 36px #0000003d, 0 0 30px var(--form-glow), inset 0 1px 0 #fff0b00e;border-color:#ffd8666b}.form-grid,.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.mini-grid{grid-template-columns:repeat(5,minmax(90px,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-wide{grid-column:1/-1}label{gap:.35rem;min-width:0;display:grid}label span{color:var(--color-accent-pale);letter-spacing:.012em;font-size:.82rem;font-weight:800}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-small);width:100%;min-height:2.45rem;color:var(--color-text);background:#0b0b09;padding:.58rem .7rem}textarea{resize:vertical}form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),form select,form textarea{color:var(--color-text);background:#0b0b09;border-color:#ffd8663d;font-weight:650;transition:border-color .18s,box-shadow .22s,background .18s,transform .18s;box-shadow:inset 0 1px #ffffff06,0 2px 8px #00000029}form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):hover,form select:hover,form textarea:hover{background:#0e0e0b;border-color:#ffd86675;box-shadow:0 0 20px #d8aa3216}form input::placeholder,form textarea::placeholder{color:#827b68;opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--color-accent-strong);outline:3px solid #ffd86621}form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):focus,form select:focus,form textarea:focus{background:#10100c;transform:translateY(-1px);box-shadow:0 0 0 1px #ffd8661a,0 0 26px #d8aa3221}form input:disabled,form select:disabled,form textarea:disabled,form input[readonly],form textarea[readonly]{color:var(--color-muted);opacity:.82;cursor:not-allowed;background:#10100e;border-color:#aaa38f2e}form select option{color:var(--color-text);background:#0b0b09}[aria-invalid=true]{border-color:var(--color-danger)}.check-row{align-items:center;gap:.65rem;display:flex}.check-row input{width:1rem;min-height:1rem;accent-color:var(--color-accent-strong);filter:drop-shadow(0 0 5px #ffd86624)}.toggle-field{border:1px solid var(--color-border);border-radius:var(--radius-small);background:#ffd86609;align-items:center;gap:.7rem;min-height:2.8rem;padding:.65rem .8rem;display:flex}.toggle-field input{width:1.05rem;min-height:1.05rem;accent-color:var(--color-accent-strong)}.toggle-field span{color:var(--color-text)}.entity-form .form-actions,form[id$=-form] .form-actions{border-top:1px solid var(--color-border);padding-top:1rem}.entity-form .form-actions .button,form[id$=-form] .form-actions .button{border-radius:10px;min-height:2.75rem;font-weight:800}.form-section{border:1px solid var(--color-border);border-radius:var(--radius-small);gap:.8rem;padding:.9rem;display:grid}.form-summary{border-radius:var(--radius-small);background:var(--color-surface-2);gap:.2rem;padding:.85rem;display:grid}.form-summary span{color:var(--color-muted)}.replacement-target-card{border:1px solid var(--color-border);background:linear-gradient(145deg, #ffd8660e, transparent 58%), var(--color-surface-2);border-radius:14px;gap:.65rem;margin-bottom:1.25rem;padding:1rem;display:grid;box-shadow:inset 0 1px #fff0b00a,0 10px 28px #00000029}.replacement-target-card:hover,.replacement-target-card:focus-within{border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:inset 0 1px #fff0b014,0 12px 30px #00000038,0 0 26px #d8aa321f}.replacement-target-label{color:var(--color-accent-pale);letter-spacing:.01em;font-size:.9rem;font-weight:800;line-height:1.4;display:block}.replacement-target-control{position:relative}.replacement-target-control iconify-icon{z-index:1;color:var(--color-accent-strong);filter:drop-shadow(0 0 7px #ffd8663d);pointer-events:none;font-size:1.4rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.replacement-target-select{min-height:3.15rem;color:var(--color-text);letter-spacing:.005em;cursor:pointer;background:#0b0b09;border:1px solid #ffd86657;border-radius:11px;padding:.75rem 2.5rem .75rem 3rem;font-weight:750;transition:border-color .18s,box-shadow .22s,background .18s;box-shadow:inset 0 1px #ffffff06,0 2px 8px #0000002e}.replacement-target-select:hover{border-color:var(--color-accent);background:#0e0e0b;box-shadow:inset 0 1px #fff0b00a,0 0 20px #d8aa321a}.replacement-target-select:focus{border-color:var(--color-accent-strong);outline:3px solid #ffd86621;box-shadow:0 0 0 1px #ffd8661f,0 0 26px #d8aa3224}.replacement-target-select option{color:var(--color-text);background:#0b0b09}.replacement-target-hint{color:var(--color-muted);align-items:center;gap:.4rem;font-size:.78rem;font-weight:650;line-height:1.45;display:flex}.replacement-target-hint iconify-icon{color:var(--color-accent);flex:none;font-size:1rem}.replacement-change-panel{border:1px solid var(--color-border);background:linear-gradient(145deg, #ffd86606, transparent 45%), var(--color-surface);box-shadow:var(--shadow-soft), inset 0 1px 0 #fff0b009;border-radius:16px;padding:1.5rem}.replacement-history-scroll{scrollbar-color:#ffd86659 transparent;max-height:450px;margin-bottom:2rem;padding:.2rem .9rem 1rem .2rem;overflow-y:auto}.replacement-history-root{isolation:isolate;background:radial-gradient(circle at 90% 5%,#ffd86621,#0000 35%),linear-gradient(145deg,#1c190f,#0e0e0b 68%);border:1px solid #ffd86666;border-radius:16px;margin-bottom:1.5rem;padding:1.35rem;position:relative;overflow:hidden;box-shadow:0 16px 38px #00000047,0 0 28px #d8aa3217,inset 0 1px #fff0b014}.replacement-history-root:hover,.replacement-history-root:focus-within{border-color:#ffd866a8;transform:translateY(-1px);box-shadow:0 18px 42px #00000052,0 0 34px #d8aa3224,inset 0 1px #fff0b01c}.replacement-history-watermark{z-index:-1;color:var(--color-accent-strong);opacity:.07;position:absolute;top:-1.25rem;right:-1.1rem;transform:scale(3.2)}.replacement-history-heading,.replacement-history-item-heading{border-bottom:1px solid #ffd86629;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.replacement-history-title{color:var(--color-accent-pale);letter-spacing:.02em;font-size:1.05rem;font-weight:850}.replacement-history-date{color:var(--color-accent-pale);background:#d8aa3217;border:1px solid #ffd86633;border-radius:999px;flex:none;padding:.28rem .65rem;font-size:.72rem;font-weight:800}.replacement-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.replacement-history-field{background:#0003;border:1px solid #ffd86621;border-radius:10px;min-width:0;padding:.8rem}.replacement-history-field-wide{grid-column:1/-1}.replacement-history-field-label{color:var(--color-accent);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.3rem;font-size:.68rem;font-weight:850}.replacement-history-field-value{overflow-wrap:anywhere;color:var(--color-text);white-space:pre-line;font-size:.9rem;font-weight:700;line-height:1.5}.replacement-history-secret{color:var(--color-accent-pale);letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.replacement-history-timeline{border-left:1px solid #ffd8664d;margin-left:1rem;padding-left:1.65rem;position:relative}.replacement-history-item{border:1px solid var(--color-border);background:linear-gradient(145deg,#ffd86609,transparent 58%),var(--color-surface-2);border-radius:14px;margin-bottom:1.25rem;padding:1.2rem;transition:border-color .18s,box-shadow .22s,transform .18s;position:relative;box-shadow:0 10px 28px #0003,inset 0 1px #fff0b009}.replacement-history-item:hover,.replacement-history-item:focus-within{border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:0 14px 34px #0000003d,0 0 28px #d8aa321c}.replacement-history-index{background:var(--color-accent);color:#090806;border:2px solid #0b0b09;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:1.25rem;left:-2.5rem;box-shadow:0 0 16px #ffd8664d}.replacement-history-empty{border:1px dashed var(--color-border);background:var(--color-surface-2);color:var(--color-muted);text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.replacement-history-root>div:nth-child(2),.replacement-history-item>div:nth-child(2){border-bottom:1px solid #ffd86629!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;display:flex!important}.replacement-history-root>div:nth-child(2)>span:first-child,.replacement-history-item>div:nth-child(2)>span:first-child{color:var(--color-accent-pale)!important;letter-spacing:.02em!important;font-size:1.05rem!important;font-weight:850!important}.replacement-history-root>div:nth-child(2)>span:last-child,.replacement-history-item>div:nth-child(2)>span:last-child{color:var(--color-accent-pale)!important;background:#d8aa3217!important;border:1px solid #ffd86633!important;border-radius:999px!important;padding:.28rem .65rem!important;font-size:.72rem!important;font-weight:800!important}.replacement-history-root>div:nth-child(3),.replacement-history-item>div:nth-child(3){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important;display:grid!important}.replacement-history-root>div:nth-child(3)>div,.replacement-history-item>div:nth-child(3)>div{background:#0003!important;border:1px solid #ffd86621!important;border-radius:10px!important;min-width:0!important;padding:.8rem!important}.replacement-history-root>div:nth-child(3)>div:last-child,.replacement-history-item>div:nth-child(3)>div:last-child{grid-column:1/-1!important}.replacement-history-root>div:nth-child(3)>div>div:first-child,.replacement-history-item>div:nth-child(3)>div>div:first-child{color:var(--color-accent)!important;letter-spacing:.09em!important;opacity:1!important;text-transform:uppercase!important;margin-bottom:.3rem!important;font-size:.68rem!important;font-weight:850!important}.replacement-history-root>div:nth-child(3)>div>div:last-child,.replacement-history-item>div:nth-child(3)>div>div:last-child{overflow-wrap:anywhere;white-space:pre-line;color:var(--color-text)!important;font-size:.9rem!important;font-weight:700!important;line-height:1.5!important}.replacement-history-root>div:nth-child(3)>div:nth-child(2)>div:last-child,.replacement-history-item>div:nth-child(3)>div:nth-child(2)>div:last-child{letter-spacing:.025em;color:var(--color-accent-pale)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}.replacement-history-item>div:first-child{background:var(--color-accent)!important;color:#090806!important;border:2px solid #0b0b09!important;border-radius:50%!important;place-items:center!important;width:1.65rem!important;height:1.65rem!important;margin:0!important;font-size:.75rem!important;font-weight:900!important;display:grid!important;position:absolute!important;top:1.25rem!important;left:-2.5rem!important;box-shadow:0 0 16px #ffd8664d!important}.replacement-change-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.replacement-change-header-icon{width:2.5rem;height:2.5rem;color:var(--color-accent-strong);background:#d8aa321a;border:1px solid #ffd8663d;border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:0 0 18px #d8aa3214}.replacement-change-header h4{color:var(--color-text);margin:0;font-size:1.12rem;font-weight:800;line-height:1.35}.replacement-change-form{gap:1.25rem;display:grid}.replacement-change-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.replacement-change-form .form-group{min-width:0}.replacement-change-form .form-group>label:not(.replacement-target-label){color:var(--color-accent-pale);letter-spacing:.015em;margin-bottom:.5rem;font-size:.82rem;font-weight:800;display:block}.replacement-change-form input{min-height:3rem;color:var(--color-text);background:#0b0b09;border-color:#ffd86640;border-radius:10px;padding:.72rem .85rem;font-weight:650;transition:border-color .18s,box-shadow .22s,background .18s,transform .18s;box-shadow:inset 0 1px #ffffff06,0 2px 8px #00000029}.replacement-change-form input::placeholder{color:#77715f;opacity:1}.replacement-change-form input:hover{background:#0e0e0b;border-color:#ffd8667a;box-shadow:0 0 20px #d8aa3216}.replacement-change-form input:focus{border-color:var(--color-accent-strong);background:#10100c;outline:3px solid #ffd8661f;transform:translateY(-1px);box-shadow:0 0 0 1px #ffd8661a,0 0 26px #d8aa3221}.replacement-profiles-card{background:linear-gradient(135deg, #ffd8660a, transparent 65%), var(--color-surface-2);border:1px dashed #ffd8664d;border-radius:12px;padding:1rem;transition:border-color .18s,box-shadow .22s,transform .18s}.replacement-profiles-card:hover,.replacement-profiles-card:focus-within{border-color:#ffd8668f;box-shadow:0 0 26px #d8aa321a}.replacement-profiles-list{flex-direction:column;gap:.75rem;display:flex}.replacement-add-profile{width:max-content;margin-top:1rem}.replacement-form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.85rem;padding-top:1.25rem;display:flex}.replacement-form-actions .button{border-radius:10px;min-height:2.85rem;padding:.7rem 1.35rem;font-weight:800}@media (width<=680px){.replacement-history-grid{grid-template-columns:1fr}.replacement-history-field-wide{grid-column:auto}.replacement-history-heading,.replacement-history-item-heading{flex-direction:column;align-items:flex-start;gap:.55rem}.replacement-history-root>div:nth-child(3),.replacement-history-item>div:nth-child(3){grid-template-columns:1fr!important}.replacement-history-root>div:nth-child(3)>div:last-child,.replacement-history-item>div:nth-child(3)>div:last-child{grid-column:auto!important}.replacement-change-panel{padding:1rem}.replacement-change-form .form-row{grid-template-columns:1fr}.replacement-form-actions{flex-direction:column-reverse}.replacement-form-actions .button{width:100%}}.search-box{width:min(100%,420px);position:relative}.search-box .ui-icon{color:var(--color-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-box input{padding-left:2.25rem}.sale-products,.template-grid,.export-grid,.settings-list{gap:.85rem;display:grid}.sale-product-row,.template-card,.export-card,.setting-row{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:.85rem}.sale-product-row{gap:.75rem;display:grid}.inline-form{grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;align-items:end}.segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);flex-wrap:wrap;gap:.35rem;padding:.25rem;display:inline-flex}.segmented-control button{min-height:2rem;color:var(--color-muted);background:0 0;border:0;border-radius:5px;padding:.35rem .7rem;font-weight:800}.segmented-control button.is-active{color:var(--color-accent-pale);background:#d8aa3233;box-shadow:inset 0 0 0 1px #ffd86642}.table-shell{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;margin-top:.9rem;overflow-x:auto}.table-bulk-toolbar{border-bottom:1px solid var(--color-border);background:linear-gradient(270deg,#ffd86609,#0000 55%),#11110eb8;justify-content:flex-end;align-items:center;gap:.45rem;padding:.5rem .65rem;display:flex}.table-bulk-toolbar [data-selection-count]{color:var(--color-muted);opacity:.78;order:-1;font-size:.72rem;font-weight:750}.table-bulk-toolbar .button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;width:auto;min-height:2rem;padding:.36rem .65rem;font-size:.72rem;font-weight:800}.bulk-select-all-button{color:var(--color-accent-pale);background:linear-gradient(135deg,#d8aa3221,#5c471412);border:1px solid #ffd86633;box-shadow:inset 0 1px #fff0b009}.bulk-select-all-button:hover,.bulk-select-all-button:focus-visible{background:linear-gradient(135deg,#d8aa3233,#5c47141a);border-color:#ffd8666b;box-shadow:0 0 16px #d8aa3217}.bulk-delete-button{border:1px solid var(--danger-soft-border);background:var(--danger-soft-gradient);color:var(--danger-soft-text);box-shadow:inset 0 1px #ffc6c309}.bulk-delete-button:hover:not(:disabled),.bulk-delete-button:focus-visible:not(:disabled){border-color:var(--danger-soft-border-hover);background:var(--danger-soft-gradient-hover);box-shadow:var(--danger-soft-glow)}.bulk-delete-button:disabled{color:#aaa38f6b;opacity:.62;background:#504b4114;border-color:#aaa38f1a}.product-delete-button{border-radius:9px;width:2.35rem;min-width:2.35rem;height:2.35rem;min-height:2.35rem;padding:0}.product-delete-button .ui-icon{opacity:.88;width:1rem;height:1rem}.table-selection-col,.table-selection-cell{width:3rem;text-align:center!important}.data-table input[type=checkbox]{width:1rem;min-height:1rem;accent-color:var(--color-accent-strong);cursor:pointer}.data-table tbody tr{transition:background .18s,box-shadow .18s}.data-table tbody tr.is-selected{box-shadow:inset 3px 0 0 var(--color-accent);background:#ffd86613}.product-bulk-toolbar{border:1px solid var(--color-border);border-radius:var(--radius-small);width:max-content;max-width:100%;margin:.9rem .9rem .25rem auto}@media (width<=680px){.table-bulk-toolbar{flex-wrap:wrap}.table-bulk-toolbar [data-selection-count]{text-align:right;width:100%}}.product-selection-control{z-index:4;width:max-content;color:var(--color-accent-pale);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#070706db;border:1px solid #ffd86647;border-radius:999px;grid-template-columns:none;align-items:center;gap:.4rem;padding:.38rem .55rem;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:.75rem;left:.75rem}.product-selection-control input{width:1rem;min-height:1rem;accent-color:var(--color-accent-strong)}.product-card:has([data-select-product]:checked){border-color:var(--color-accent-strong);box-shadow:0 0 30px #d8aa322e}.data-table{border-collapse:collapse;background:var(--color-surface);table-layout:auto;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:.78rem .85rem}.data-table th{background:var(--color-surface-2);color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem}.data-table td strong,.data-table td small{display:block}.data-table td small{color:var(--color-muted)}.table-actions{justify-content:flex-end;gap:.35rem;display:flex}.table-actions-col{text-align:right}.product-logo,.logo-fallback{border-radius:var(--radius-small);border:1px solid var(--color-border);place-items:center;width:2.4rem;height:2.4rem;display:grid}.product-logo{object-fit:contain;background:#f8f5eb;padding:.2rem}.logo-fallback{background:var(--color-surface-2);color:var(--color-muted);text-transform:uppercase;font-weight:900}.pagination{color:var(--color-muted);justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.dashboard-page{max-width:1280px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{background:var(--color-surface);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-image:linear-gradient(90deg,#8a153808,#0000);margin-bottom:2.5rem;padding:2.5rem}.dashboard-header h1{color:var(--color-accent);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.dashboard-header p{color:var(--color-muted);font-size:1.1rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.75rem;transition:transform .25s,box-shadow .25s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card iconify-icon{color:var(--color-gold);background:var(--color-gold-pale);border-radius:var(--radius);padding:1rem;font-size:2.5rem}.stat-info h3{color:var(--color-text);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.stat-info p{color:var(--color-muted);font-size:.95rem;font-weight:500}.dashboard-sections{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=992px){.dashboard-sections{grid-template-columns:1fr}}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2,.section-actions h2{color:var(--color-text);font-size:1.25rem;font-weight:600}.link-view-all{color:var(--color-accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.link-view-all:hover{color:var(--color-accent-strong);text-decoration:underline}.recent-requests-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.recent-request-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:border-color .2s,box-shadow .2s;display:flex}.recent-request-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.request-info{flex-direction:column;gap:.25rem;display:flex}.request-info strong{color:var(--color-text);font-size:1.05rem;font-weight:600}.action-grid{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);align-items:center;gap:1rem;padding:1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.action-card:after{content:"";background:var(--btn-primary-gradient);opacity:0;z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.action-card iconify-icon,.action-card span{z-index:1;transition:color .3s;position:relative}.action-card iconify-icon{color:var(--color-accent);font-size:1.5rem}.action-card:hover{box-shadow:var(--shadow-glow-accent);border-color:#0000;transform:translateY(-2px)}.action-card:hover:after{opacity:1}.action-card:hover iconify-icon,.action-card:hover span{color:#fff}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.app-layout{flex-direction:column;min-height:100svh;display:flex}.workspace{flex:1;width:100%}.sidebar{z-index:40;width:min(var(--sidebar-width), 86vw);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-backdrop{z-index:35;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000ad;border:0;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}.mobile-menu-button{color:var(--color-text);cursor:pointer;border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.mobile-menu-button:hover{background:var(--color-surface-2)}.route-heading{flex-direction:column;align-items:flex-start}.app-header{grid-template-columns:auto auto minmax(0,1fr) auto;padding:.75rem 1rem}.admin-pill{display:none}.metric-grid,.template-grid,.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.form-grid,.compact-grid,.mini-grid{grid-template-columns:1fr}}@media (width<=700px){.route-view{padding:1rem}.app-header{gap:.5rem;padding:.5rem .75rem}.header-brand-video{width:2.2rem;height:2.2rem}.header-title strong{font-size:.95rem}.metric-grid,.template-grid,.export-grid{grid-template-columns:1fr}.data-table{min-width:0;box-shadow:none;background:0 0;border:0}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);margin-bottom:1rem;padding:.5rem}.data-table td{text-align:right;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .5rem;display:flex}.data-table td:last-child{border-bottom:0}.data-table td:before{content:attr(data-label);color:var(--color-muted);text-transform:uppercase;text-align:left;flex-shrink:0;font-size:.75rem;font-weight:900}.table-actions{justify-content:flex-end;width:100%}.pagination{flex-wrap:wrap;justify-content:stretch}.pagination .button{flex:100%;justify-content:center}.recent-sales article{text-align:center;grid-template-columns:1fr}.modal{border:0;border-radius:0;width:100%;max-height:100svh}.modal-layer{padding:0}.catalog-grid,.customer-layout .export-grid,.export-grid[data-customer-catalog]{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;display:grid!important}.catalog-grid .product-showcase-card,.export-grid[data-customer-catalog] .product-showcase-card{min-height:unset!important;border-radius:8px!important;flex-direction:column!important;padding:0!important;display:flex!important;overflow:hidden!important}.catalog-grid .product-visual,.export-grid[data-customer-catalog] .product-visual{aspect-ratio:1!important;justify-content:center!important;align-items:center!important;height:auto!important;padding:.5rem!important;display:flex!important;overflow:hidden!important}.catalog-grid .product-visual img,.catalog-grid .product-visual .product-icon,.export-grid[data-customer-catalog] .product-visual img,.export-grid[data-customer-catalog] .product-visual .product-icon{object-fit:contain!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:40px!important;height:100%!important;max-height:40px!important;display:flex!important}.catalog-grid .product-visual .product-icon svg,.catalog-grid .product-visual .product-icon img,.export-grid[data-customer-catalog] .product-visual .product-icon svg,.export-grid[data-customer-catalog] .product-visual .product-icon img{object-fit:contain!important;width:100%!important;height:100%!important}.catalog-grid .product-card-body,.export-grid[data-customer-catalog] .product-card-body{flex-direction:column!important;flex-grow:1!important;gap:.15rem!important;padding:.25rem!important;display:flex!important}.catalog-grid .product-card-body h3,.export-grid[data-customer-catalog] .product-card-body h3{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;overflow:hidden;margin:0!important;font-size:.7rem!important;line-height:1.1!important}.catalog-grid .product-card-body p,.catalog-grid .product-card-body .muted,.catalog-grid .product-card-body small,.export-grid[data-customer-catalog] .product-card-body p,.export-grid[data-customer-catalog] .product-card-body .muted,.export-grid[data-customer-catalog] .product-card-body small{display:none!important}.catalog-grid .product-price-row,.export-grid[data-customer-catalog] .product-price-row{border:none!important;flex-direction:column!important;align-items:center!important;gap:.25rem!important;margin-top:auto!important;margin-bottom:0!important;padding-top:0!important}.catalog-grid .product-price-row strong,.export-grid[data-customer-catalog] .product-price-row strong{font-size:.7rem!important}.catalog-grid .product-price-row .button,.export-grid[data-customer-catalog] .product-price-row .button{width:100%!important;min-width:unset!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;padding:.35rem!important;font-size:0!important;display:flex!important}.catalog-grid .product-price-row .button svg,.export-grid[data-customer-catalog] .product-price-row .button svg{width:1rem!important;height:1rem!important;margin:0!important}.catalog-grid .status-badge,.export-grid[data-customer-catalog] .status-badge{display:none!important}}.auth-page{--color-vino-main:#7a1b22;--color-vino-dark:#5a1117;--color-vino-soft:#fde8e9;--color-gold-main:#cfa85e;--color-gold-light:#e0c283;--color-white:#fff;--color-ivory:#f8f9fa;--color-warm-gray:#64748b;--color-bg-dark:#f8f9fa;--color-surface:#fff;background-color:var(--color-bg-dark);color:#1e293b;min-height:100svh;font-family:var(--font-sans);background-image:radial-gradient(circle at 100% 0,#7a1b220d 0%,#0000 60%);justify-content:center;align-items:center;display:flex;position:relative}.auth-container{z-index:10;width:100%;max-width:480px;padding:24px;position:relative}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:40px;transition:all .2s;overflow:hidden;box-shadow:0 10px 30px #0000000d,0 0 0 1px #7a1b220d}.auth-header{text-align:center;margin-bottom:32px}.auth-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--color-vino-main);margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}.auth-header h2{color:#1e293b;margin:0 0 12px;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--color-warm-gray);margin:0;font-size:.95rem;line-height:1.5}.auth-tabs{border-bottom:1px solid var(--color-border);margin-bottom:24px;display:flex}.auth-tabs[hidden]{display:none}.auth-tabs button{color:var(--color-warm-gray);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px;font-size:1rem;font-weight:500;transition:all .2s}.auth-tabs button:hover{color:#1e293b}.auth-tabs button.is-active{color:var(--color-vino-main);border-bottom-color:var(--color-vino-main);font-weight:600}.auth-panel[hidden]{display:none}.auth-panel-heading{text-align:center;margin-bottom:24px}.auth-panel-heading h3{color:#1e293b;margin:0 0 8px;font-size:1.25rem;font-weight:600}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form label{flex-direction:column;gap:8px;display:flex;position:relative}.auth-form label span{color:#334155;font-size:.875rem;font-weight:600}.auth-form input{border:1px solid var(--color-border-strong);color:#1e293b;background:#fff;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.auth-form input:focus{border-color:var(--color-vino-main);box-shadow:0 0 0 3px var(--color-vino-soft);outline:none}.password-control{align-items:center;display:flex;position:relative}.password-control input{padding-right:80px}.password-control button{color:var(--color-vino-main);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.875rem;font-weight:600;position:absolute;right:12px}.password-control button:hover{color:var(--color-vino-dark)}.auth-form .button-primary{background:var(--color-vino-main);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #7a1b2226}.auth-form .button-primary:hover:not(:disabled){background:var(--color-vino-dark);transform:translateY(-1px);box-shadow:0 4px 16px #7a1b2240}.auth-form .button-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-text-button{color:var(--color-warm-gray);cursor:pointer;text-align:center;background:0 0;border:none;padding:8px;font-size:.875rem;font-weight:500;transition:all .2s}.auth-text-button:hover{color:var(--color-vino-main)}@media (width<=480px){.auth-card{border-radius:18px;padding:24px}}.catalog-page{max-width:1280px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.catalog-header{background:var(--color-surface);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-image:linear-gradient(90deg,#8a153808,#0000);margin-bottom:2.5rem;padding:2.5rem}.catalog-header-text h1{color:var(--color-accent);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.catalog-header-text p{color:var(--color-muted);font-size:1.1rem}.catalog-controls{flex-wrap:wrap;gap:1.25rem;margin-top:2rem;display:flex}.search-box{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small);flex:1;align-items:center;min-width:320px;padding:.75rem 1.25rem;transition:all .3s;display:flex;box-shadow:inset 0 2px 4px #00000005}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-pale)}.search-box iconify-icon{color:var(--color-muted);margin-right:.75rem;font-size:1.25rem}.search-box input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-size:1.05rem}.filter-box select{border-radius:var(--radius-small);border:2px solid var(--color-border);background:var(--color-surface) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 1rem center;color:var(--color-text);cursor:pointer;appearance:none;background-size:12px;outline:none;min-width:240px;padding:.75rem 1.25rem;font-size:1.05rem;font-weight:500;transition:all .3s}.filter-box select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-pale)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.procedure-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.procedure-card:before{content:"";background:var(--color-accent);transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.procedure-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-5px)}.procedure-card:hover:before{transform:scaleX(1)}.procedure-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.procedure-code{color:var(--color-accent);background:var(--color-accent-pale);letter-spacing:.05em;border-radius:99px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.procedure-name{color:var(--color-text);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4}.procedure-desc{color:var(--color-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.procedure-meta{background:var(--color-surface-2);border-radius:var(--radius-small);flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1rem;display:flex}.meta-item{color:var(--color-text);align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.meta-item iconify-icon{color:var(--color-gold-strong);font-size:1.1rem}.procedure-card-actions{margin-top:auto}.procedure-card-actions .button{background:var(--color-surface);border:2px solid var(--color-border-strong);color:var(--color-text);transition:all .3s}.procedure-card:hover .procedure-card-actions .button{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.badge{text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{color:#065f46;background:#d1fae5}.badge-info{color:#1e40af;background:#dbeafe}.badge-warning{color:#92400e;background:#fef3c7}.badge-neutral{background:var(--color-surface-3);color:var(--color-text)}.badge-danger{color:#991b1b;background:#fee2e2}.badge-outline{border:1px solid var(--color-border-strong);color:var(--color-text);box-shadow:none;background:0 0}.empty-state{text-align:center;background:var(--color-surface);border-radius:var(--radius-large);border:2px dashed var(--color-border-strong);color:var(--color-muted);grid-column:1/-1;padding:5rem 2rem}.procedure-detail-modal{flex-direction:column;gap:1.5rem;display:flex}.detail-header-info{gap:.75rem;margin-bottom:.5rem;display:flex}.detail-description{color:var(--color-text);font-size:1.05rem;line-height:1.6}.detail-grid{grid-template-columns:1.2fr .8fr;gap:1.5rem;display:grid}@media (width<=900px){.detail-grid{grid-template-columns:1fr}}.detail-section{background:var(--color-surface-2);border-radius:var(--radius-large);border:1px solid var(--color-border);padding:1.5rem}.detail-section h4{color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.requirements-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.requirements-list li{background:var(--color-surface);border-radius:var(--radius-small);box-shadow:var(--shadow-sm);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.req-number{background:var(--btn-primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:flex}.req-text{color:var(--color-text);font-size:.95rem;line-height:1.5}.text-danger{color:var(--color-danger)}.info-list{flex-direction:column;gap:1rem;display:flex}.info-item{background:var(--color-surface);border-radius:var(--radius-small);border-left:3px solid var(--color-gold);flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.info-label{text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.info-value{color:var(--color-text);font-size:1rem;font-weight:500}.dependencies-section{background:#fffbeb;border:1px solid #fde68a}.dependencies-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.dependencies-list li{border-radius:0 var(--radius-small) var(--radius-small) 0;box-shadow:var(--shadow-sm);background:#fff;border-left:4px solid #f59e0b;padding:1rem}.dependencies-list li strong{color:#92400e;margin-bottom:.25rem;font-size:1rem;display:block}.dependencies-list li p{color:#b45309;margin:0;font-size:.9rem}.alert-warning{border-radius:var(--radius-small);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;gap:1rem;padding:1.25rem;font-size:.95rem;display:flex}.alert-warning iconify-icon{flex-shrink:0;font-size:1.5rem}.requests-page{max-width:1280px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.page-header{background:var(--color-surface);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background-image:linear-gradient(90deg,#8a153808,#0000);margin-bottom:2.5rem;padding:2.5rem}.page-header h1{color:var(--color-accent);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.page-header p{color:var(--color-muted);font-size:1.1rem}.requests-filters{gap:1.5rem;margin-bottom:2rem;display:flex}.requests-filters .filter-box select{border-radius:var(--radius-small);border:2px solid var(--color-border);background:var(--color-surface) url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 1rem center;color:var(--color-text);appearance:none;cursor:pointer;background-size:12px;min-width:260px;padding:.75rem 1.25rem;font-size:1.05rem;font-weight:500;transition:all .3s}.requests-filters .filter-box select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-pale)}.requests-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;display:grid}.request-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.request-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-4px)}.request-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.request-id{flex-direction:column;gap:.35rem;display:flex}.tracking-code{color:var(--color-accent);background:var(--color-accent-pale);border-radius:4px;padding:.2rem .5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.15rem;font-weight:700}.request-date{color:var(--color-muted);font-size:.85rem;font-weight:500}.request-card-body{flex-grow:1;margin-bottom:1.5rem}.request-title{color:var(--color-text);margin-bottom:.75rem;font-size:1.15rem;font-weight:700;line-height:1.4}.request-code{color:var(--color-muted);font-size:.9rem}.request-card-footer{justify-content:flex-end;gap:1rem;display:flex}.request-card-footer .button{padding:.6rem 1.25rem;font-weight:600}.premium-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.premium-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.table-container{background:var(--color-surface);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow-x:auto}.table-premium{border-collapse:collapse;width:100%}.table-premium th{background:var(--color-surface-2);text-transform:uppercase;color:var(--color-muted);letter-spacing:.05em;border-bottom:2px solid var(--color-border);padding:1rem 1.5rem;font-size:.85rem;font-weight:700}.table-premium td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1rem 1.5rem}.table-premium tr:last-child td{border-bottom:none}.table-premium tr:hover td{background:var(--color-surface-2)}.profile-container{max-width:600px}.profile-card{background:var(--color-surface);border-radius:var(--radius-large);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:2.5rem}.profile-header-section{border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.profile-avatar{background:var(--btn-primary-gradient);color:#fff;width:80px;height:80px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.profile-info-header h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.input-premium{border:2px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);width:100%;color:var(--color-text);padding:.85rem 1rem;font-size:1rem;transition:all .3s}.input-premium:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-pale);outline:none}.input-premium:disabled{background:var(--color-surface-2);color:var(--color-muted);cursor:not-allowed}.input-group{align-items:center;display:flex}.input-prefix{background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-small) 0 0 var(--radius-small);color:var(--color-muted);border-right:none;padding:.85rem 1rem;font-weight:600}.input-group .input-premium{border-radius:0 var(--radius-small) var(--radius-small) 0}.form-actions{justify-content:flex-end;margin-top:2rem;display:flex}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.document-card{align-items:center;gap:1.25rem;display:flex}.doc-icon{color:var(--color-info);border-radius:var(--radius-small);background:#eff6ff;padding:1rem;font-size:2rem}.doc-info{flex-grow:1;min-width:0}.doc-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.doc-meta{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.notifications-list{flex-direction:column;gap:1rem;max-width:800px;display:flex}.notification-item{align-items:flex-start;gap:1.25rem;display:flex;position:relative}.notification-item.unread{background:#f8fafc;border-color:#93c5fd}.notif-icon{color:var(--color-gold);background:var(--color-gold-pale);border-radius:50%;padding:.75rem;font-size:1.5rem}.notif-content h4{margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.notif-content p{color:var(--color-muted);margin-bottom:.5rem;line-height:1.4}.notif-dot{background:var(--color-info);border-radius:50%;width:10px;height:10px;position:absolute;top:1.5rem;right:1.5rem}
