:root{--color-brand-primary:#3bb3f9;--color-brand-secondary:#ffa109;--color-brand-tertiary:#8b5cf6;--color-brand-quaternary:#0ed2f7;--color-brand-primary-soft:#3bb3f9b3;--gradient-brand-main:linear-gradient(115deg, #3bb3f9 0%, #3bb3f9 70%, #ffa109 100%);--gradient-brand-soft:linear-gradient(140deg, #3bb3f9 0%, #3bb3f9 70%, #ffa109 100%);--color-slate-950:#090d1a;--color-slate-800:#1d2747;--color-slate-700:#28335c;--color-slate-100:#dce3ff;--color-violet-500:#7c4dff;--color-fuchsia-500:#d946ef;--color-cyan-500:#06b6d4;--color-emerald-500:#10b981;--color-amber-500:#f59e0b;--color-coral-500:#ff6b6b;--color-rose-500:#fb7185;--color-indigo-500:#6366f1;--color-success:#22c55e;--color-danger:#f43f5e;--surface-main:#212327;--surface-card:#212327;--surface-border:#ffffff0f;--text-primary:#fff;--text-secondary:#9ba1a6;--gradient-body:radial-gradient(ellipse 55% 45% at 100% 0%, #ffb040a6 0%, #e8930c59 28%, #783c081f 55%, #03030300 80%), #030303;--gradient-sidebar:linear-gradient(185deg, #7c4dff57 0%, #0ed2f729 55%, #ffa10914 100%);--gradient-card-purple:linear-gradient(135deg, #7c4dff47, #d946ef2e);--gradient-card-blue:linear-gradient(135deg, #06b6d447, #6366f133);--gradient-card-coral:linear-gradient(135deg, #ff6b6b40, #f59e0b33);--gradient-card-green:linear-gradient(135deg, #10b98140, #06b6d433);--gradient-card-indigo:linear-gradient(135deg, #6366f147, #7c4dff2e);--gradient-card-red:linear-gradient(135deg, #fb718547, #ff6b6b33);--gradient-card-amber:linear-gradient(135deg, #f59e0b4d, #fb71852e);--gradient-card-teal:linear-gradient(135deg, #06b6d447, #10b98138);--gradient-card-fuchsia:linear-gradient(135deg, #d946ef47, #6366f133);--shadow-soft:0 12px 30px #080d1f47;--shadow-elevated:0 24px 56px #070c1c75;--shadow-glow:0 0 0 1px #85c8ff3d, 0 18px 40px #3bb3f93d;--font-family-base:"Manrope", "Segoe UI", Roboto, system-ui, sans-serif;--font-size-display:2.25rem;--font-size-headline:1.25rem;--font-size-title:1.125rem;--font-size-body:.875rem;--font-size-label:.75rem;--line-height-display:1.2;--line-height-headline:1.4;--line-height-title:1.4;--line-height-body:1.5;--line-height-label:1.4;--font-weight-display:800;--font-weight-headline:700;--font-weight-title:600;--font-weight-body:400;--font-weight-label:700;--letter-spacing-label:.05em}[data-theme=light]{--gradient-brand-soft:linear-gradient(135deg, #3bb3f9 0%, #3bb3f9 70%, #ffa109 100%);--surface-main:#fff;--surface-card:#fff;--surface-border:#0000000d;--text-primary:#1f2937;--text-secondary:#6b7280;--gradient-body:radial-gradient(ellipse 70% 55% at 50% 100%, #ff8c0047 0%, #ffb45024 30%, #ffdca00f 55%, #fff0 75%), radial-gradient(ellipse 60% 45% at 50% 0%, #64beff24 0%, #b4dcff0f 45%, #fff0 70%), #f4f8ff;--gradient-sidebar:linear-gradient(185deg, #7c4dff24 0%, #0ed2f71a 55%, #ffa10912 100%);--gradient-card-purple:linear-gradient(135deg, #7c4dff38, #d946ef29);--gradient-card-blue:linear-gradient(135deg, #06b6d433, #6366f129);--gradient-card-coral:linear-gradient(135deg, #ff6b6b33, #f59e0b24);--gradient-card-green:linear-gradient(135deg, #10b98133, #06b6d424);--gradient-card-indigo:linear-gradient(135deg, #6366f138, #7c4dff24);--gradient-card-red:linear-gradient(135deg, #fb718533, #ff6b6b24);--gradient-card-amber:linear-gradient(135deg, #f59e0b33, #fb718524);--gradient-card-teal:linear-gradient(135deg, #06b6d433, #10b98129);--gradient-card-fuchsia:linear-gradient(135deg, #d946ef33, #6366f124);--shadow-soft:0 10px 22px #5968a829;--shadow-elevated:0 20px 42px #5968a842;--shadow-glow:0 0 0 1px #3bb3f933, 0 14px 30px #3bb3f933}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{font-size:90%}body{font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-body);background:var(--gradient-body);color:var(--text-primary);background-attachment:fixed;transition:background-color .35s,color .35s}input,button,textarea,select{font-family:inherit}h1{font-family:var(--font-family-base);font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-display);margin:0}h2{font-family:var(--font-family-base);font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:var(--font-weight-headline);margin:0}h3,h4{font-family:var(--font-family-base);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);margin:0}h5,h6{font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-headline);margin:0}small{font-size:var(--font-size-label);line-height:var(--line-height-label)}.text-display{font-family:var(--font-family-base);font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-display)}.text-headline{font-family:var(--font-family-base);font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:var(--font-weight-headline)}.text-title{font-family:var(--font-family-base);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title)}.text-body{font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-body)}.text-label{font-family:var(--font-family-base);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label)}.gradient-title{background:var(--gradient-brand-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-brand-gradient{background:var(--gradient-brand-main);color:#fff;cursor:pointer;border:0;border-radius:.9rem;font-weight:700;transition:filter .2s,transform .2s}.btn-brand-gradient:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-brand-gradient:active{transform:translateY(0)}.card-important{background:var(--gradient-brand-soft);box-shadow:var(--shadow-soft);border:1px solid #3bb3f947;border-radius:1rem}.ui-surface-card{border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .35s,border-color .35s,box-shadow .35s}.ui-hover-lift{transition:transform .24s,box-shadow .24s,border-color .24s,background-color .35s}.ui-hover-lift:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.ui-pill{color:#0e548c;background:linear-gradient(120deg,#3bb3f929,#ffa10929);border:1px solid #3bb3f94d;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.ui-heading-gradient{background:var(--gradient-brand-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-shell{grid-template-columns:auto 1fr;height:100dvh;display:grid;overflow-y:auto}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:width;z-index:100;background:#191a1e;border-right:1px solid #ffffff0a;flex-direction:column;width:18rem;height:100%;padding:1.5rem 1rem;font-size:.82rem;transition:width .25s,padding .25s,background-color .35s,border-color .35s;display:flex;overflow:hidden;transform:translateZ(0)}.sidebar.collapsed{z-index:200;width:5.5rem;padding-inline:.6rem;position:relative;overflow:visible}.brand{flex-shrink:0;align-items:center;gap:.8rem;margin-bottom:2rem;padding-left:.2rem;display:flex}.brand-icon{width:2.2rem;height:2.2rem;box-shadow:none;background:0 0;border:none;border-radius:.6rem;place-items:center;display:grid;overflow:visible}.sidebar-toggle{cursor:pointer;position:relative}.sidebar-toggle-indicator{display:none}.brand-logo{object-fit:contain;width:100%;height:100%;display:block}.brand-copy{transition:opacity .2s}.brand-copy strong{font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-headline);letter-spacing:0;color:#fff;display:block}.brand p,.sidebar.collapsed .brand-copy{display:none}.nav-menu{flex-grow:1;align-content:start;gap:.35rem;min-height:0;display:grid;overflow:hidden auto}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:0 0}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar.collapsed .nav-menu{overflow:visible}.nav-item:before{content:"";background:var(--gradient-brand-main);opacity:0;z-index:0;transition:opacity .24s;position:absolute;inset:0}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;background:0 0;font-weight:600;box-shadow:0 4px 14px #ffa10940}.nav-item:hover:before{opacity:0}.nav-item.active:before{opacity:1}.nav-item span,.nav-item svg{z-index:1;position:relative}.nav-item svg{flex:none;font-size:1.1rem}.nav-group{flex-direction:column;display:flex;position:relative}.nav-group-toggle{cursor:pointer;width:100%}.icon-cyan .nav-item-icon{color:var(--color-cyan-500,#06b6d4)}.icon-orange .nav-item-icon{color:var(--color-orange-500,#f97316)}.icon-amber .nav-item-icon{color:var(--color-amber-500,#f59e0b)}.icon-purple .nav-item-icon{color:var(--color-violet-500,#7c4dff)}.icon-blue .nav-item-icon{color:var(--color-brand-primary,#3bb3f9)}.icon-green .nav-item-icon{color:var(--color-emerald-500,#10b981)}.icon-red .nav-item-icon{color:var(--color-rose-500,#fb7185)}.icon-indigo .nav-item-icon{color:var(--color-indigo-500,#6366f1)}.icon-grey .nav-item-icon{color:var(--text-secondary,#9ba1a6)}[data-theme=light] .icon-cyan .nav-item-icon,[data-theme=light] .icon-orange .nav-item-icon,[data-theme=light] .icon-amber .nav-item-icon,[data-theme=light] .icon-purple .nav-item-icon,[data-theme=light] .icon-blue .nav-item-icon,[data-theme=light] .icon-green .nav-item-icon,[data-theme=light] .icon-red .nav-item-icon,[data-theme=light] .icon-indigo .nav-item-icon,[data-theme=light] .icon-grey .nav-item-icon{color:#fff}[data-theme=light] .nav-item:not(.active):not(:hover) .nav-item-icon{color:#ffffffd9}.nav-item{color:#9ba1a6;letter-spacing:.02em;background:0 0;border:none;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1.1rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:flex;position:relative;overflow:hidden}.nav-group-toggle span{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label)}.group-chevron{margin-left:auto;transition:transform .2s;font-size:.9rem!important}.group-chevron.rotated{transform:rotate(180deg)}.nav-submenu{flex-direction:column;gap:.2rem;margin-top:.2rem;padding-left:1.5rem;display:flex;overflow:hidden}.submenu-item{padding:.55rem .8rem;font-size:.78rem}.submenu-bullet{opacity:.4;background-color:currentColor;border-radius:50%;width:5px;height:5px;margin-right:.1rem}.submenu-item.active .submenu-bullet{opacity:1;background-color:#ffa109}.sidebar.collapsed .nav-submenu,.sidebar.collapsed .group-chevron{display:none}.nav-submenu-floating{background:var(--surface-main,#1e1f23);border:1px solid var(--surface-border,#ffffff14);z-index:9999;pointer-events:auto;border-radius:.8rem;flex-direction:column;gap:.2rem;min-width:180px;margin-left:.5rem;padding:.5rem;display:flex;position:absolute;top:0;left:100%;box-shadow:0 10px 25px #00000080}.nav-submenu-floating-header{font-size:var(--font-size-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);font-weight:var(--font-weight-label);text-transform:uppercase;color:var(--text-secondary,#9ba1a6);border-bottom:1px solid var(--surface-border,#ffffff0a);margin-bottom:.2rem;padding:.4rem .8rem .6rem}.sidebar-footer{border-top:1px solid #ffffff0a;flex-shrink:0;margin-top:1rem;padding-top:1rem}.support-card{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.8rem;align-items:center;gap:.8rem;padding:.6rem .4rem;text-decoration:none;transition:color .2s;display:flex}.support-card:hover{background:0 0}.support-icon{color:#9ba1a6;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.4rem;transition:color .2s;display:flex}.support-card:hover .support-icon,.support-card:hover .support-label,.support-card:hover .support-number{color:#3bb3f9}.support-info{flex-direction:column;display:flex;overflow:hidden}.support-label{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);color:#9ba1a6;transition:color .2s}.support-number{color:#fff;white-space:nowrap;font-size:.85rem;font-weight:600;transition:color .2s}.sidebar.collapsed .support-info{display:none}.logout-card{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:.8rem;align-items:center;gap:.8rem;width:100%;margin-bottom:.5rem;padding:.6rem .4rem;text-decoration:none;transition:color .2s;display:flex}.logout-card:hover{background:0 0}.logout-icon{color:#ef4444;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.4rem;transition:color .2s;display:flex}.logout-card:hover .logout-icon,.logout-card:hover .logout-label{color:#f87171}.logout-info{flex-direction:column;display:flex;overflow:hidden}.logout-label{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);color:#ef4444;transition:color .2s}.sidebar.collapsed .logout-info{display:none}.sidebar.collapsed .logout-card,.sidebar.collapsed .support-card{justify-content:center;padding:.5rem}.sidebar.collapsed .brand{justify-content:center;gap:0;margin-right:0;padding-left:0}.sidebar.collapsed .nav-menu{gap:.42rem}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-submenu-floating .nav-item{justify-content:flex-start;padding:.55rem .8rem}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item .group-chevron{display:none}.sidebar.collapsed .nav-submenu-floating .nav-item span{display:inline}.app-main{flex-direction:column;gap:1rem;height:100dvh;min-height:0;padding:0 1.6rem 1.3rem;font-size:.92rem;display:flex;position:relative;overflow:hidden}.topbar{border:1px solid var(--surface-border);background:var(--surface-main);box-shadow:var(--shadow-soft);border-radius:1rem;justify-content:space-between;align-items:center;padding:1.2rem 1.6rem;transition:background-color .35s,border-color .35s;display:flex}.topbar-left-group{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:.5rem;place-items:center;width:2.2rem;height:2.2rem;font-size:1.4rem;display:none}.sidebar-backdrop{display:none}.eyebrow{color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);margin:0}.headline{font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:var(--font-weight-headline);background:var(--gradient-brand-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:.2rem 0 0}.connection-pill{border:1px solid var(--surface-border);cursor:help;background:#ffffff08;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;transition:color .3s,border-color .3s;display:inline-flex}.connection-pill span{display:none}.topbar-actions{align-items:center;gap:.8rem;display:inline-flex}.theme-toggle,.help-toggle{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;transition:background-color .35s,border-color .35s,color .35s;display:grid}.help-toggle{color:var(--color-brand-primary)}.profile-button{cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.6rem;padding:.2rem;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#a3d931,#2ea329);border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-size:.85rem;font-weight:700;display:grid}.profile-name{color:var(--text-primary);font-size:.9rem;font-weight:600;transition:color .35s}.profile-dropdown{border-radius:1rem;min-width:14rem;padding:.5rem;box-shadow:0 16px 32px #00000040}.profile-dropdown-header{border-bottom:1px solid var(--surface-border);margin-bottom:.5rem;padding:.7rem .8rem}.profile-dropdown-header strong{color:var(--text-primary);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);display:block}.profile-dropdown-header p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:.15rem 0 0}.profile-dropdown-actions{gap:.2rem;display:grid}.profile-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.profile-dropdown-item:hover{background:#7c7c7c1f}.profile-dropdown-item svg{color:var(--text-secondary);font-size:1.1rem}.logout-item,.logout-item svg{color:var(--color-danger)}.logout-item:hover{background:#f43f5e1a}.theme-toggle:hover,.help-toggle:hover{border-color:var(--text-secondary)}.help-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.help-dialog{border-radius:1.2rem;flex-direction:column;width:min(34rem,100%);max-height:min(36rem,100dvh - 2rem);display:flex;overflow:hidden}.help-dialog-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem .9rem;display:flex}.help-dialog-header h2{color:var(--text-primary);margin-top:.25rem}.help-dialog-close{border:1px solid var(--surface-border);width:2.1rem;height:2.1rem;color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:999px;flex-shrink:0;place-items:center;font-size:1.15rem;display:grid}.help-dialog-close:hover{border-color:var(--text-secondary)}.help-dialog-body{padding:1.1rem 1.2rem 1.2rem;overflow-y:auto}.help-dialog-description{color:var(--text-secondary);margin:0 0 1rem}.help-steps{color:var(--text-primary);gap:.7rem;margin:0;padding-left:1.25rem;display:grid}.help-steps li::marker{color:var(--color-brand-primary);font-weight:800}.help-tips{background:var(--gradient-brand-soft);border:1px solid #3bb3f947;border-radius:.9rem;margin-top:1rem;padding:.85rem}.help-tips strong{color:var(--text-primary);margin-bottom:.3rem;display:block}.help-tips p{color:var(--text-secondary);margin:0}.connection-pill.online{color:var(--color-success);filter:drop-shadow(0 0 6px #22c55e66)}.connection-pill.offline{color:var(--text-secondary);opacity:.6}.page-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.dashboard{gap:1rem;display:grid}.dashboard-intro h2{font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-display);background:var(--gradient-brand-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.dashboard-intro p{color:var(--text-secondary);margin:.35rem 0 0}.dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-kpi-card{border-radius:1rem;gap:.52rem;padding:.95rem;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 8px 24px #00000026}[data-theme=light] .dashboard-kpi-card{box-shadow:0 8px 24px #5968a81f}[data-theme=light] .dashboard-kpi-card strong,[data-theme=light] .dashboard-kpi-card .dashboard-kpi-title{color:#1f2937!important;text-shadow:none!important}[data-theme=light] .dashboard-kpi-card .dashboard-kpi-icon{color:#4b5563!important}.dashboard-kpi-head{justify-content:space-between;align-items:center;display:flex}.dashboard-kpi-icon{border:1px solid var(--surface-border);width:2rem;height:2rem;color:var(--text-primary);background:#3bb3f92e;border-radius:.72rem;place-items:center;display:grid}.dashboard-kpi-trend{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);border:1px solid #0000;border-radius:999px;padding:.2rem .52rem}.dashboard-kpi-trend.positive{color:#0e8d44;background:#23c7622e;border-color:#3ab36b66}.dashboard-kpi-trend.negative{color:#d1505d;background:#ff7a8833;border-color:#e8828f73}.dashboard-kpi-trend.warning{color:#9b5d08;background:#ffbe4c3d;border-color:#eea8248c}[data-theme=dark] .dashboard-kpi-trend.positive{color:#4ade80}[data-theme=dark] .dashboard-kpi-trend.negative{color:#ff97a3}[data-theme=dark] .dashboard-kpi-trend.warning{color:#fcd34d}.dashboard-kpi-title{color:var(--text-secondary);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0}.dashboard-kpi-card strong{color:var(--text-primary);font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:var(--font-weight-headline)}.dashboard-main-grid{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:.9rem;display:grid}.dashboard-panel{border-radius:1rem;padding:.95rem}.dashboard-panel-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.85rem;display:flex}.dashboard-panel-head h3{color:var(--text-primary);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);margin:0}.dashboard-panel-head p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:.25rem 0 0}.dashboard-chip{border:1px solid var(--surface-border);background:var(--surface-main);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:.38rem .72rem;font-size:.8rem;font-weight:600;transition:border-color .18s,background .18s,transform .18s}.dashboard-chip:hover{border-color:#3bb3f980;transform:translateY(-1px)}.dashboard-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #3bb3f973}.dashboard-chip.active{color:var(--color-brand-primary);background:#3bb3f92e;border-color:#3bb3f98c}.dashboard-chip-group{gap:.35rem;display:inline-flex}.dashboard-chip-action{align-items:center;gap:.35rem;display:inline-flex}.dashboard-chart{min-height:22rem}.dashboard-bars{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.38rem;height:calc(100% - 3.4rem);min-height:15rem;display:grid}.dashboard-bars span{background:linear-gradient(#3bb3f9f2,#1d85e47a);border-radius:.55rem .55rem .2rem .2rem;box-shadow:inset 0 1px #e9f8ff47}.dashboard-bars span:nth-child(4n){background:linear-gradient(#0ed2f7e6,#3bb3f970)}.dashboard-bars span:nth-child(5n){background:linear-gradient(#0d77baf2,#125f9f8a)}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.dashboard-quick-item{border:1px solid var(--surface-border);background:var(--surface-main);color:var(--text-primary);cursor:pointer;border-radius:.8rem;justify-items:center;gap:.35rem;padding:.78rem .55rem;display:grid}.dashboard-quick-item svg{font-size:1.15rem}.dashboard-quick-item span{font-size:var(--font-size-body);text-align:center;font-weight:600}.dashboard-quick-item:hover{border-color:#3bb3f980}.dashboard-invoices{grid-column:1}.dashboard-table-wrap{overflow-x:auto}.dashboard-invoices table{border-collapse:collapse;width:100%;min-width:32rem}.dashboard-invoices th{text-align:left;color:var(--color-brand-secondary);letter-spacing:.04em;text-transform:uppercase;background-color:#ffa10926;padding:.58rem .4rem;font-size:.78rem}[data-theme=light] .dashboard-invoices th{color:#0c67a0;background-color:#3bb3f926}.dashboard-invoices td{border-top:1px solid var(--surface-border);color:var(--text-primary);padding:.7rem .4rem;font-weight:500}.dashboard-inline-meta{color:var(--text-secondary);align-items:center;gap:.35rem;display:inline-flex}.dashboard-status{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);border:1px solid #0000;border-radius:999px;padding:.2rem .52rem}.dashboard-status.pagada{color:#0d8b43;background:#1cc76f2e;border-color:#44c27659}[data-theme=dark] .dashboard-status.pagada{color:#4ade80;background:#22c55e38;border-color:#22c55e73}.dashboard-status.pendiente{color:#99610f;background:#ffbb3d38;border-color:#f8af266b}[data-theme=dark] .dashboard-status.pendiente{color:#fcd34d;background:#fbbf2438;border-color:#fbbf2473}.dashboard-status.vencida{color:#cb4050;background:#ff808a33;border-color:#f07e8b6b}[data-theme=dark] .dashboard-status.vencida{color:#fb7185;background:#f43f5e38;border-color:#f43f5e73}.dashboard-link-button{color:var(--color-brand-primary);cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.25rem .45rem;font-weight:700;transition:background .18s}.dashboard-top-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.dashboard-top-list li{border:1px solid var(--surface-border);background:var(--surface-main);border-radius:.72rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.6rem;display:flex}.dashboard-top-list p{color:var(--text-primary);margin:0;font-weight:600}.dashboard-top-list small{color:var(--text-secondary)}.dashboard-top-list strong{color:var(--color-brand-primary)}.dashboard-link-button:hover{background:#3bb3f91f;text-decoration:underline}.dashboard-link-button:focus-visible{outline:none;box-shadow:0 0 0 2px #3bb3f973}.dashboard-empty{text-align:center;color:var(--text-secondary);font-size:var(--font-size-body);padding:1.4rem .6rem;font-style:italic}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.skeleton-pulse{background:var(--surface-border);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.4rem;animation:1.6s ease-in-out infinite skeleton-pulse}.skeleton-pulse-rounded{background:var(--surface-border);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;animation:1.6s ease-in-out infinite skeleton-pulse}.route-motion-wrapper{width:100%}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:var(--shadow-soft);border-radius:1rem;padding:1rem;transition:box-shadow .24s,border-color .24s,background .24s,transform .24s;position:relative;overflow:hidden}.feature-card:after{content:"";opacity:0;background:radial-gradient(circle,#3bb3f933 0%,#3bb3f900 70%);border-radius:999px;width:70%;height:70%;transition:opacity .24s;position:absolute;inset:-40% auto auto -20%}.feature-card:hover{box-shadow:var(--shadow-elevated);border-color:#dce3ff52;transform:translateY(-2px)}.feature-card:hover:after{opacity:1}.feature-card h2{margin:.7rem 0 .45rem}.feature-card p{color:var(--text-secondary);margin:0;line-height:1.45}.button-row{gap:.6rem;margin-top:.8rem;margin-bottom:.6rem;display:flex}.button-row button{border:1px solid var(--surface-border);background:var(--surface-main);color:var(--text-primary);cursor:pointer;border-radius:.75rem;padding:.45rem .65rem}.button-row button:disabled{opacity:.65;cursor:not-allowed}.simple-list{color:var(--text-secondary);gap:.35rem;margin:.7rem 0 0;padding-left:1rem;display:grid}.feature-card-header{justify-content:space-between;align-items:center;display:flex}.feature-value{font-weight:700;color:var(--text-primary)!important}.feature-icon{border:1px solid var(--surface-border);border-radius:.8rem;place-items:center;width:2.1rem;height:2.1rem;display:grid}.accent-purple{background:var(--gradient-card-purple)}.accent-blue{background:var(--gradient-card-blue)}.accent-coral{background:var(--gradient-card-coral)}.accent-green,.accent-emerald{background:var(--gradient-card-green)}.accent-indigo{background:var(--gradient-card-indigo)}.accent-red{background:var(--gradient-card-red)}.accent-amber{background:var(--gradient-card-amber)}.accent-teal{background:var(--gradient-card-teal)}.accent-fuchsia{background:var(--gradient-card-fuchsia)}.shell-loader{place-items:center;gap:.5rem;min-height:45vh;display:grid}.shell-loader-dot{background:var(--color-violet-500);border-radius:999px;width:1rem;height:1rem}.login-page{color:#fff;background:linear-gradient(145deg,#0aa5ff 0%,#1f89ff 40%,#6b79ff 72%,#ff9d2d 100%);grid-template-columns:1.2fr minmax(420px,.8fr);min-height:100dvh;transition:background .42s,color .28s;display:grid}.login-visual{justify-content:center;align-items:center;padding:2.5rem;display:flex}.login-quote-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#229dff33;border:1px solid #d4ebff38;border-radius:1rem;width:min(100%,33rem);padding:2rem;transition:border-color .3s,background .35s,box-shadow .35s;box-shadow:0 16px 38px #04408440}.login-quote-mark{color:#d3f0ffe6;margin:0;font-size:2.1rem;line-height:1}.login-quote-text{color:#f5fbff;max-width:26rem;margin:1.1rem 0 2rem;font-size:clamp(1.55rem,2.4vw,2.25rem);font-style:italic;font-weight:600;line-height:1.36}.login-quote-dots{gap:.5rem;display:flex}.login-quote-dots span{background:#d3f0ff57;border-radius:999px;width:2rem;height:.25rem}.login-quote-dots span.active{background:#fff;transform:scaleX(1.08);opacity:1!important}.login-panel{justify-content:center;align-items:center;padding:2rem 2.2rem;transition:background .35s;display:flex}.login-panel-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.login-brand-chip{color:#fff;background:linear-gradient(135deg,#3bb3f9f2,#ffa109eb);border-radius:.82rem;place-items:center;width:2.35rem;height:2.35rem;display:grid;box-shadow:0 10px 20px #1253844d}.login-brand-chip svg{font-size:1.15rem}.login-brand-logo{object-fit:contain;width:100%;height:100%;display:block}.login-theme-toggle{color:#1d476e;cursor:pointer;background:#f6fbffeb;border:1px solid #b1cfe88c;border-radius:999px;align-items:center;gap:.4rem;min-width:6.2rem;padding:.35rem .68rem;font-size:.84rem;font-weight:700;display:inline-flex}.login-theme-content{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.login-theme-toggle:hover{border-color:#44b4f8}.login-form{gap:.85rem;width:min(100%,26.5rem);display:grid}.login-form-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(165deg,#ffffff40,#ffffff1a);border:1px solid #d8eaff5c;border-radius:1.35rem;padding:1.3rem 1.2rem;transition:border-color .32s,background .35s,box-shadow .35s;box-shadow:0 22px 46px #07315b54}.login-form h1{color:#fff;font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-display);margin:0}.login-form p{color:#eaf5fff2;margin:0}.login-link-button{cursor:pointer;background:0 0;border:0;padding:0}.login-field{gap:.45rem;display:grid}.login-field label{color:#f7fcff;font-weight:600}.login-input{color:#f5fbff;background:#edf6ff33;border:1px solid #d3eafd57;border-radius:.75rem;outline:none;padding:.78rem .9rem;font-size:.98rem;transition:border-color .2s,box-shadow .2s,background .3s,color .3s}.login-input-wrap{display:block;position:relative}.login-input-with-action{width:100%;padding-right:2.85rem}.login-input-action{color:#eaf5ffd9;cursor:pointer;background:0 0;border:0;border-radius:.6rem;justify-content:center;align-items:center;width:2.05rem;height:2.05rem;font-size:1.05rem;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.login-input-action:hover{color:#fff;background:#ffffff1a}.login-input-action:focus-visible{outline:none;box-shadow:0 0 0 2px #5fc1ff73}[data-theme=light] .login-input-action{color:#1f4d75}[data-theme=light] .login-input-action:hover{color:#0c3a5c;background:#1f4d7514}.login-input::placeholder{color:#deefffc2}.login-input:focus{border-color:#9ddaffd9;box-shadow:0 0 0 3px #5fc1ff40}.login-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.login-help-link{color:#e6f4ff;font-size:.92rem;font-weight:600;text-decoration:none}.login-help-link:hover{text-decoration:underline}.login-remember{color:#e9f5ffeb;align-items:center;gap:.45rem;font-size:.92rem;display:inline-flex}.login-remember input{accent-color:#35bcff}.login-submit{margin-top:.35rem;padding:.9rem 1rem;font-size:1.08rem}.login-recovery{background:#1481df47;border:1px solid #bae2ff73;border-radius:1rem;gap:.75rem;padding:1rem;transition:border-color .28s,background .32s,box-shadow .32s;display:grid;box-shadow:0 14px 26px #083f7138}.login-recovery-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.login-recovery-title{color:#ecf7ff;margin:0;font-weight:700}.login-recovery-text{font-size:.92rem;line-height:1.35;color:#e9f5ffeb!important}.login-recovery-badge{color:#f3fbff;background:#e2f5ff33;border:1px solid #d3efff85;border-radius:999px;padding:.2rem .58rem;font-size:.78rem;font-weight:700}.login-recovery-fields{gap:.6rem;display:grid}.login-recovery-actions{gap:.55rem;display:flex}.login-recovery-actions .login-submit{width:100%;margin-top:0}.login-recovery-back{justify-self:center;margin-top:.2rem}.login-signup{color:#e9f5ffeb;border-top:1px solid #cfe9fc59;margin-top:1.6rem;padding-top:1.15rem}.login-signup a{color:#fff;font-weight:700;text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-error{text-shadow:0 1px #71162352;font-size:.92rem;font-weight:600;color:#ffdee1!important}.login-success{text-shadow:0 1px #10633847;font-size:.92rem;font-weight:600;color:#dcffe9!important}[data-theme=light] .connection-pill,[data-theme=light] .theme-toggle{background:#00000008}[data-theme=light] .login-page{color:#173252;background:radial-gradient(50rem 28rem at 8% 6%,#24abff33,#fff0 58%),radial-gradient(36rem 24rem at 92% 94%,#ff9d2d40,#fff0 64%),#fdfefe}[data-theme=light] .sidebar{box-shadow:none;background:#1a92ff;border-right-color:#ffffff1a}[data-theme=light] .nav-submenu-floating{background:#1a92ff;border-color:#ffffff1a}[data-theme=light] .nav-submenu-floating-header{color:#ffffffb3;border-bottom-color:#ffffff1a}[data-theme=light] .brand-icon{background:0 0;border:none}[data-theme=light] .brand-copy strong,[data-theme=light] .brand p{color:#fff}[data-theme=light] .sidebar-toggle-indicator{display:none}[data-theme=light] .nav-item{color:#ffffffd9}[data-theme=light] .nav-item:hover{color:#fff;background:#ffffff26}[data-theme=light] .nav-item.active{background:0 0;border:none;box-shadow:0 6px 16px #ff8c0059}[data-theme=light] .login-quote-card{background:#4fb9ff33;border-color:#4da1e540;box-shadow:0 14px 32px #2e78b333}[data-theme=light] .login-quote-mark{color:#2176b6d9}[data-theme=light] .login-quote-text{color:#0f3f68}[data-theme=light] .login-quote-dots span{background:#3e92d252}[data-theme=light] .login-quote-dots span.active{background:#fff}[data-theme=light] .login-form-shell{background:linear-gradient(165deg,#ffffffdb,#f6fcffc7);border-color:#b1d7f69e;box-shadow:0 18px 38px #4a87b733}[data-theme=light] .login-theme-toggle{color:#1d4d76;background:#fffffff5;border-color:#a2c8e7b3}[data-theme=light] .login-form h1{color:#123a5f}[data-theme=light] .login-form p,[data-theme=light] .login-remember,[data-theme=light] .login-signup{color:#3f678b}[data-theme=light] .login-field label{color:#1f4d75}[data-theme=light] .login-help-link{color:#186ea8}[data-theme=light] .login-input{color:#143a5f;background:#fffffff2;border-color:#b0d8f6cc}[data-theme=light] .login-input::placeholder{color:#7a9cb9}[data-theme=light] .login-recovery{background:#eaf7ffeb;border-color:#9acef4bf;box-shadow:0 14px 28px #4d90c42e}[data-theme=light] .login-recovery-title{color:#124269}[data-theme=light] .login-recovery-text{color:#3f678b!important}[data-theme=light] .login-recovery-badge{color:#13537f;background:#4cacf12e;border-color:#5fafed73}[data-theme=light] .login-error{text-shadow:none;color:#bb2333!important}[data-theme=light] .login-success{text-shadow:none;color:#0d7f4d!important}[data-theme=dark] .login-page{background:var(--gradient-body)}[data-theme=dark] .sidebar{background:linear-gradient(#111214 0%,#0d0f13 100%);border-right-color:#ffffff0f}[data-theme=dark] .brand-icon{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .brand-copy strong{color:#f5f7fb}[data-theme=dark] .brand p{color:#c6cfdfb3}[data-theme=dark] .nav-item{color:#c7d0dfe6}[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-item.active{border-color:#6ac6ff2e;box-shadow:0 16px 30px #00000052}[data-theme=dark] .login-panel{background:0 0}[data-theme=dark] .login-theme-toggle{color:#d8edff;background:#102542cc;border-color:#74a4d866}[data-theme=dark] .login-form-shell{background:linear-gradient(165deg,#091a3185,#051122a3);border-color:#78a9dc59;box-shadow:0 22px 44px #030c1a7a}[data-theme=dark] .login-form p,[data-theme=dark] .login-remember,[data-theme=dark] .login-help-link,[data-theme=dark] .login-signup,[data-theme=dark] .login-quote-text{color:#d2e9ff}[data-theme=dark] .login-field label{color:#e9f6ff}[data-theme=dark] .login-input{color:#e9f6ff;background:#08182bb8;border-color:#76a8dd7a}[data-theme=dark] .login-input::placeholder{color:#c0def8b8}[data-theme=dark] .login-recovery{background:#071f3aa8;border-color:#76a8dd6b}[data-theme=dark] .login-recovery-title{color:#e6f5ff}[data-theme=dark] .login-recovery-text{color:#c1dff8!important}[data-theme=dark] .login-recovery-badge{color:#d9eeff;background:#3bb3f933;border-color:#71a0d066}.login-support-button{color:#fff;z-index:20;background:#0f2b4ce0;border:1px solid #ddeeff80;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;text-decoration:none;transition:background .28s,border-color .28s,box-shadow .28s;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 28px #05172c61}[data-theme=light] .login-support-button{color:#fff;background:#0f2b4ce0}@media (width<=1024px){.app-shell{flex-direction:column;height:100dvh;display:flex}.app-main{flex:1;width:100%}.sidebar{z-index:9999;border-right:1px solid var(--surface-border);background:var(--surface-main);height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%);width:18rem!important;transition:transform .35s!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;background:#0006;display:block;position:fixed;inset:0}.mobile-menu-btn{display:grid}.nav-menu{grid-template-columns:1fr}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-invoices{grid-column:auto}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;gap:.8rem}.topbar-actions{justify-content:space-between;width:100%}.nav-menu,.page-grid{grid-template-columns:1fr}.app-main{padding:.9rem}.dashboard-kpi-grid,.dashboard-quick-grid{grid-template-columns:1fr}.dashboard-intro h2{font-size:var(--font-size-headline);line-height:var(--line-height-headline)}}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-visual{min-height:40dvh;padding:1.25rem}.login-quote-card{width:100%;padding:1.4rem}.login-quote-text{margin:.8rem 0 1.4rem;font-size:1.2rem}.login-panel{padding:1.1rem}.login-panel-header{flex-direction:row;align-items:center}}.input-control{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);background:#0003;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.input-control:focus{border-color:var(--color-brand-primary);outline:none;box-shadow:0 0 0 3px #3bb3f926}[data-theme=light] .input-control{background:#fff}.data-table-container{border:1px solid var(--surface-border);background:var(--surface-card);border-radius:1rem;width:100%;max-height:60vh;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.data-table th,.data-table td{border-bottom:1px solid var(--surface-border);padding:1rem 1.25rem}.data-table th{color:#ffa109;white-space:nowrap;background:#ffa10926;font-weight:600}[data-theme=light] .data-table th{color:#0c67a0;background:#3bb3f926}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background:#ffffff08}[data-theme=light] .data-table tbody tr:hover{background:#00000005}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#ffa10940}[data-theme=light] .data-table th.sortable:hover{background:#3bb3f940}.data-table th .sort-indicator{opacity:.6;margin-left:.35rem;font-size:.75rem}.pagination-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.pagination-bar .page-btn{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.4rem .7rem;font-size:.85rem;transition:all .2s}.pagination-bar .page-btn:hover:not(:disabled){border-color:var(--color-brand-primary);background:#ffffff1a}.pagination-bar .page-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-bar .page-btn.active{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}[data-theme=light] .pagination-bar .page-btn{background:#00000005}.tools-menu-container{position:relative}.topbar-tool-btn{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.topbar-tool-btn:hover{border-color:var(--color-brand-primary);background:#ffffff1a}[data-theme=light] .topbar-tool-btn{background:#00000005}[data-theme=light] .topbar-tool-btn:hover{background:#0000000d}@media (width<=600px){.topbar-tool-btn .hide-mobile{display:none}.topbar-tool-btn{justify-content:center;width:2.2rem;height:2.2rem;padding:.4rem}}.tools-dropdown{background:var(--surface-card);border:1px solid var(--surface-border);z-index:100;border-radius:12px;width:320px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 25px #0000004d}.tools-search-box{border-bottom:1px solid var(--surface-border);background:#0000001a;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}[data-theme=light] .tools-search-box{background:#00000005}.tools-search-box svg{color:var(--text-secondary);font-size:1.2rem}.tools-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.tools-dropdown-content{max-height:400px;padding:.5rem 0;overflow-y:auto}.tools-empty{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.9rem}.tools-group-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.tools-item{align-items:center;gap:1rem;padding:.6rem 1rem;text-decoration:none;transition:background .2s;display:flex}.tools-item:hover{background:#ffffff0d}[data-theme=light] .tools-item:hover{background:#00000008}.tools-item-icon{width:32px;height:32px;color:var(--color-brand-primary);background:#3bb3f926;border-radius:8px;flex-shrink:0;place-items:center;font-size:1.1rem;display:grid}.tools-item-text{flex-direction:column;flex:1;display:flex}.tools-item-label{color:var(--text-primary);font-size:.95rem;font-weight:500}.tools-item-desc{color:var(--text-secondary);font-size:.8rem}.tools-item-shortcut{color:var(--text-secondary);background:#ffffff1a;border-radius:4px;padding:.2rem .4rem;font-size:.75rem}[data-theme=light] .tools-item-shortcut{background:#0000000d}.sale-row-menu-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;transition:background .2s,color .2s;display:inline-flex}.sale-row-menu-trigger:hover{color:var(--text-primary);background:#ffffff14}[data-theme=light] .sale-row-menu-trigger:hover{background:#0000000f}.sale-row-dropdown{z-index:60;border-radius:.85rem;flex-direction:column;gap:.15rem;min-width:13rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0}.sale-row-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.65rem;padding:.6rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.sale-row-dropdown-item:hover{background:#ffffff0f}[data-theme=light] .sale-row-dropdown-item:hover{background:#0000000a}.sale-row-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.sale-row-dropdown-sep{background:var(--surface-border);height:1px;margin:.2rem .5rem}.config-layout{gap:2rem;height:100%;display:flex}@media (width<=768px){.config-layout{flex-direction:column}}.config-sidebar{flex-direction:column;flex-shrink:0;gap:.5rem;width:240px;display:flex}@media (width<=768px){.config-sidebar{flex-direction:row;width:100%;padding-bottom:1rem;overflow-x:auto}}.config-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.config-nav-item:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .config-nav-item:hover{background:#00000008}.config-nav-item.active{background:var(--color-brand-primary);color:#fff;font-weight:500}.config-nav-item svg{font-size:1.2rem}.config-content{flex-direction:column;flex:1;gap:1.5rem;max-width:800px;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.config-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d,0 10px 15px -3px #0000001a}.config-card-header{margin-bottom:1.5rem}.config-card-title{font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);color:var(--text-primary);margin:0 0 .25rem}.config-card-description{color:var(--text-secondary);margin:0;font-size:.85rem}.config-form-group{margin-bottom:1.5rem;position:relative}.config-form-group:last-child{margin-bottom:0}.config-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.config-input{border:none;border-bottom:2px solid var(--surface-border);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:.5rem 0;font-size:1rem;transition:border-color .3s}.config-input:focus{border-bottom-color:var(--color-brand-primary)}.config-input.is-valid{border-bottom-color:var(--color-success)}.config-input.is-invalid{border-bottom-color:var(--color-danger)}.modern-toggle{width:44px;height:24px;display:inline-block;position:relative}.modern-toggle input{opacity:0;width:0;height:0}.modern-toggle-slider{cursor:pointer;background-color:var(--surface-border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.modern-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.modern-toggle input:checked+.modern-toggle-slider{background-color:var(--color-brand-primary)}.modern-toggle input:checked+.modern-toggle-slider:before{transform:translate(20px)}.config-toggle-row{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.config-toggle-row:last-child{border-bottom:none}.config-toggle-info strong{color:var(--text-primary);font-size:.95rem;font-weight:500;display:block}.config-toggle-info span{color:var(--text-secondary);font-size:.85rem}.config-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-flat{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:background .2s}.btn-flat:hover{background:#ffffff0d}[data-theme=light] .btn-flat:hover{background:#0000000d}.btn-flat-primary{background:var(--color-brand-primary);color:#fff}.btn-flat-primary:hover{background:#2b95e3}.btn-flat-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-flat-secondary:hover{background:var(--bg-hover)}.btn-flat-danger{color:#ef4444;background:0 0;border:1px solid #ef4444}.btn-flat-danger:hover{background:#ef44441a}.config-input-error{box-shadow:0 0 0 2px #ef444426;border-color:#ef4444!important}.config-error-text{color:#ef4444;margin-top:4px;font-size:12px;display:block}[data-theme=dark] select.config-input,[data-theme=dark] select.input-control,[data-theme=dark] select.config-input option,[data-theme=dark] select.input-control option{color:#f5f7fb;background-color:#1e1f23}.config-grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=600px){.config-grid-2{grid-template-columns:1fr}}.config-grid-2 .col-span-2{grid-column:span 2}@media (width<=600px){.config-grid-2 .col-span-2{grid-column:span 1}}.config-preview-section{margin:1.5rem 0}.factura-preview-wrapper{background:var(--surface-main,#1e1f23);border:1px solid var(--surface-border);border-radius:.75rem;justify-content:center;padding:1.5rem;display:flex;overflow-x:auto}.factura-preview-page{color:#1f2937;background:#fff;border-radius:.4rem;flex-shrink:0;font-family:Courier New,Courier,monospace;font-size:.72rem;line-height:1.35;overflow:hidden;box-shadow:0 4px 16px #0000001f}.preview-a4{width:320px;min-height:440px}.preview-80mm{width:220px;min-height:380px}.preview-55mm{width:170px;min-height:340px}.preview-a4-body{padding:1rem}.preview-a4-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.preview-a4-empresa h4{color:#1f2937;margin:0 0 .15rem;font-size:.85rem}.preview-a4-empresa span{color:#4b5563;font-size:.65rem;display:block}.preview-a4-comprobante{text-align:right;align-items:center;gap:.4rem;margin-left:auto;display:flex}.preview-codigo{border:2px solid #1f2937;border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:grid}.preview-a4-comprobante strong{font-size:.75rem;display:block}.preview-a4-comprobante span{color:#4b5563;font-size:.6rem;display:block}.preview-sep-h{background:#d1d5db;height:1px;margin:.5rem 0}.preview-a4-cliente{color:#374151;font-size:.65rem}.preview-a4-cliente div{margin-bottom:.15rem}.preview-a4-tabla{border-collapse:collapse;width:100%;margin:.4rem 0;font-size:.62rem}.preview-a4-tabla th{text-align:left;color:#1f2937;border-bottom:1px solid #9ca3af;padding:.25rem .15rem;font-weight:600}.preview-a4-tabla td{color:#374151;border-bottom:1px solid #e5e7eb;padding:.3rem .15rem}.preview-a4-tabla td:last-child,.preview-a4-tabla th:last-child{text-align:right}.preview-a4-totales{flex-direction:column;gap:.2rem;font-size:.68rem;display:flex}.preview-a4-totales>div{justify-content:space-between;display:flex}.preview-a4-totales .preview-total-final{border-top:1px solid #9ca3af;margin-top:.3rem;padding-top:.3rem;font-size:.8rem}.preview-a4-footer{text-align:center;color:#6b7280;margin-top:.5rem;font-size:.6rem}.preview-ticket{padding:.75rem}.preview-header-ticket{text-align:center;margin-bottom:.4rem}.preview-header-ticket strong{color:#1f2937;font-size:.8rem;display:block}.preview-header-ticket span{color:#4b5563;font-size:.62rem;display:block}.preview-sep{text-align:center;color:#9ca3af;letter-spacing:.05em;margin:.3rem 0;font-size:.6rem}.preview-meta-ticket{color:#374151;flex-direction:column;gap:.1rem;font-size:.62rem;display:flex}.preview-meta-ticket span{display:block}.preview-cliente{color:#374151;font-size:.62rem}.preview-cliente strong{margin-bottom:.1rem;font-size:.68rem;display:block}.preview-items-ticket{flex-direction:column;gap:.35rem;display:flex}.preview-item-ticket{flex-wrap:wrap;gap:.15rem .4rem;font-size:.62rem;display:flex}.preview-item-nombre{color:#1f2937;width:100%}.preview-item-qty{color:#6b7280}.preview-item-total{color:#1f2937;margin-left:auto;font-weight:600}.preview-totales-ticket{flex-direction:column;gap:.2rem;font-size:.65rem;display:flex}.preview-totales-ticket>div{justify-content:space-between;display:flex}.preview-totales-ticket .preview-total-final{border-top:1px dashed #9ca3af;margin-top:.25rem;padding-top:.25rem;font-size:.78rem}.preview-footer-ticket{text-align:center;color:#6b7280;margin-top:.3rem;font-size:.6rem}.preview-logo-box{justify-content:center;align-items:center;margin-bottom:.3rem;display:flex}.preview-logo-placeholder{color:#fff;background:linear-gradient(135deg,#3bb3f9,#ffa109);border-radius:.3rem;place-items:center;width:2.2rem;height:2.2rem;font-size:.5rem;font-weight:700;display:grid}.preview-estilo-clasica{font-family:Courier New,Courier,monospace}.preview-estilo-clasica .factura-preview-page{border:1px solid #1f2937}.preview-estilo-clasica .preview-a4-header{border-bottom:2px solid #1f2937;margin-bottom:.5rem;padding-bottom:.5rem}.preview-estilo-clasica .preview-codigo{border:2px solid #1f2937}.preview-estilo-clasica .preview-a4-tabla th{background:0 0;border-bottom:2px solid #1f2937}.preview-estilo-clasica .preview-total-final,.preview-estilo-clasica .preview-totales-ticket .preview-total-final{border-top:2px solid #1f2937}.preview-estilo-minimalista{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-estilo-minimalista .factura-preview-page{border:none;box-shadow:0 1px 4px #0000000f}.preview-estilo-minimalista .preview-a4-body,.preview-estilo-minimalista .preview-ticket{padding:1.25rem}.preview-estilo-minimalista .preview-a4-header{gap:.5rem;margin-bottom:.5rem}.preview-estilo-minimalista .preview-a4-tabla td,.preview-estilo-minimalista .preview-a4-tabla th{border-bottom:1px solid #e5e7eb;padding:.35rem .15rem}.preview-estilo-minimalista .preview-sep-h{background:#e5e7eb;height:.5px}.preview-estilo-minimalista .preview-total-final{color:#1f2937;border-top:1px solid #e5e7eb}.preview-estilo-minimalista .preview-header-ticket strong{letter-spacing:.05em;font-weight:400}.preview-estilo-minimalista .preview-totales-ticket .preview-total-final{color:#1f2937;border-top:1px solid #e5e7eb}.preview-estilo-minimalista .preview-cae-a4,.preview-estilo-minimalista .preview-cae-ticket{color:#6b7280}.preview-estilo-moderna{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-estilo-moderna .factura-preview-page{border-radius:.6rem}.preview-estilo-moderna .preview-a4-header{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.4rem .4rem 0 0;margin:-1rem -1rem .75rem;padding:.75rem 1rem}.preview-estilo-moderna .preview-a4-tabla th{background:#f9fafb}.preview-estilo-moderna .preview-total-final,.preview-estilo-moderna .preview-header-ticket strong{color:#0c67a0}.preview-estilo-moderna .preview-totales-ticket .preview-total-final{color:#0c67a0;border-top:2px solid #0c67a0}.preview-estilo-moderna .preview-qr-placeholder{background:#0c67a00f;border-color:#0c67a0}.preview-estilo-premium{font-family:Georgia,Times New Roman,serif}.preview-estilo-premium .factura-preview-page{border-radius:.4rem;box-shadow:0 6px 24px #00000024}.preview-estilo-premium .preview-a4-body,.preview-estilo-premium .preview-ticket{padding:1.25rem}.preview-estilo-premium .preview-a4-header{border-bottom:1.5px solid #d4af37;margin-bottom:.6rem;padding-bottom:.6rem}.preview-estilo-premium .preview-a4-empresa h4{letter-spacing:.02em;font-weight:700}.preview-estilo-premium .preview-codigo{color:#d4af37;border:2px solid #d4af37}.preview-estilo-premium .preview-a4-tabla th{color:#1f2937;background:0 0;border-bottom:1.5px solid #d4af37;font-weight:700}.preview-estilo-premium .preview-sep-h{background:#d4af37;height:.5px}.preview-estilo-premium .preview-total-final{color:#1f2937;border-top:1.5px solid #d4af37}.preview-estilo-premium .preview-header-ticket strong{color:#1f2937;font-weight:700}.preview-estilo-premium .preview-totales-ticket .preview-total-final{color:#1f2937;border-top:1.5px dashed #d4af37}.preview-estilo-premium .preview-qr-placeholder{background:#d4af3714;border-color:#d4af37}.preview-estilo-premium .preview-cae-leyenda{color:#8b7355}.preview-legal-ticket{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.preview-a4-legal{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.preview-qr-box{justify-content:center;align-items:center;display:flex}.preview-qr-placeholder{color:#6b7280;background:#f9fafb;border:1px dashed #9ca3af;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem;display:flex}.preview-qr-placeholder span{letter-spacing:.04em;text-transform:uppercase;font-size:.5rem}.preview-cae-ticket{color:#374151;flex-direction:column;gap:.15rem;font-size:.6rem;display:flex}.preview-cae-a4{color:#374151;flex-direction:column;gap:.15rem;font-size:.62rem;display:flex}.preview-cae-leyenda{color:#6b7280;margin-top:.15rem;font-size:.55rem;font-style:italic}.modern-table-container{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:8px;width:100%;max-width:100%;margin:0 auto;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.modern-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body)}.modern-table th,.modern-table td{border-bottom:1px solid var(--surface-border);padding:16px}.modern-table th{color:#ffa109;white-space:nowrap;background-color:#ffa10926;font-weight:600}[data-theme=light] .modern-table th{color:#0c67a0;background-color:#3bb3f926}.modern-table tbody tr{transition:background-color .2s}.modern-table tbody tr:nth-child(2n){background-color:#00000005}[data-theme=light] .modern-table tbody tr:nth-child(2n){background-color:#f9fafb}.modern-table tbody tr:hover{background-color:#ffffff0d}[data-theme=light] .modern-table tbody tr:hover{background-color:#f3f4f6}.pos-layout{grid-template-columns:1fr 380px;gap:1.5rem;height:calc(100vh - 8rem);display:grid}@media (width<=1024px){.pos-layout{grid-template-columns:1fr;height:auto}}.pos-products{flex-direction:column;order:2;gap:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.pos-products-list{flex-direction:column;gap:.5rem;display:flex}.pos-product-row{background:var(--surface-card);border:1px solid var(--surface-border);cursor:pointer;border-radius:.75rem;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:grid}.pos-product-row:hover{border-color:var(--color-brand-primary);background:#00000026}[data-theme=light] .pos-product-row:hover{background:#00000008}[data-theme=dark] .pos-product-row:hover{background:#ffffff14}.pos-product-row-main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.pos-product-meta{color:var(--text-secondary);font-size:.8rem}.pos-product-row-extra{color:var(--text-secondary);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.8rem;display:flex}.pos-product-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.pos-product-price{color:var(--color-brand-primary);font-size:1.1rem;font-weight:700}.pos-cart{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:1rem;flex-direction:column;order:1;display:flex;overflow:hidden}.pos-cart-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.pos-cart-header h2{margin:0;font-size:1.1rem}.pos-cart-items{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.pos-cart-item{background:#00000026;border-radius:.75rem;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.75rem;display:grid}[data-theme=light] .pos-cart-item{background:#00000008}.pos-cart-item-info{flex-direction:column;display:flex}.pos-cart-item-name{font-size:.9rem;font-weight:600}.pos-cart-item-price{color:var(--text-secondary);font-size:.8rem}.pos-cart-item-qty{align-items:center;gap:.5rem;display:flex}.qty-btn{border:1px solid var(--surface-border);background:var(--surface-main);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:.5rem;place-items:center;transition:all .2s;display:grid}.qty-btn:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.pos-cart-footer{border-top:1px solid var(--surface-border);background:#0000001a;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}[data-theme=light] .pos-cart-footer{background:#00000005}.pos-cart-totals{flex-direction:column;gap:.5rem;display:flex}.pos-cart-row{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.pos-cart-row.total{color:var(--text-primary);border-top:1px dashed var(--surface-border);margin-top:.5rem;padding-top:.5rem;font-size:1.25rem;font-weight:700}.pos-checkout-btn{background:var(--gradient-brand-main);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:transform .2s,filter .2s}.pos-checkout-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.pos-checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-shell{min-height:100vh;display:flex}.admin-main{flex-direction:column;flex:1;display:flex;overflow:auto}.admin-page-content{padding:1.5rem}.admin-panel{flex-direction:column;gap:1.5rem;display:flex}.admin-panel-section{padding:1rem 1.25rem}.table-muted{color:var(--text-secondary);margin:0;font-size:.8rem}.admin-tabs{border:1px solid var(--surface-border);background:#ffffff08;border-radius:.75rem;gap:.25rem;padding:.5rem;display:flex;overflow-x:auto}.admin-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.admin-tab:hover{color:var(--text-primary);background:#ffffff0d}.admin-tab.active{background:var(--color-brand-primary);color:#fff}[data-theme=light] .admin-tabs{background:#00000005}[data-theme=light] .admin-tab:hover{background:#0000000a}.admin-resumen{flex-direction:column;gap:1.25rem;display:flex}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.admin-kpi-card{flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem;display:flex}.admin-kpi-top{justify-content:space-between;align-items:center;display:flex}.admin-kpi-icon{border-radius:.65rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.15rem;display:flex}.admin-kpi-trend{border-radius:.4rem;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.admin-kpi-trend.up{color:#34d399;background:#34d3991f}.admin-kpi-trend.down{color:#f87171;background:#f871711f}.admin-kpi-trend.warning{color:#fb923c;background:#fb923c1f}.admin-kpi-title{color:var(--text-secondary);margin:0;font-size:.85rem}.admin-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.admin-charts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.admin-chart-card{flex-direction:column;gap:.75rem;padding:1rem 1.15rem;display:flex}.admin-chart-wide{grid-column:1/-1}@media (width>=900px){.admin-charts-grid{grid-template-columns:1fr 1fr}.admin-chart-wide{grid-column:1/-1}}.admin-legend{flex-wrap:wrap;gap:.6rem 1rem;margin-top:.4rem;display:flex}.admin-legend-item{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.admin-legend-dot{border-radius:50%;width:.55rem;height:.55rem}.admin-legend-label{color:var(--text-secondary)}.admin-legend-value{color:var(--text-primary);font-weight:700}.admin-alert-list{flex-direction:column;gap:.6rem;display:flex}.admin-alert-row{background:#ffffff05;border-radius:.5rem;align-items:flex-start;gap:.6rem;padding:.6rem .5rem;display:flex}.admin-alert-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem}.admin-alert-dot.warning{background:#fb923c}.admin-alert-text{flex-direction:column;gap:.15rem;font-size:.82rem;display:flex}[data-theme=light] .admin-alert-row{background:#00000005}.bottom-sheet-overlay{z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:3rem 1rem 1rem;animation:.2s forwards modalOverlayIn;display:flex;position:fixed;inset:0;overflow-y:auto}.bottom-sheet{background:var(--surface-main);border:1px solid var(--surface-border);border-radius:1rem;flex-direction:column;gap:.75rem;width:100%;max-width:560px;max-height:calc(100vh - 4rem);margin-bottom:2rem;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalSlideDown;display:flex;overflow-y:auto;box-shadow:0 25px 80px #0006}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.label-workspace{flex:1;grid-template-columns:1fr 1fr;gap:1.25rem;min-height:0;display:grid}.label-panel{flex-direction:column;gap:1.25rem;min-height:0;display:flex}.label-search-results{flex-direction:column;gap:.4rem;max-height:220px;display:flex;overflow-y:auto}.label-search-item{border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border-radius:.65rem;align-items:center;gap:.6rem;padding:.6rem .8rem;transition:background-color .15s;display:flex}.label-search-item:hover{background:#ffffff0a}.label-search-name{flex:1;font-size:.9rem;font-weight:500}.label-search-meta{color:var(--text-secondary);font-size:.8rem}.label-selected-list{flex-direction:column;gap:.5rem;display:flex}.label-selected-row{border:1px solid var(--surface-border);border-radius:.6rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.label-selected-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.label-selected-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.label-selected-meta{color:var(--text-secondary);font-size:.78rem}.label-selected-controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.label-qty-input{text-align:center;border:1px solid var(--surface-border);width:3rem;color:var(--text-primary);background:0 0;border-radius:.5rem;padding:.35rem .2rem;font-size:.9rem}.label-preview-grid{flex-wrap:wrap;gap:.75rem;display:flex}.label-preview{border:1px dashed var(--surface-border);color:#111;page-break-inside:avoid;background:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.label-format-gondola{width:180px;height:108px;padding:.4rem}.label-format-barcode_small{width:108px;height:54px;padding:.25rem}.label-format-simple{width:144px;height:90px;padding:.35rem}.label-gondola,.label-barcode-small,.label-simple{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;height:100%;display:flex}.label-name{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:.7rem;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.label-price{color:#000;font-size:.9rem;font-weight:700}.label-code{color:#444;font-size:.6rem}.label-code-small{color:#444;font-size:.55rem}.label-barcode{width:100%;height:auto;max-height:36px}.label-no-barcode{color:#888;font-size:.55rem}.label-print-sheet{opacity:0;pointer-events:none;position:fixed;top:-9999px;left:-9999px}@media print{.sidebar,.app-header,.route-motion-wrapper>:not(.label-print-sheet),.label-workspace,.page-grid,.help-toggle,.sidebar-backdrop,.nav-menu{display:none!important}.route-motion-wrapper{margin:0!important;padding:0!important;display:block!important}body,#root{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.label-print-sheet{flex-wrap:wrap;gap:0;margin:0;padding:0;opacity:1!important;display:flex!important;position:static!important;top:auto!important;left:auto!important}.label-print-sheet .label-preview{color:#000;page-break-inside:avoid;background:#fff;border:1px solid #ccc;border-radius:0;margin:2mm}.label-print-sheet .label-format-gondola{width:50mm;height:30mm}.label-print-sheet .label-format-barcode_small{width:30mm;height:15mm}.label-print-sheet .label-format-simple{width:40mm;height:25mm}}@media (width<=1024px){.label-workspace{grid-template-columns:1fr}}.kpi-analytics-page::-webkit-scrollbar{width:5px}.kpi-analytics-page::-webkit-scrollbar-track{background:0 0}.kpi-analytics-page::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.kpi-analytics-page::-webkit-scrollbar-thumb:hover{background:#fff3}.kpi-metric-card{transition:transform .24s,box-shadow .24s;box-shadow:0 8px 24px #00000026}.kpi-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.kpi-metric-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.kpi-metric-icon{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:.6rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;display:flex}.kpi-metric-badge{color:#ffffffd9;letter-spacing:.03em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:600}.kpi-metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-shadow:none;margin:0;font-size:.72rem;font-weight:600}.kpi-metric-value{color:var(--text-primary);text-shadow:none;margin-top:.3rem;font-size:1.35rem;font-weight:700;display:block}.kpi-panel-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.kpi-panel-head h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.kpi-panel-head p{color:var(--text-secondary);margin:.15rem 0 0;font-size:.75rem}.kpi-module-card:hover{box-shadow:0 8px 24px #0003;border-color:var(--color-brand-primary)!important}.kpi-tooltip{background:var(--surface-card,#212327);border:1px solid var(--surface-border,#ffffff0f);color:var(--text-primary,#fff);border-radius:.6rem;padding:.6rem .85rem;font-size:.72rem;box-shadow:0 12px 30px #080d1f47}.kpi-tooltip strong{margin-bottom:.3rem;font-size:.78rem;display:block}.kpi-tooltip-row{align-items:center;gap:.4rem;margin-top:.2rem;display:flex}.kpi-tooltip-dot{border-radius:2px;flex-shrink:0;width:7px;height:7px}.rdrCalendarWrapper,.rdrCalendarWrapper.rdrDateRangeWrapper,.rdrDateRangeWrapper .rdrCalendarWrapper{background:var(--surface-card)!important;color:var(--text-primary)!important}.rdrMonths,.rdrMonthsVertical,.rdrMonth{background:var(--surface-card)!important}.rdrInputRanges{display:none!important}.rdrDateRangeWrapper{background:var(--surface-card)!important}.rdrDateDisplayWrapper{border-bottom:1px solid var(--surface-border);background:var(--surface-main)!important}.rdrDateDisplay{color:var(--text-primary)!important}.rdrDateDisplayItem{background:var(--surface-card)!important;border:1px solid var(--surface-border)!important;color:var(--text-primary)!important}.rdrDateDisplayItemActive{border-color:var(--color-brand-primary)!important;background:#3bb3f926!important}.rdrMonthAndYearWrapper{border-bottom:1px solid var(--surface-border);background:var(--surface-main)!important;color:var(--text-primary)!important}.rdrMonthAndYearPickers select,.rdrNextPrevButton{border:1px solid var(--surface-border);background:var(--surface-card)!important;color:var(--text-primary)!important}.rdrNextPrevButton:hover{background:var(--surface-border)!important}.rdrWeekDay{color:var(--text-secondary)!important}.rdrDay{background:0 0!important;width:32px!important;height:32px!important;padding:0!important}.rdrDayNumber{color:var(--text-primary)!important;font-size:.8rem!important;line-height:32px!important}.rdrMonth{width:auto!important;padding:0 .5rem .5rem!important}.rdrWeekDays{padding:0 .5rem!important}.rdrWeekDay{font-size:.75rem!important;line-height:28px!important}.rdrDays{padding:0 .5rem!important}.rdrMonthAndYearWrapper{height:40px!important;padding:.5rem!important}.rdrNextPrevButton{width:28px!important;height:28px!important}.rdrMonthAndYearPickers select{padding:.2rem 1.5rem .2rem .5rem!important;font-size:.9rem!important}.rdrDayToday .rdrDayNumber span{font-weight:700;color:var(--color-brand-primary)!important}.rdrDayToday .rdrDayNumber span:after{background:var(--color-brand-primary)!important}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:var(--color-brand-primary)!important;color:#fff!important}.rdrInRange{background:#3bb3f94d!important}.rdrSelected .rdrDayNumber span,.rdrInRange .rdrDayNumber span,.rdrStartEdge .rdrDayNumber span,.rdrEndEdge .rdrDayNumber span{color:#fff!important}.rdrDay:not(.rdrDayPassive):not(.rdrDayDisabled):hover .rdrDayNumber{border-radius:50%;background:var(--surface-border)!important}.rdrDayPassive .rdrDayNumber span{opacity:.4;color:var(--text-secondary)!important}.rdrDayDisabled{background:0 0!important}.rdrDayDisabled .rdrDayNumber span{opacity:.3;color:var(--text-secondary)!important}.rdrDefinedRangesWrapper,.rdrStaticRanges,.rdrStaticRange,.rdrStaticRangeLabel{display:none!important}.rdrMonth{background:var(--surface-card)!important}@media (width<=768px){.rdrCalendarWrapper{flex-direction:column}}.date-range-input:hover{border-color:var(--color-brand-primary)!important}.rdrCalendarWrapper{box-shadow:none!important;background:0 0!important;border:none!important}.rdrMonths{border-radius:.5rem}.perfil-header{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000000d,0 10px 15px -3px #0000001a}.perfil-avatar-lg{color:#fff;background:linear-gradient(135deg,#a3d931,#2ea329);border-radius:999px;flex-shrink:0;place-items:center;width:5rem;height:5rem;font-size:1.75rem;font-weight:700;display:grid}.perfil-avatar-lg img{object-fit:cover;border-radius:999px;width:100%;height:100%}.perfil-name-lg{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.perfil-email{color:var(--text-secondary);margin:.25rem 0 0}.perfil-badge{background:var(--color-brand-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.licencia-actual-row{background:var(--surface-main);border:1px solid var(--surface-border);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.licencia-estado-badge{border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.licencia-estado-badge.activa{color:#22c55e;background:#22c55e26}.licencia-estado-badge.por-expirar{color:#eab308;background:#eab30826}.licencia-estado-badge.expirada{color:#ef4444;background:#ef444426}.planes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.plan-card{background:var(--surface-main);border:1px solid var(--surface-border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .2s,transform .2s;display:flex}.plan-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px)}.plan-card.current{border-color:var(--color-brand-primary);background:#a3d9310d}.plan-card-header{color:var(--text-primary);font-size:1.1rem;font-weight:700}.plan-card-price{color:var(--color-brand-primary);font-size:1.25rem;font-weight:700}.plan-card-price span{color:var(--text-secondary);font-size:.85rem;font-weight:400}.plan-card-features{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.plan-card-features li{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.plan-card-features li:before{content:"✓";color:var(--color-brand-primary);font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}