:root{--color-primary:#8ca653;--color-primary-hover:#7a9448;--color-primary-active:#6b8340;--color-primary-soft:#8ca6531f;--color-secondary:#bcbf5e;--color-secondary-hover:#a8ab50;--color-accent:#f2cd5c;--color-accent-hover:#e0bc4a;--color-bg:#0f1115;--color-bg-soft:#151922;--color-surface:#1b2130;--color-surface-2:#252d3d;--color-surface-3:#2e374a;--color-text:#f5f7fa;--color-text-soft:#a9b2c3;--color-text-muted:#7e8799;--color-border:#ffffff14;--color-border-strong:#ffffff24;--color-success:#6baa4e;--color-success-soft:#6baa4e1f;--color-danger:#d9534f;--color-danger-soft:#d9534f1f;--color-warning:#d9a441;--color-warning-soft:#d9a4411f;--color-info:#5b8def;--color-info-soft:#5b8def1f;--color-white:#fff;--color-dark:#0d0d0d;--sidebar-width-open:260px;--sidebar-width-closed:84px;--header-height:72px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 16px 40px #0000005c;--shadow-primary:0 4px 20px #8ca65340;--transition-base:all .25s ease;--transition-fast:all .15s ease;--transition-slow:all .4s ease;--font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--z-sidebar:100;--z-header:200;--z-modal:300;--z-toast:400;--z-tooltip:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-soft);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}button{font-family:var(--font-family);cursor:pointer;transition:var(--transition-base);border:none;outline:none}button:disabled{opacity:.45;cursor:not-allowed}table{border-collapse:collapse;width:100%}th{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}td{font-size:var(--font-size-sm);color:var(--color-text-soft);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-surface-2);transition:var(--transition-fast)}img{max-width:100%;display:block}#root{flex-direction:column;min-height:100vh;display:flex}.u-flex{display:flex}.u-flex-col{flex-direction:column;display:flex}.u-flex-center{justify-content:center;align-items:center;display:flex}.u-flex-between{justify-content:space-between;align-items:center;display:flex}.u-flex-gap-2{gap:var(--space-2)}.u-flex-gap-3{gap:var(--space-3)}.u-flex-gap-4{gap:var(--space-4)}.u-text-muted{color:var(--color-text-muted)}.u-text-soft{color:var(--color-text-soft)}.u-text-primary{color:var(--color-primary)}.u-text-danger{color:var(--color-danger)}.u-text-success{color:var(--color-success)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-xs{font-size:var(--font-size-xs)}.u-font-medium{font-weight:var(--font-weight-medium)}.u-font-semibold{font-weight:var(--font-weight-semibold)}.u-font-bold{font-weight:var(--font-weight-bold)}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mt-6{margin-top:var(--space-6)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-6{margin-bottom:var(--space-6)}.u-badge{padding:2px var(--space-2);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase;align-items:center;display:inline-flex}.u-badge--success{background-color:var(--color-success-soft);color:var(--color-success)}.u-badge--danger{background-color:var(--color-danger-soft);color:var(--color-danger)}.u-badge--warning{background-color:var(--color-warning-soft);color:var(--color-warning)}.u-badge--info{background-color:var(--color-info-soft);color:var(--color-info)}.u-hidden{display:none}.u-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{width:var(--sidebar-width-open);background-color:var(--color-surface);border-right:1px solid var(--color-border);min-height:100vh;z-index:var(--z-sidebar);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:visible}.sidebar--collapsed{width:var(--sidebar-width-closed)}.sidebar__logo{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border);min-height:var(--header-height);display:flex;overflow:hidden}.sidebar__logo-img{object-fit:contain;flex-shrink:0;width:auto;height:36px}.sidebar__logo-img--collapsed{object-fit:cover;border-radius:var(--radius-xs);width:32px;height:32px}.sidebar__logo-text{white-space:nowrap;flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar__logo-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:.04em}.sidebar__logo-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.02em}.sidebar__nav{padding:var(--space-4) var(--space-3);flex:1;overflow:hidden auto}.sidebar__nav-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.sidebar__nav-item{position:relative}.sidebar__nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-soft);transition:var(--transition-fast);white-space:nowrap;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar__nav-link:hover{background-color:var(--color-surface-2);color:var(--color-text)}.sidebar__nav-link--active,.sidebar__nav-link--active:hover{background-color:var(--color-primary-soft);color:var(--color-primary)}.sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__nav-icon svg{width:20px;height:20px}.sidebar__nav-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden}.sidebar__tooltip{left:calc(var(--sidebar-width-closed) + var(--space-2));background-color:var(--color-surface-3);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);border:1px solid var(--color-border);position:absolute;top:50%;transform:translateY(-50%)}.sidebar--collapsed .sidebar__nav-link:hover .sidebar__tooltip,.sidebar--collapsed .sidebar__user:hover .sidebar__tooltip,.sidebar--collapsed .sidebar__logout:hover .sidebar__tooltip{opacity:1}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-2);flex-direction:column;display:flex;overflow:hidden}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);cursor:default;display:flex;position:relative;overflow:hidden}.sidebar__user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:34px;height:34px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.sidebar__logout{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;width:100%;transition:var(--transition-fast);white-space:nowrap;cursor:pointer;background:0 0;border:none;display:flex;position:relative;overflow:hidden}.sidebar__logout:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.sidebar__toggle{top:calc(var(--header-height) / 2 - 14px);background-color:var(--color-surface-2);border:1px solid var(--color-border-strong);cursor:pointer;width:28px;height:28px;transition:var(--transition-base);z-index:calc(var(--z-sidebar) + 10);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;right:-14px}.sidebar__toggle:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.sidebar__toggle-icon{width:14px;height:14px;transition:transform var(--transition-slow);display:block}.sidebar__toggle-icon--rotated{transform:rotate(180deg)}@media (width<=768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width-open)!important}.sidebar--mobile-open{transform:translate(0)}.sidebar__toggle{display:none}}.header{height:var(--header-height);background-color:var(--color-bg-soft);border-bottom:1px solid var(--color-border);padding:0 var(--space-8);z-index:var(--z-header);transition:left var(--transition-slow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;right:0}.header__left{align-items:center;gap:var(--space-4);display:flex}.header__titles{flex-direction:column;gap:2px;display:flex}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1}.header__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;line-height:1}.header__right{align-items:center;gap:var(--space-6);display:flex}.header__date{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.header__user-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex}.header__user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:26px;height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-soft);white-space:nowrap}@media (width<=768px){.header__date{display:none}.header{padding:0 var(--space-4);left:0!important}}.main-layout{background-color:var(--color-bg);box-sizing:border-box;min-height:100vh;display:flex}.main-layout__content{margin-left:var(--sidebar-width-open);transition:margin-left var(--transition-slow);box-sizing:border-box;flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex}.main-layout__content--collapsed{margin-left:var(--sidebar-width-closed)}.main-layout__main{margin-top:var(--header-height);padding:var(--space-8);min-height:calc(100vh - var(--header-height));box-sizing:border-box;flex:1;overflow-x:hidden}@media (width<=1024px){.main-layout__main{padding:var(--space-6)}}@media (width<=768px){.main-layout__content,.main-layout__content--collapsed{margin-left:0}.main-layout__main{padding:var(--space-4)}}.login-page{background-color:var(--color-bg);align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page__bg{pointer-events:none;z-index:0;position:absolute;inset:0}.login-page__bg-orb{filter:blur(80px);opacity:.12;border-radius:50%;position:absolute}.login-page__bg-orb--1{background:var(--color-primary);width:600px;height:600px;top:-200px;left:-200px}.login-page__bg-orb--2{background:var(--color-accent);width:400px;height:400px;bottom:-150px;right:-100px}.login-page__container{z-index:1;width:100%;display:flex;position:relative}.login-page__brand{padding:var(--space-12);background:linear-gradient(145deg, var(--color-surface) 0%, var(--color-bg-soft) 100%);border-right:1px solid var(--color-border);flex:1;justify-content:center;align-items:center;display:flex}.login-page__brand-content{max-width:400px}.login-page__logo-wrapper{margin-bottom:var(--space-6);justify-content:center;align-items:center;display:inline-flex}.login-page__logo-img{object-fit:contain;width:auto;max-width:280px;height:56px;display:block}.login-page__logo-fallback{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;line-height:1}.login-page__brand-subtitle{font-size:var(--font-size-md);color:var(--color-primary);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;margin-bottom:0}.login-page__brand-divider{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));width:48px;height:3px;margin:var(--space-6) 0;border-radius:99px}.login-page__brand-desc{font-size:var(--font-size-base);color:var(--color-text-soft);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.login-page__brand-features{gap:var(--space-3);flex-direction:column;display:flex}.login-page__feature{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-soft);display:flex}.login-page__feature-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.login-page__form-panel{width:480px;padding:var(--space-8);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}.login-page__form-card{width:100%;max-width:400px}.login-page__form-header{margin-bottom:var(--space-8)}.login-page__form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.login-page__form-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.login-page__form{gap:var(--space-5);flex-direction:column;display:flex}.login-page__error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-danger);animation:.3s login-shake;display:flex}.login-page__error-icon{font-size:var(--font-size-base);flex-shrink:0}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-page__field{gap:var(--space-2);flex-direction:column;display:flex}.login-page__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-soft)}.login-page__input-wrapper{align-items:center;display:flex;position:relative}.login-page__input-icon{left:var(--space-4);font-size:var(--font-size-sm);pointer-events:none;z-index:1;opacity:.5;position:absolute}.login-page__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) * 2 + 1rem);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);transition:var(--transition-fast);box-sizing:border-box;height:48px}.login-page__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background-color:var(--color-surface-2);outline:none}.login-page__input:disabled{opacity:.5;cursor:not-allowed}.login-page__input--password{padding-right:calc(var(--space-4) * 2 + 1rem)}.login-page__toggle-password{right:var(--space-4);cursor:pointer;font-size:var(--font-size-sm);opacity:.5;transition:var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute}.login-page__toggle-password:hover{opacity:1}.login-page__submit{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:100%;height:52px;color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);margin-top:var(--space-2);box-shadow:var(--shadow-primary);letter-spacing:.02em;border:none}.login-page__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #8ca65359}.login-page__submit:active:not(:disabled){transform:translateY(0)}.login-page__submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.login-page__submit-loading{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.login-page__spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-page__footer{margin-top:var(--space-8);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=768px){.login-page__brand{display:none}.login-page__form-panel{width:100%;padding:var(--space-6)}}.spinner-wrapper{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.spinner-wrapper--fullpage{background-color:var(--color-bg);z-index:var(--z-modal);position:fixed;inset:0}.spinner{border-style:solid;border-color:var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:18px;height:18px}.spinner--md{border-width:3px;width:32px;height:32px}.spinner--lg{border-width:4px;width:48px;height:48px}.spinner-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.pbtn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;display:inline-flex}.pbtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pbtn--sm{height:34px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.pbtn--md{height:42px;padding:0 var(--space-5);font-size:var(--font-size-sm)}.pbtn--lg{height:52px;padding:0 var(--space-8);font-size:var(--font-size-base)}.pbtn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);box-shadow:var(--shadow-primary)}.pbtn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #8ca65359}.pbtn--primary:active:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(0)}.pbtn--secondary{background-color:var(--color-surface-2);color:var(--color-text-soft);border-color:var(--color-border-strong)}.pbtn--secondary:hover:not(:disabled){background-color:var(--color-surface-3);color:var(--color-text);border-color:var(--color-text-muted)}.pbtn--danger{background-color:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.pbtn--danger:hover:not(:disabled){background-color:var(--color-danger);color:var(--color-white)}.pbtn--ghost{color:var(--color-text-muted);background-color:#0000;border-color:#0000}.pbtn--ghost:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-text)}.pbtn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.pbtn--loading{cursor:wait}.pbtn__spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite pbtn-spin}@keyframes pbtn-spin{to{transform:rotate(360deg)}}.pbtn__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.pbtn__icon svg{width:16px;height:16px}.dashboard{gap:var(--space-8);flex-direction:column;max-width:1200px;display:flex}.dashboard__welcome{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.dashboard__welcome-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.dashboard__welcome-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.dashboard__metrics{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.dash-metric{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);align-items:flex-start;gap:var(--space-4);transition:var(--transition-base);display:flex}.dash-metric:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-metric--accent{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-primary-soft) 100%)}.dash-metric__icon{border-radius:var(--radius-sm);background-color:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-metric__icon svg{width:22px;height:22px}.dash-metric--accent .dash-metric__icon{background-color:var(--color-primary);color:var(--color-white)}.dash-metric__body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.dash-metric__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.dash-metric__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.dash-metric__sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard__section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dashboard__section-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dashboard__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard__section-link{font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium);transition:var(--transition-fast);background:0 0;border:none;padding:0}.dashboard__section-link:hover{color:var(--color-primary-hover)}.dashboard__table-wrapper{overflow-x:auto}.dashboard__table{width:100%}.dashboard__consecutivo{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.dashboard__monto{font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard__action-btn{width:30px;height:30px;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.dashboard__action-btn svg{width:16px;height:16px}.dashboard__action-btn:hover{background-color:var(--color-surface-2);color:var(--color-text)}.dashboard__error{padding:var(--space-3) var(--space-6);background-color:var(--color-warning-soft);color:var(--color-warning);font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.dashboard__shortcuts{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.dashboard__shortcut{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);cursor:pointer;transition:var(--transition-base);display:flex}.dashboard__shortcut:hover{border-color:var(--color-primary);background-color:var(--color-surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__shortcut-icon{border-radius:var(--radius-sm);background-color:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard__shortcut-icon svg{width:22px;height:22px}.dashboard__shortcut-body{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.dashboard__shortcut-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard__shortcut-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard__shortcut-arrow{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}@media (width<=1100px){.dashboard__metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard__metrics,.dashboard__shortcuts{grid-template-columns:1fr}.dashboard__welcome{flex-direction:column;align-items:flex-start}}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:0;display:flex;overflow:hidden}.search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.search-input--disabled{opacity:.5;pointer-events:none}.search-input__icon{padding:0 var(--space-3) 0 var(--space-4);color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.search-input__icon svg{width:18px;height:18px}.search-input__field{height:48px;color:var(--color-text);font-size:var(--font-size-base);box-shadow:none;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0}.search-input__field::placeholder{color:var(--color-text-muted)}.search-input__field:disabled{cursor:not-allowed}.search-input__spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);width:18px;height:18px;margin:0 var(--space-3);border-radius:50%;flex-shrink:0;animation:.7s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.search-input__clear{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-xs);margin-right:var(--space-1);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.search-input__clear svg{width:16px;height:16px}.search-input__clear:hover{background-color:var(--color-surface-2);color:var(--color-text)}.search-input__btn{height:48px;padding:0 var(--space-5);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);letter-spacing:.02em;border-radius:0;flex-shrink:0}.search-input__btn:hover:not(:disabled){filter:brightness(1.1)}.search-input__btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{padding:var(--space-12) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state__icon{margin-bottom:var(--space-2);opacity:.6;font-size:3rem;line-height:1}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-soft)}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:360px;line-height:var(--line-height-relaxed);margin:0}.empty-state__action{margin-top:var(--space-4)}.toast{bottom:var(--space-8);right:var(--space-8);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);min-width:280px;max-width:420px;box-shadow:var(--shadow-lg);z-index:var(--z-toast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #0000;animation:.25s toast-in;display:flex;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast--success{background-color:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.toast--error{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.toast--warning{background-color:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.toast--info{background-color:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.toast__icon{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast__message{line-height:var(--line-height-base);flex:1}.toast__close{color:currentColor;opacity:.6;border-radius:var(--radius-xs);width:20px;height:20px;transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.toast__close svg{width:14px;height:14px}.toast__close:hover{opacity:1;background-color:#0000001a}.recursos-modal__overlay{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000a6;justify-content:center;align-items:center;animation:.15s recursos-fade-in;display:flex;position:fixed;inset:0}@keyframes recursos-fade-in{0%{opacity:0}to{opacity:1}}.recursos-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s recursos-slide-up;display:flex}@keyframes recursos-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.recursos-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.recursos-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.recursos-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.recursos-modal__subtitle code{color:var(--color-primary);font-family:Courier New,monospace;font-size:var(--font-size-xs)}.recursos-modal__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.recursos-modal__close:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.recursos-modal__close svg{width:16px;height:16px}.recursos-modal__tabs{gap:var(--space-1);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.recursos-modal__tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.recursos-modal__tab:hover{background-color:var(--color-surface-2);color:var(--color-text)}.recursos-modal__tab--active{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.recursos-modal__tab-icon{align-items:center;width:16px;height:16px;display:flex}.recursos-modal__tab-icon svg{width:16px;height:16px}.recursos-modal__tab-badge{background-color:var(--color-surface-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:center;border-radius:99px;min-width:20px;padding:1px 6px}.recursos-modal__tab--active .recursos-modal__tab-badge{background-color:var(--color-primary);color:var(--color-white)}.recursos-modal__toolbar{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.recursos-modal__sel-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.recursos-modal__sel-info--max{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.recursos-modal__sel-hint{color:var(--color-text-muted);font-size:var(--font-size-xs)}.recursos-modal__upload-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;flex-shrink:0;display:flex}.recursos-modal__upload-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.recursos-modal__upload-btn:disabled{opacity:.6;cursor:not-allowed}.recursos-modal__upload-btn svg{width:15px;height:15px}.recursos-modal__error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background-color:var(--color-warning-soft);border-bottom:1px solid var(--color-warning);font-size:var(--font-size-sm);color:var(--color-warning);flex-shrink:0;display:flex}.recursos-modal__error button{color:var(--color-warning);cursor:pointer;font-size:var(--font-size-base);background:0 0;border:none;flex-shrink:0;padding:0}.recursos-modal__body{padding:var(--space-5) var(--space-6);scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent;flex:1;overflow-y:auto}.recursos-modal__body::-webkit-scrollbar{width:6px}.recursos-modal__body::-webkit-scrollbar-thumb{background-color:var(--color-surface-3);border-radius:99px}.recursos-modal__loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.recursos-modal__empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.recursos-modal__empty-icon{opacity:.3;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.recursos-modal__empty-icon svg{width:48px;height:48px}.recursos-modal__empty p{font-size:var(--font-size-sm);margin:0}.recursos-modal__empty-hint{color:var(--color-text-muted);font-size:var(--font-size-xs)!important}.recursos-modal__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.recursos-modal__grid--pdfs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.recursos-modal__item{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.recursos-modal__item:hover{border-color:var(--color-border-strong)}.recursos-modal__item--selected{border-color:var(--color-primary);background-color:var(--color-primary-soft)}.recursos-modal__thumb{aspect-ratio:4/3;background-color:var(--color-surface-3);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.recursos-modal__thumb img{object-fit:cover;width:100%;height:100%}.recursos-modal__pdf-thumb{aspect-ratio:4/3;background-color:var(--color-surface-3);width:100%;color:var(--color-danger);transition:var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.recursos-modal__pdf-thumb:hover{background-color:var(--color-danger-soft)}.recursos-modal__pdf-thumb svg{width:40px;height:40px}.recursos-modal__item-name{font-size:var(--font-size-xs);color:var(--color-text-soft);padding:var(--space-2) var(--space-3);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.recursos-modal__item-actions{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);display:flex}.recursos-modal__check-btn{justify-content:center;align-items:center;gap:var(--space-1);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-xs);height:30px;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:var(--transition-fast);flex:1;display:flex}.recursos-modal__check-btn svg{width:12px;height:12px}.recursos-modal__check-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.recursos-modal__check-btn--on{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.recursos-modal__check-btn--on:hover{background-color:var(--color-primary-hover);color:var(--color-white)}.recursos-modal__delete-btn{background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.recursos-modal__delete-btn svg{width:13px;height:13px}.recursos-modal__delete-btn:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.recursos-modal__selected-badge{top:var(--space-2);left:var(--space-2);background-color:var(--color-primary);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);padding:2px var(--space-2);pointer-events:none;border-radius:99px;position:absolute}.recursos-modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.recursos-modal__footer-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.recursos-modal__done-btn{padding:var(--space-2) var(--space-6);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.recursos-modal__done-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.recursos-modal__spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite recursos-spin;display:inline-block}.recursos-modal__spinner--lg{border-color:var(--color-border-strong);border-top-color:var(--color-primary);width:32px;height:32px}@keyframes recursos-spin{to{transform:rotate(360deg)}}@media (width<=600px){.recursos-modal{border-radius:var(--radius-md);max-height:95vh}.recursos-modal__grid{grid-template-columns:repeat(2,1fr)}.recursos-modal__toolbar{flex-direction:column;align-items:flex-start}}.productos-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);overflow-x:auto}.productos-table{width:100%;min-width:800px}.productos-table__row--agregado td{background-color:var(--color-primary-soft)}.productos-table__cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.productos-table__nombre{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:280px;display:block;overflow:hidden}.productos-table__saldo{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.productos-table__saldo--ok{color:var(--color-success)}.productos-table__saldo--agotado{color:var(--color-danger)}.productos-table__precio{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap}.productos-table__recursos{align-items:center;gap:var(--space-2);display:flex}.productos-table__recurso-btn{width:30px;height:30px;color:var(--color-text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition-fast);opacity:.3;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.productos-table__recurso-btn svg{width:15px;height:15px}.productos-table__recurso-btn:hover{background-color:var(--color-surface-2);color:var(--color-text);opacity:1;border-color:var(--color-border)}.productos-table__recurso-btn--active{opacity:1;color:var(--color-primary);border-color:var(--color-primary-soft);background-color:var(--color-primary-soft)}.productos-table__recurso-btn--active:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.productos-table__recurso-count{background-color:var(--color-primary);color:var(--color-white);font-size:9px;font-weight:var(--font-weight-bold);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.preview-panel__overlay{z-index:calc(var(--z-sidebar) - 1);background-color:#00000080;animation:.2s overlay-in;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.preview-panel{background-color:var(--color-surface);border-left:1px solid var(--color-border);width:380px;height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-slow);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.preview-panel--open{transform:translate(0)}.preview-panel__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);min-height:var(--header-height);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.preview-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.preview-panel__close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.preview-panel__close svg{width:18px;height:18px}.preview-panel__close:hover{background-color:var(--color-surface-2);color:var(--color-text)}.preview-panel__body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.preview-panel__image-wrapper{background-color:var(--color-surface-2);border-bottom:1px solid var(--color-border);flex-shrink:0;width:100%;height:200px;overflow:hidden}.preview-panel__image{object-fit:contain;width:100%;height:100%;padding:var(--space-4)}.preview-panel__image-fallback{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.preview-panel__image-fallback span:first-child{opacity:.4;font-size:2.5rem}.preview-panel__data{padding:var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.preview-panel__cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.preview-panel__nom{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-tight)}.preview-panel__tipo{align-self:flex-start}.preview-panel__stats{gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4);background-color:var(--color-surface-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-direction:column;display:flex}.preview-panel__stat{justify-content:space-between;align-items:center;display:flex}.preview-panel__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.preview-panel__stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.preview-panel__stat-value--precio{color:var(--color-accent);font-size:var(--font-size-base)}.preview-panel__stat-value--ok{color:var(--color-success)}.preview-panel__stat-value--agotado{color:var(--color-danger)}.preview-panel__ficha-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);margin-top:var(--space-2);text-decoration:none;display:inline-flex}.preview-panel__ficha-btn svg{flex-shrink:0;width:16px;height:16px}.preview-panel__ficha-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.preview-panel__footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.preview-panel__footer .pbtn{width:100%}.sel-bar{background-color:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-md);margin-top:var(--space-6);overflow:hidden}.sel-bar__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.sel-bar__header-left{align-items:center;gap:var(--space-3);display:flex}.sel-bar__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.sel-bar__count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sel-bar__clear{color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);transition:var(--transition-fast);background:0 0}.sel-bar__clear:hover{background-color:var(--color-danger-soft)}.sel-bar__items{max-height:260px;overflow-y:auto}.sel-bar__item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);transition:var(--transition-fast);display:flex}.sel-bar__item:last-child{border-bottom:none}.sel-bar__item:hover{background-color:var(--color-surface-2)}.sel-bar__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sel-bar__item-cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sel-bar__item-nom{font-size:var(--font-size-sm);color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sel-bar__item-controls{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.sel-bar__qty{border:1px solid var(--color-border);border-radius:var(--radius-xs);align-items:center;gap:0;display:flex;overflow:hidden}.sel-bar__qty-btn{background-color:var(--color-surface-2);width:28px;height:28px;color:var(--color-text-soft);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.sel-bar__qty-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.sel-bar__qty-btn:disabled{opacity:.3;cursor:not-allowed}.sel-bar__qty-input{text-align:center;width:44px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:none;border-radius:0;padding:0}.sel-bar__qty-input:focus{box-shadow:none;border-color:var(--color-border)}.sel-bar__item-subtotal{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:right;min-width:100px}.sel-bar__item-remove{width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.sel-bar__item-remove svg{width:14px;height:14px}.sel-bar__item-remove:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.sel-bar__footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-2);justify-content:space-between;align-items:flex-end;gap:var(--space-8);display:flex}.sel-bar__totals{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.sel-bar__total-row{font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.sel-bar__total-row--total{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-1)}.sel-bar__disclaimer{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-2) 0 0 0;font-style:italic}.productos-page{gap:var(--space-6);flex-direction:column;max-width:1200px;display:flex}.productos-page__search-section{gap:var(--space-4);flex-direction:column;display:flex}.productos-page__search-header{gap:var(--space-1);flex-direction:column;display:flex}.productos-page__search-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.productos-page__search-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.productos-page__results{gap:var(--space-4);flex-direction:column;display:flex}.productos-page__results-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.productos-page__results-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.productos-page__table-scroll{max-height:calc(100vh - var(--header-height) - 160px);border-radius:var(--radius-md);border:1px solid var(--color-border);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent;min-height:200px;overflow:auto}.productos-page__table-scroll::-webkit-scrollbar{width:6px;height:6px}.productos-page__table-scroll::-webkit-scrollbar-track{background:0 0}.productos-page__table-scroll::-webkit-scrollbar-thumb{background-color:var(--color-surface-3);border-radius:99px}.productos-page__table-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.productos-page__retry{padding:var(--space-2) var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.productos-page__retry:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (width<=1024px){.productos-page__table-scroll{max-height:calc(100vh - var(--header-height) - 140px)}}@media (width<=768px){.productos-page__table-scroll{max-height:calc(100vh - var(--header-height) - 120px)}}.cot-tabs{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);padding:0 var(--space-6);align-items:center;gap:0;display:flex;overflow-x:auto}.cot-tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;display:inline-flex}.cot-tabs__tab:hover{color:var(--color-text);background-color:var(--color-surface-2)}.cot-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cot-tabs__tab--active:hover{background-color:#0000}.cot-tabs__badge{min-width:18px;height:18px;padding:0 var(--space-1);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.cot-form{gap:var(--space-8);flex-direction:column;display:flex}.cot-form__section{gap:var(--space-5);flex-direction:column;display:flex}.cot-form__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.cot-form__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.cot-form__field{gap:var(--space-2);flex-direction:column;display:flex}.cot-form__field--full{grid-column:1/-1}.cot-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-soft)}.cot-form__required{color:var(--color-danger);margin-left:2px}.cot-form__input{height:42px;padding:0 var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast);width:100%}.cot-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background-color:var(--color-surface-3)}.cot-form__input::placeholder{color:var(--color-text-muted)}.cot-form__textarea{padding:var(--space-3) var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical;transition:var(--transition-fast);width:100%;min-height:80px}.cot-form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background-color:var(--color-surface-3)}.cot-form__textarea::placeholder{color:var(--color-text-muted)}@media (width<=640px){.cot-form__grid{grid-template-columns:1fr}}.cot-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);overflow-x:auto}.cot-table{width:100%;min-width:700px}.cot-table__num{color:var(--color-text-muted);font-size:var(--font-size-xs);width:32px}.cot-table__cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.cot-table__nom{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium);max-width:260px;display:block}.cot-table__tipo{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;display:block}.cot-table__precio{font-size:var(--font-size-sm);color:var(--color-text-soft);white-space:nowrap}.cot-table__subtotal{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}.cot-table__qty{border:1px solid var(--color-border);border-radius:var(--radius-xs);align-items:center;width:fit-content;display:flex;overflow:hidden}.cot-table__qty-btn{background-color:var(--color-surface-2);width:28px;height:28px;color:var(--color-text-soft);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);transition:var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.cot-table__qty-btn:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.cot-table__qty-btn:disabled{opacity:.3;cursor:not-allowed}.cot-table__qty-input{text-align:center;width:44px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);box-shadow:none;border-radius:0;padding:0}.cot-table__qty-input:focus{box-shadow:none;border-color:var(--color-border)}.cot-table__remove{width:30px;height:30px;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.cot-table__remove svg{width:15px;height:15px}.cot-table__remove:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.cot-table__go-btn{padding:var(--space-2) var(--space-5);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.cot-table__go-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.cot-resumen{background-color:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-6);gap:var(--space-5);top:calc(var(--header-height) + var(--space-6));flex-direction:column;display:flex;position:sticky}.cot-resumen__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.cot-resumen__totales{gap:var(--space-3);flex-direction:column;display:flex}.cot-resumen__row{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.cot-resumen__row-label{color:var(--color-text-muted)}.cot-resumen__row-value{color:var(--color-text-soft);font-weight:var(--font-weight-medium)}.cot-resumen__row--total{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-base)}.cot-resumen__row--total .cot-resumen__row-label{color:var(--color-text);font-weight:var(--font-weight-semibold)}.cot-resumen__row--total .cot-resumen__row-value{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.cot-resumen__disclaimer{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;line-height:var(--line-height-relaxed);margin:0}.cot-resumen__validaciones{gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-sm);flex-direction:column;display:flex}.cot-resumen__validacion{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-warning);display:flex}.cot-resumen__validacion-icon{flex-shrink:0;font-size:10px}.cot-resumen .pbtn{width:100%}.email-modal__overlay{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000a6;justify-content:center;align-items:center;animation:.15s email-fade;display:flex;position:fixed;inset:0}@keyframes email-fade{0%{opacity:0}to{opacity:1}}.email-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s email-up;display:flex}@keyframes email-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.email-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.email-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.email-modal__subtitle{font-size:var(--font-size-xs);color:var(--color-primary);font-family:Courier New,monospace;font-weight:var(--font-weight-semibold);margin:0}.email-modal__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.email-modal__close svg{width:16px;height:16px}.email-modal__close:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.email-modal__body{padding:var(--space-5) var(--space-6);gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.email-modal__body::-webkit-scrollbar{width:5px}.email-modal__body::-webkit-scrollbar-thumb{background-color:var(--color-surface-3);border-radius:99px}.email-modal__field{gap:var(--space-2);flex-direction:column;display:flex}.email-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-soft)}.email-modal__required{color:var(--color-danger);margin-left:2px}.email-modal__input{height:42px;padding:0 var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast);box-sizing:border-box;width:100%}.email-modal__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.email-modal__textarea{padding:var(--space-3) var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical;transition:var(--transition-fast);box-sizing:border-box;width:100%;font-family:inherit}.email-modal__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.email-modal__firma-section{gap:var(--space-2);flex-direction:column;display:flex}.email-modal__firma-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;width:fit-content;padding:0;display:flex}.email-modal__firma-toggle:hover{color:var(--color-text)}.email-modal__firma-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);padding:var(--space-3);justify-content:center;align-items:center;min-height:80px;display:flex}.email-modal__firma-img{object-fit:contain;max-width:100%;max-height:140px;display:block}.email-modal__firma-placeholder{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.email-modal__firma-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:0}.email-modal__firma-error code{background-color:var(--color-surface-3);border-radius:3px;padding:1px 4px}.email-modal__dot-loading{background-color:var(--color-primary);width:6px;height:6px;margin-left:var(--space-2);vertical-align:middle;border-radius:50%;animation:1s infinite email-pulse;display:inline-block}@keyframes email-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.email-modal__adjuntos{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.email-modal__adjuntos-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-soft);margin:0 0 var(--space-2);align-items:center;display:flex}.email-modal__adj-grupo{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-2) 0 var(--space-1)}.email-modal__adj-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;width:100%;display:flex}.email-modal__adj-item:hover{background-color:var(--color-surface-3)}.email-modal__adj-item--on{background-color:var(--color-primary-soft);border-color:var(--color-primary)}.email-modal__adj-item--fixed{cursor:default;background-color:var(--color-success-soft);border-color:var(--color-success)}.email-modal__adj-check{border-radius:var(--radius-xs);border:1.5px solid var(--color-border-strong);width:18px;height:18px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.email-modal__adj-check svg{width:11px;height:11px}.email-modal__adj-check--on{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.email-modal__adj-icon{border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.email-modal__adj-icon svg{width:14px;height:14px}.email-modal__adj-icon--pdf{background-color:var(--color-danger-soft);color:var(--color-danger)}.email-modal__adj-icon--img{background-color:var(--color-info-soft);color:var(--color-info)}.email-modal__adj-nombre{font-size:var(--font-size-sm);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.email-modal__adj-cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-right:var(--space-1)}.email-modal__adj-tag{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium);flex-shrink:0}.email-modal__adj-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;line-height:var(--line-height-relaxed);margin:0}.email-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.email-modal__cancel-btn{padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:0 0}.email-modal__cancel-btn:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.email-modal__send-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background-color:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-primary);border:none;display:flex}.email-modal__send-btn svg{width:15px;height:15px}.email-modal__send-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.email-modal__send-btn:disabled{opacity:.5;cursor:not-allowed}.email-modal__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite email-spin;display:inline-block}.email-modal__spinner--sm{border-color:var(--color-border);border-top-color:var(--color-primary);width:12px;height:12px}@keyframes email-spin{to{transform:rotate(360deg)}}.pdf-preview{gap:var(--space-4);flex-direction:column;display:flex}.pdf-preview--empty{padding:var(--space-16);text-align:center;justify-content:center;align-items:center}.pdf-preview__empty-icon{opacity:.4;margin-bottom:var(--space-3);font-size:3rem}.pdf-preview__empty-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.pdf-preview__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.pdf-preview__toolbar-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pdf-preview__consecutivo{font-family:Courier New,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.pdf-preview__totales{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pdf-preview__total-chip{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px var(--space-2);background-color:var(--color-surface-2);border-radius:var(--radius-xs)}.pdf-preview__total-chip strong{color:var(--color-text-soft)}.pdf-preview__total-chip--main{background-color:var(--color-primary-soft)}.pdf-preview__total-chip--main strong{color:var(--color-primary);font-size:var(--font-size-sm)}.pdf-preview__toolbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pdf-preview__action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;display:inline-flex}.pdf-preview__action-btn svg{flex-shrink:0;width:15px;height:15px}.pdf-preview__action-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pdf-preview__action-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-preview__action-btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);box-shadow:var(--shadow-primary);border-color:#0000}.pdf-preview__action-btn--primary:hover:not(:disabled){color:var(--color-white);filter:brightness(1.08);border-color:#0000}.pdf-preview__action-btn--whatsapp{color:#25d366;border-color:#25d3664d}.pdf-preview__action-btn--whatsapp:hover:not(:disabled){color:#25d366;background-color:#25d36614;border-color:#25d366}.pdf-preview__wa-form{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid #25d3664d;flex-wrap:wrap;animation:.15s pdf-fade-in;display:flex}@keyframes pdf-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pdf-preview__wa-form-label{font-size:var(--font-size-sm);color:var(--color-text-soft);white-space:nowrap}.pdf-preview__wa-input{width:160px;height:36px;padding:0 var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);box-sizing:border-box}.pdf-preview__wa-input:focus{border-color:#25d366;outline:none}.pdf-preview__wa-btn{height:36px;padding:0 var(--space-4);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background-color:#25d366;border:none}.pdf-preview__wa-btn:hover:not(:disabled){background-color:#20b858}.pdf-preview__wa-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-preview__wa-note{font-size:var(--font-size-xs);color:var(--color-text-muted);width:100%;margin:0}.pdf-preview__viewer{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-2);justify-content:center;align-items:center;min-height:700px;display:flex;overflow:hidden}.pdf-preview__iframe{border:none;width:100%;height:720px;display:block}.pdf-preview__loading{align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.pdf-preview__viewer-error{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}.pdf-preview__viewer-error button{padding:var(--space-2) var(--space-4);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;font-size:var(--font-size-sm)}.pdf-preview__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite pdf-spin;display:inline-block}@keyframes pdf-spin{to{transform:rotate(360deg)}}.fichas-panel{gap:var(--space-5);flex-direction:column;display:flex}.fichas-panel__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.fichas-panel__list{gap:var(--space-3);flex-direction:column;display:flex}.fichas-panel__item{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.fichas-panel__item-header{align-items:center;gap:var(--space-3);display:flex}.fichas-panel__cod{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);background-color:var(--color-primary-soft);padding:2px var(--space-2);border-radius:var(--radius-xs);white-space:nowrap}.fichas-panel__nom{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fichas-panel__loading-dot{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s infinite fichas-pulse}@keyframes fichas-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.fichas-panel__no-fichas{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;font-style:italic}.fichas-panel__pdfs{gap:var(--space-2);flex-direction:column;display:flex}.fichas-panel__pdf-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex}.fichas-panel__pdf-item:hover{border-color:var(--color-danger)}.fichas-panel__pdf-icon{width:20px;height:20px;color:var(--color-danger);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fichas-panel__pdf-icon svg{width:18px;height:18px}.fichas-panel__pdf-nombre{font-size:var(--font-size-sm);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fichas-panel__pdf-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.fichas-panel__pdf-btn{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--color-text-muted);transition:var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:flex}.fichas-panel__pdf-btn svg{width:14px;height:14px}.fichas-panel__pdf-btn:hover{background-color:var(--color-surface-3);color:var(--color-text);border-color:var(--color-border-strong)}.fichas-panel__pdf-btn--download:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.fichas-panel__empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.fichas-panel__empty-icon{opacity:.3;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fichas-panel__empty-icon svg{width:48px;height:48px}.fichas-panel__empty p{font-size:var(--font-size-sm);margin:0}.fichas-panel__empty-hint{color:var(--color-text-muted);font-size:var(--font-size-xs)!important}.hist-table{gap:var(--space-5);flex-direction:column;display:flex}.hist-table__filtros{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.hist-table__filtro-grid{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.hist-table__filtro-field{gap:var(--space-2);flex-direction:column;display:flex}.hist-table__filtro-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.hist-table__filtro-input{height:38px;padding:0 var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);transition:var(--transition-fast);width:100%}.hist-table__filtro-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.hist-table__filtro-input option{background-color:var(--color-surface-2);color:var(--color-text)}.hist-table__filtro-actions{gap:var(--space-3);display:flex}.hist-table__filtro-btn{padding:var(--space-2) var(--space-5);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);border:none}.hist-table__filtro-btn:hover{filter:brightness(1.1)}.hist-table__filtro-btn--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.hist-table__filtro-btn--ghost:hover{background-color:var(--color-surface-2);color:var(--color-text);filter:none}.hist-table__wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);overflow-x:auto}.hist-table__table{width:100%;min-width:700px}.hist-table__consecutivo{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.hist-table__cliente{font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:block;overflow:hidden}.hist-table__total{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap}.hist-table__acciones{align-items:center;gap:var(--space-1);display:flex}.hist-table__accion-btn{width:30px;height:30px;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.hist-table__accion-btn svg{width:15px;height:15px}.hist-table__accion-btn:hover{background-color:var(--color-surface-2);color:var(--color-text)}@media (width<=1100px){.hist-table__filtro-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.hist-table__filtro-grid{grid-template-columns:1fr}}.cotizaciones-page{gap:var(--space-6);flex-direction:column;max-width:1200px;display:flex}.cotizaciones-page__tabs-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cotizaciones-page__layout{gap:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.cotizaciones-page__main{gap:var(--space-6);flex-direction:column;display:flex}.cotizaciones-page__sidebar{top:calc(var(--header-height) + var(--space-6));position:sticky}.cotizaciones-page__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cotizaciones-page__card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.cotizaciones-page__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.cotizaciones-page__card-body{padding:var(--space-6)}.cotizaciones-page__nueva-btn{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-primary);border:none}.cotizaciones-page__nueva-btn:hover{filter:brightness(1.1)}.cotizaciones-page__count{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl)}@media (width<=1024px){.cotizaciones-page__layout{grid-template-columns:1fr}.cotizaciones-page__sidebar{position:static}}.not-found{background-color:var(--color-bg);min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.not-found__content{align-items:center;gap:var(--space-8);display:flex}.not-found__code{font-size:8rem;font-weight:var(--font-weight-bold);color:var(--color-surface-3);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;line-height:1}.not-found__divider{background-color:var(--color-border-strong);flex-shrink:0;width:1px;height:80px}.not-found__body{gap:var(--space-3);flex-direction:column;display:flex}.not-found__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.not-found__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.not-found__btn{margin-top:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-primary);border:none;align-items:center;width:fit-content;display:inline-flex}.not-found__btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=480px){.not-found__content{text-align:center;flex-direction:column}.not-found__divider{width:60px;height:1px}.not-found__code{font-size:5rem}.not-found__btn{align-self:center}}