@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--primary: #C4567E;--primary-hover: #B8476B;--primary-text: #ffffff;--surface: #ffffff;--bg: #FDF9F3;--card: #ffffff;--border: rgba(231, 224, 214, .65);--text: #1C1917;--text-hover: #ffffff;--text-muted: #78716C;--destructive: #B4433C;--error-bg: rgba(180, 67, 60, .1);--success: #3E7A57;--warning-bg: rgba(185, 119, 27, .1);--disabled: #a8a29e;--rose-tint: rgba(196, 86, 126, .1);--accent: #C4567E;--shadow-sm: 0 1px 3px rgba(28, 25, 23, .06);--shadow-md: 0 4px 12px rgba(28, 25, 23, .08);--font-heading: "Geist", system-ui, -apple-system, sans-serif;--font-body: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--sidebar-width: 240px;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;font-family:var(--font-body);line-height:1.5;color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background-color:var(--bg)}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);font-weight:600;margin-top:0;letter-spacing:-.03em}h1{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--space-4)}h2{font-size:1.5rem;margin-bottom:var(--space-3)}h3{font-size:1.25rem;margin-bottom:var(--space-3)}button{background:var(--primary);color:var(--primary-text);border:1px solid transparent;padding:var(--space-2) var(--space-5);border-radius:.75rem;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}button:hover:not(:disabled){background:var(--primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.ghost:hover:not(:disabled){background:var(--rose-tint);border-color:var(--primary);transform:none}button.btn-delete{background:transparent;color:var(--destructive);border:1px solid var(--destructive);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:12px}button.btn-delete:hover:not(:disabled){background:var(--error-bg);transform:none}.upload-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.upload-actions button{display:inline-flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center}input,select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);width:100%;box-sizing:border-box;background:var(--card);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}label{display:block;margin:var(--space-3) 0 var(--space-1);font-size:14px;font-weight:500;color:var(--text)}.error{color:var(--destructive);background:var(--error-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:var(--space-3) 0;font-size:14px;border:1px solid var(--destructive)}.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-5);margin:var(--space-4) 0;box-shadow:var(--shadow-sm)}.row{display:flex;gap:var(--space-3);align-items:flex-end}.row>*{flex:1}.skeleton{position:relative;overflow:hidden;background:var(--rose-tint);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.skeleton--text{height:14px;width:60%}.skeleton--card{height:120px;width:100%;border-radius:1rem}.skeleton--table-row{height:40px;width:100%;border-radius:0}.skeleton--table-row:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.layout{display:flex;min-height:100vh;min-height:100dvh;background:transparent}.layout__sidebar{width:var(--sidebar-width);background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:100dvh;overflow:hidden;z-index:100;box-shadow:none}.layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.layout__header{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.layout__content{padding:var(--space-5);max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.layout__hamburger{background:transparent;color:var(--accent);padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.layout__header-brand{height:40px;width:auto;display:block}.layout__header a{display:inline-flex;align-items:center;text-decoration:none}.sidebar__brand a{display:inline-block;text-decoration:none}.sidebar__brand a:focus-visible,.layout__header a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}.sidebar__brand{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border);text-align:center;flex-shrink:0;position:relative}.sidebar__brand-image{max-width:160px;width:100%;height:auto}.sidebar__nav{flex:1;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;min-height:0}.sidebar__section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-3) var(--space-4) var(--space-1)}.sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--text);text-decoration:none;font-size:14px;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:.75rem;min-width:0;position:relative}.sidebar__item:hover:not(.sidebar__item--disabled):not(.sidebar__item--section-header){background:var(--rose-tint)}.sidebar__item--active{background:var(--rose-tint);color:var(--primary);font-weight:600}.sidebar__item--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--primary);border-radius:0 3px 3px 0;box-shadow:none;animation:active-bar-pulse 4s ease-in-out infinite}@keyframes active-bar-pulse{0%,to{opacity:1}50%{opacity:.45}}.sidebar__item--disabled{color:var(--text-muted);cursor:not-allowed}.sidebar__item--section-header{cursor:default}.sidebar__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__subitem{padding-left:var(--space-7);font-size:13px;font-weight:400}.sidebar__badge{font-size:10px;font-weight:600;background:var(--rose-tint);color:var(--primary-hover);padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.sidebar__footer{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0;background:var(--card)}.sidebar__user{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text)}.sidebar__logout{display:flex;align-items:center;gap:var(--space-2);background:transparent;color:var(--destructive);padding:var(--space-2);font-size:13px;justify-content:flex-start;box-shadow:none}.sidebar__logout:hover:not(:disabled){background:var(--error-bg);box-shadow:none;transform:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a1c1f80;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.drawer-overlay--open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;width:var(--sidebar-width);max-width:85vw;height:100vh;height:100dvh;background:var(--card);z-index:201;transform:translate(-100%);transition:transform var(--transition-base);display:flex;flex-direction:column;box-shadow:var(--shadow-md);overflow:hidden}.drawer--open{transform:translate(0)}.drawer__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;background:var(--card);color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:none}.drawer__close:hover:not(:disabled){background:var(--surface);box-shadow:none;transform:none}.dashboard__greeting{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);color:var(--text);font-weight:600;margin-bottom:var(--space-1);position:relative;letter-spacing:-.03em;animation:greeting-float 6s ease-in-out infinite alternate}@keyframes greeting-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.dashboard__date{font-size:13px;color:var(--text-muted)}.quick-actions{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.quick-action{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);text-align:center;width:100%;box-shadow:var(--shadow-sm);animation:stagger-in .4s ease-out backwards}.quick-action:nth-child(2){animation-delay:60ms}.quick-action:nth-child(3){animation-delay:.12s}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-action:first-child{grid-row:1 / -1}.quick-action:hover:not(:disabled){background:var(--rose-tint);border-color:var(--primary);transform:none}.quick-action--disabled{cursor:not-allowed;background:var(--card);color:var(--text-muted);border:1px dashed var(--border);box-shadow:none}.quick-action--disabled:hover{transform:none;box-shadow:none;background:var(--card)}.quick-action--disabled .quick-action__icon{background:var(--bg);color:var(--text-muted);box-shadow:none}.quick-action--disabled .quick-action__badge{background:var(--bg);color:var(--text-muted)}.quick-action__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--rose-tint);border-radius:50%;color:var(--primary)}.quick-action__badge{font-size:10px;font-weight:600;background:var(--rose-tint);color:var(--primary-hover);padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.upcoming-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.upcoming-list__header{font-family:var(--font-heading);font-size:1.25rem;color:var(--accent);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);margin:0}.upcoming-list__table{width:100%;border-collapse:collapse;min-width:640px}.upcoming-list__table--wide{min-width:900px}.upcoming-list__table th,.upcoming-list__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);font-size:14px}@media (max-width: 768px){.upcoming-list__table th,.upcoming-list__table td{white-space:nowrap;padding:var(--space-3)}}.upcoming-list__table th{background:var(--bg);font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.upcoming-list__table tbody tr{transition:background var(--transition-fast)}.upcoming-list__table tbody tr:hover{background:var(--rose-tint)}.upcoming-list__table tr:last-child td{border-bottom:none}.upcoming-list__table td{font-variant-numeric:tabular-nums}.upcoming-list__empty{padding:var(--space-5);text-align:center;color:var(--text-muted);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center}.empty-state__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--rose-tint);border-radius:50%;color:var(--primary)}.empty-state__title{font-family:var(--font-heading);font-size:1.25rem;color:var(--text);font-weight:600;margin:0;letter-spacing:-.03em}.empty-state__hint{font-size:14px;color:var(--text-muted);margin:0;max-width:40ch}.upcoming-list__edit{background:transparent;color:var(--primary);padding:var(--space-1) var(--space-2);font-size:13px;box-shadow:none}.upcoming-list__edit:hover:not(:disabled){background:var(--rose-tint);box-shadow:none;transform:none}.dashboard__hero{position:relative;overflow:hidden}@media (max-width: 768px){.layout__sidebar{display:none}.layout__main{margin-left:0}.layout__header{display:flex}.layout__content{padding:var(--space-3)}.dashboard__greeting{font-size:clamp(1.25rem,6vw,1.75rem)}.quick-actions{grid-template-columns:1fr;grid-template-rows:none;gap:var(--space-3)}.quick-action{padding:var(--space-4)}.quick-action:first-child{grid-row:auto}.quick-action__icon{width:48px;height:48px}}@media (min-width: 769px){.drawer-overlay,.drawer{display:none}}.login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg)}.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-7);background:var(--card);border-right:1px solid var(--border)}.login-brand__image{max-width:280px;width:100%;height:auto}.login-brand__tagline{font-size:15px;color:var(--text-muted);text-align:center;max-width:24ch}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-7);width:100%;max-width:420px;box-shadow:var(--shadow-sm)}.login-card__title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);color:var(--text);margin-bottom:var(--space-5);letter-spacing:-.03em}.login-card__button{width:100%;margin-top:var(--space-4);padding:var(--space-3);font-size:15px}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-brand{border-right:none;border-bottom:1px solid var(--border);padding:var(--space-5);gap:var(--space-3)}.login-brand__image{max-width:180px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.historial-producto__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.historial-producto__header h3{margin:0;font-family:var(--font-body);font-weight:600;color:var(--text)}.historial-producto__codigo{font-family:var(--font-mono);font-size:12px;padding:var(--space-1) var(--space-2);background:var(--bg);border-radius:var(--radius-sm);color:var(--text-muted)}.historial-producto__table-wrap{overflow-x:auto}.historial-producto__table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.historial-producto__table th,.historial-producto__table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border);font-size:14px}.historial-producto__table th{background:var(--bg);font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.historial-producto__table td{font-variant-numeric:tabular-nums}.historial-producto__table tbody tr{transition:background var(--transition-fast)}.historial-producto__table tbody tr:hover{background:var(--rose-tint)}.historial-producto__table tr:last-child td{border-bottom:none}.historial-producto__empty{color:var(--text-muted);font-style:italic;margin:var(--space-3) 0}.historial-producto__mejores{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.mejor-card{margin:0}.mejor-card h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-2);font-family:var(--font-body);font-weight:600}.mejor-card__precio{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--primary);margin:0 0 var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mejor-card__meta{font-size:13px;color:var(--text-muted);margin:0}.mejor-card--empty .mejor-card__empty{color:var(--text-muted);font-style:italic;font-size:13px;margin:0}.mejor-card--empty .mejor-card__precio{display:none}.upcoming-list__action{background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.upcoming-list__action:hover{background:var(--rose-tint)}.upcoming-list__back{display:inline-block;color:var(--primary);text-decoration:none;margin-bottom:var(--space-3);font-size:14px}.pedidos-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.pedidos-header h1{margin:0}.pedidos-header__new{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--primary-text);border:1px solid transparent;padding:var(--space-2) var(--space-4);border-radius:.75rem;cursor:pointer;font-weight:500;font-size:14px;transition:background var(--transition-fast)}.pedidos-header__new:hover{background:var(--primary-hover)}.pedido-form{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.pedido-form h2{margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.pedido-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.pedido-form__grid label{display:flex;flex-direction:column;gap:var(--space-1);font-size:14px;color:var(--text)}.pedido-form__grid label>span{font-weight:500}.pedido-form__grid input,.pedido-form__grid textarea,.pedido-form__grid select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text);background:var(--card)}.pedido-form__grid input:focus,.pedido-form__grid textarea:focus,.pedido-form__grid select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.pedido-form__full{grid-column:1 / -1}.pedido-form__resta{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--rose-tint);border-radius:var(--radius-sm);justify-content:center}.pedido-form__resta strong{font-size:18px;color:var(--primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pedido-form__error{background:var(--error-bg);color:var(--destructive);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:14px}.pedido-form__success{background:#3e7a571a;color:var(--success);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:14px}.pedido-form__submit{background:var(--primary);color:var(--primary-text);border:1px solid transparent;padding:var(--space-3) var(--space-5);border-radius:.75rem;cursor:pointer;font-weight:500;font-size:14px;transition:background var(--transition-fast)}.pedido-form__submit:hover:not(:disabled){background:var(--primary-hover)}.pedido-form__submit:disabled{opacity:.6;cursor:not-allowed}.pedido-detail{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-width:600px}.pedido-detail__row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-3);align-items:center;border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.pedido-detail__row:last-child{border-bottom:none}.pedido-detail__label{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.pedido-detail__edit{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--primary);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-4);border:1px solid var(--primary);border-radius:.75rem;transition:background var(--transition-fast)}.pedido-detail__edit:hover{background:var(--rose-tint)}.historial-filters{display:flex;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-4);flex-wrap:wrap}.historial-filters label{display:flex;flex-direction:column;gap:var(--space-1);font-size:14px;color:var(--text);font-weight:500}.historial-filters input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--card);color:var(--text)}.asignacion__last{background:var(--rose-tint);color:var(--text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:14px}.asignacion-form{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.asignacion-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:14px;color:var(--text);font-weight:500}.asignacion-form input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--card);color:var(--text)}.asignacion-form button{grid-column:1 / -1}.asignacion-result{background:var(--card);border-radius:1rem;padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.asignacion-result h2{margin:0 0 var(--space-3) 0}.asignacion-result__row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px dashed var(--border)}.asignacion-result__row strong{color:var(--primary);font-size:18px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (max-width: 768px){.pedido-form__grid,.asignacion-form,.pedido-detail__row{grid-template-columns:1fr}}