@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700;900&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--almar-blue:#0069b4;--almar-dark:#164194;--almar-turquesa:#41c0f0;--almar-naranja:#ef7d00;--almar-gris:#9d9d9c;--almar-bg:#f5f7fa;--almar-card:#fff;--almar-border:#e4e8ee;--almar-text:#1a1d23;--almar-text-secondary:#6b7280;--almar-success:#059669;--almar-warning:#d97706;--almar-danger:#dc2626;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.1);--shadow-card:0 2px 8px rgba(0,105,180,.06),0 1px 3px rgba(0,0,0,.04);--shadow-card-hover:0 8px 25px rgba(0,105,180,.12),0 4px 10px rgba(0,0,0,.06);--radius:16px;--radius-sm:10px;--radius-xs:8px;--radius-lg:20px;--radius-xl:24px;--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-soft:0 2px 8px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);--shadow-elevated:0 10px 30px -8px rgba(16,24,40,.12),0 4px 12px -4px rgba(16,24,40,.08);--shadow-floating:0 20px 50px -12px rgba(16,24,40,.18),0 8px 20px -6px rgba(16,24,40,.1);--shadow-blue:0 8px 25px -6px rgba(0,105,180,.25),0 3px 10px -2px rgba(0,105,180,.15);--shadow-blue-strong:0 15px 40px -10px rgba(0,105,180,.4),0 6px 16px -4px rgba(0,105,180,.25);--shadow-orange:0 8px 25px -6px rgba(239,125,0,.3),0 3px 10px -2px rgba(239,125,0,.18);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 rgba(0,0,0,.04);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,Lato,system-ui,-apple-system,sans-serif;background:var(--almar-bg);color:var(--almar-text);font-size:14px;line-height:1.5;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden;letter-spacing:-.005em}h1,h2,h3,h4{font-family:Lato,Inter,sans-serif;letter-spacing:-.025em;font-weight:900}h1{font-size:32px;line-height:1.1}h2{font-size:24px;line-height:1.2}h3{font-size:18px;line-height:1.3}h4{font-size:15px;line-height:1.4}.text-caption{font-size:11px;letter-spacing:.12em;color:var(--almar-gris)}.text-caption,.text-overline{text-transform:uppercase;font-weight:700}.text-overline{font-size:10px;letter-spacing:.14em;color:var(--almar-blue)}.text-display{font-family:Lato,sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1}.font-num{font-family:Inter,sans-serif;font-feature-settings:"tnum","cv11";font-variant-numeric:tabular-nums}::-moz-selection{background:rgba(0,105,180,.15);color:var(--almar-text)}::selection{background:rgba(0,105,180,.15);color:var(--almar-text)}a{color:inherit;text-decoration:none}.serif{font-family:Lato,Inter,sans-serif;font-weight:900;letter-spacing:-.035em}.mono{font-family:JetBrains Mono,monospace;font-feature-settings:"tnum","cv01","cv02";letter-spacing:-.01em}.num{font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.015em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--almar-blue)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.sidebar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh;align-items:stretch}.mobile-header{display:none;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--almar-border);padding:10px 16px;align-items:center;justify-content:space-between;height:56px}.mobile-header img{height:30px}.hamburger{background:none;border:1px solid var(--almar-border);border-radius:var(--radius-xs);width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--almar-text);transition:all .2s}.hamburger:hover{background:var(--almar-bg);border-color:var(--almar-blue)}.hamburger svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(22,65,148,.2);backdrop-filter:blur(6px);z-index:60;animation:fadeIn .2s ease}.sidebar-overlay.open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{background:linear-gradient(180deg,var(--almar-blue) 0,var(--almar-dark) 100%);background-color:var(--almar-dark);border-right:none;padding:20px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 12px rgba(0,0,0,.08);isolation:isolate}.sidebar:before{top:-100px;right:-150px;width:300px;height:300px;border:1px solid hsla(0,0%,100%,.08);border-radius:50%}.sidebar:after,.sidebar:before{content:"";position:absolute;pointer-events:none}.sidebar:after{bottom:-100px;left:-100px;width:250px;height:250px;border:1px solid hsla(0,0%,100%,.06);border-radius:50%}.sidebar-brand{display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.95);border-radius:var(--radius-xs);padding:12px 14px;margin:0 -4px 20px}.sidebar-brand img{height:34px;width:auto}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:hsla(0,0%,100%,.55);padding:20px 12px 8px;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);color:hsla(0,0%,100%,.85);cursor:pointer;font-weight:500;font-size:13.5px;transition:all .2s;position:relative;margin-bottom:2px;z-index:1}.nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.nav-item.active{background:hsla(0,0%,100%,.15);color:#fff;font-weight:700;backdrop-filter:blur(10px)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--almar-naranja);border-radius:2px}.nav-item svg{width:18px;height:18px;opacity:.85;flex-shrink:0}.nav-item.active svg{opacity:1}.nav-item .badge{margin-left:auto;background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9);font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500;font-family:JetBrains Mono,monospace}.nav-item.active .badge{background:var(--almar-naranja);color:#fff}.user-card{margin-top:auto;padding:14px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border-radius:var(--radius-sm);gap:10px;z-index:1;position:relative}.avatar,.user-card{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--almar-naranja);color:#fff;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;box-shadow:0 3px 10px rgba(239,125,0,.4)}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10.5px;color:hsla(0,0%,100%,.7);font-weight:500}.logout-btn{background:none;border:none;cursor:pointer;padding:6px;color:hsla(0,0%,100%,.6);transition:all .2s;border-radius:6px}.logout-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.logout-btn svg{width:15px;height:15px}.main{padding:32px 40px;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;padding-bottom:22px;border-bottom:2px solid var(--almar-border);gap:16px;position:relative}.page-header:after{content:"";position:absolute;left:0;bottom:-2px;width:80px;height:2px;background:var(--almar-naranja);border-radius:1px}.page-title{font-family:Lato,sans-serif;font-weight:900;font-size:32px;letter-spacing:-.03em;line-height:1.1;margin-bottom:6px;color:var(--almar-text)}.page-subtitle{font-size:14px;color:var(--almar-gris);font-weight:400}.page-actions{display:flex;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;background:#fff;border:1.5px solid var(--almar-border);border-radius:var(--radius-xs);color:var(--almar-text);font-family:Inter,Lato,sans-serif;font-size:13px;font-weight:600;letter-spacing:-.005em;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-soft),var(--shadow-inset);position:relative;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out)}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(0,105,180,.06) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s var(--ease-smooth);pointer-events:none}.btn:hover{background:#f8fafc;border-color:var(--almar-blue);box-shadow:var(--shadow-elevated),var(--shadow-inset);transform:translateY(-2px);color:var(--almar-blue)}.btn:hover:before{transform:translateX(100%)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-soft);transition-duration:.08s}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-soft)!important}.btn svg{width:14px;height:14px;transition:transform .2s var(--ease-out)}.btn:hover svg{transform:translateX(1px)}.btn-primary{background:linear-gradient(135deg,var(--almar-blue) 0,var(--almar-dark) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-blue),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.1);font-weight:700;letter-spacing:.005em}.btn-primary:before{background:linear-gradient(120deg,transparent 30%,hsla(0,0%,100%,.22) 50%,transparent 70%)}.btn-primary:hover{background:linear-gradient(135deg,#07c 0,var(--almar-blue) 100%);box-shadow:var(--shadow-blue-strong),inset 0 1px 0 hsla(0,0%,100%,.25);color:#fff;border-color:transparent;transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-blue),inset 0 2px 4px rgba(0,0,0,.15)}.btn-accent{background:linear-gradient(135deg,var(--almar-naranja) 0,#d66800 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-orange),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.1);font-weight:700;letter-spacing:.005em}.btn-accent:before{background:linear-gradient(120deg,transparent 30%,hsla(0,0%,100%,.25) 50%,transparent 70%)}.btn-accent:hover{background:linear-gradient(135deg,#f58a1a 0,var(--almar-naranja) 100%);box-shadow:0 15px 40px -10px rgba(239,125,0,.5),inset 0 1px 0 hsla(0,0%,100%,.25);color:#fff;border-color:transparent;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--almar-text-secondary)}.btn-ghost,.btn-ghost:hover{border-color:transparent;box-shadow:none}.btn-ghost:hover{background:rgba(0,105,180,.06);color:var(--almar-blue)}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 14px rgba(220,38,38,.35)}.btn-danger,.btn-danger:hover{color:#fff;border-color:transparent}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px -6px rgba(220,38,38,.5);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px rgba(5,150,105,.35)}.btn-success,.btn-success:hover{color:#fff;border-color:transparent}.btn-success:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px -6px rgba(5,150,105,.5);transform:translateY(-2px)}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{width:16px;height:16px}.btn-block{width:100%;justify-content:center;padding:13px;font-size:15px}.btn-sm{padding:6px 12px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em;font-family:Inter,sans-serif;border:1px solid transparent}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pill-green{background:#ecfdf5;color:var(--almar-success);border-color:rgba(5,150,105,.15)}.pill-amber{background:#fffbeb;color:var(--almar-warning);border-color:rgba(217,119,6,.15)}.pill-red{background:#fef2f2;color:var(--almar-danger);border-color:rgba(220,38,38,.15)}.pill-brand{background:linear-gradient(135deg,#f0f7ff,#e0f0fb);color:var(--almar-blue);border-color:rgba(0,105,180,.18)}.pill-orange{background:#fff1e0;color:var(--almar-naranja);border-color:rgba(239,125,0,.18)}.pill-turquoise{background:#e0f8fe;color:#1b7bc7;border-color:rgba(65,192,240,.18)}.pill-gray{border-color:hsla(220,9%,46%,.15)}.pill-live:before{animation:pulse-dot 1.8s ease-in-out infinite;box-shadow:0 0 0 0 currentColor}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 4px transparent;opacity:.7}}.badge-solid{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 7px;border-radius:10px;font-size:11px;font-weight:700;font-family:Inter,sans-serif}.badge-solid-blue{background:var(--almar-blue);color:#fff;box-shadow:0 2px 6px rgba(0,105,180,.3)}.badge-solid-orange{background:var(--almar-naranja);color:#fff;box-shadow:0 2px 6px rgba(239,125,0,.3)}.badge-solid-red{background:var(--almar-danger);color:#fff;box-shadow:0 2px 6px rgba(220,38,38,.3)}.pill-gray{background:#f3f4f6;color:#6b7280}.plate{font-family:JetBrains Mono,monospace;font-weight:700;font-size:11px;background:linear-gradient(180deg,#fff,#f4f6f9);padding:5px 11px;border-radius:6px;display:inline-block;border:1.5px solid #d4d9e2;letter-spacing:.08em;color:#1a1d23;box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 1px 0 hsla(0,0%,100%,.8)}.plate-dark{background:linear-gradient(135deg,var(--almar-blue),var(--almar-dark));color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(0,105,180,.25)}.card{background:var(--almar-card);border:1.5px solid var(--almar-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out);position:relative}.card:hover{box-shadow:var(--shadow-elevated);border-color:rgba(0,105,180,.18);transform:translateY(-2px)}.card-accent{border-top:3px solid var(--almar-blue)}.card-accent-orange{border-top:3px solid var(--almar-naranja)}.card-accent-success{border-top:3px solid var(--almar-success)}.card-accent-warning{border-top:3px solid var(--almar-warning)}.card-accent-danger{border-top:3px solid var(--almar-danger)}.card-elevated{box-shadow:var(--shadow-blue);border-color:rgba(0,105,180,.15)}.card-elevated:hover{box-shadow:var(--shadow-blue-strong);transform:translateY(-3px)}.card-glass{background:hsla(0,0%,100%,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid hsla(0,0%,100%,.6);box-shadow:var(--shadow-elevated)}.card-hero{background:linear-gradient(135deg,var(--almar-blue) 0,var(--almar-dark) 100%);color:#fff;border:none;position:relative;overflow:hidden}.card-hero:before{top:-80px;right:-80px;width:240px;height:240px;border:1.5px solid hsla(0,0%,100%,.12);border-radius:50%}.card-hero:after,.card-hero:before{content:"";position:absolute;pointer-events:none}.card-hero:after{bottom:-100px;left:-100px;width:220px;height:220px;border:1.5px solid hsla(0,0%,100%,.08);border-radius:50%}.card-hero .card-title{color:#fff}.card-hero *{position:relative;z-index:1}.card-stat{background:var(--almar-card);border:1.5px solid var(--almar-border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-soft);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.card-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--almar-blue),var(--almar-turquesa));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.card-stat:hover{border-color:rgba(0,105,180,.25);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.card-stat:hover:before{transform:scaleX(1)}.card-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--almar-text-secondary);margin-bottom:8px}.card-stat-value{font-family:Lato,sans-serif;font-size:30px;font-weight:900;letter-spacing:-.025em;color:var(--almar-text);line-height:1;font-feature-settings:"tnum"}.card-stat-trend{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}.card-stat-trend-up{background:#ecfdf5;color:var(--almar-success)}.card-stat-trend-down{background:#fef2f2;color:var(--almar-danger)}.card-stat-trend-neutral{background:#f3f4f6;color:#6b7280}.card-header{padding:18px 22px;border-bottom:1px solid var(--almar-border);justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fff,#fafafa)}.card-header,.card-title{display:flex;align-items:center}.card-title{font-family:Lato,Inter,sans-serif;font-weight:900;font-size:16px;letter-spacing:-.025em;color:var(--almar-text);position:relative;gap:10px;margin:0}.card-title-icon{width:32px;height:32px;background:linear-gradient(135deg,rgba(0,105,180,.1),rgba(65,192,240,.08));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--almar-blue);flex-shrink:0}.card-title-icon svg{width:16px;height:16px}.card-body{padding:20px 22px}.input{width:100%;padding:11px 14px;border:1.5px solid #e2e5ea;border-radius:var(--radius-xs);font-family:Inter,Lato,sans-serif;font-size:13.5px;background:#fff;color:var(--almar-text);letter-spacing:-.005em;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background-color .18s var(--ease-out);box-shadow:var(--shadow-xs)}.input:hover{border-color:#cbd5e1}.input:focus{outline:none;border-color:var(--almar-blue);box-shadow:0 0 0 4px rgba(0,105,180,.12),var(--shadow-xs);background:#fafcff}.input::-moz-placeholder{color:#b0b8c4}.input::placeholder{color:#b0b8c4}.input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--almar-text-secondary);font-weight:700;margin-bottom:7px}.field{margin-bottom:16px}.input-group{position:relative}.input-group .input{padding-left:38px}.input-group-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--almar-text-secondary);pointer-events:none;display:flex;align-items:center}.input-group-icon svg{width:16px;height:16px}.input-group:focus-within .input-group-icon{color:var(--almar-blue)}.checkbox-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:5px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);position:relative;flex-shrink:0}.checkbox-custom:checked,.checkbox-custom:hover{border-color:var(--almar-blue)}.checkbox-custom:checked{background:var(--almar-blue);box-shadow:0 2px 6px rgba(0,105,180,.3)}.checkbox-custom:checked:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.alert-error{background:#fef2f2;border:1.5px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);color:var(--almar-danger);display:flex;align-items:center;gap:8px}.alert-error,.alert-success{padding:14px 18px;font-size:13px;margin-bottom:14px;font-weight:500}.alert-success{background:#ecfdf5;border:1.5px solid rgba(5,150,105,.15);border-radius:var(--radius-sm);color:var(--almar-success)}@media (max-width:1023px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:70;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:24px 0 60px rgba(22,65,148,.15)}.mobile-header{display:flex}.main{padding:20px 24px}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:26px}.peritaje-layout{grid-template-columns:1fr!important}.peritaje-sidebar{position:static!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}}@media (max-width:767px){.main{padding:16px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:16px;padding-bottom:14px}.page-title{font-size:24px}.page-actions{width:100%}.page-actions .btn{flex:1;justify-content:center}.card{border-radius:14px}.card-header{padding:14px 18px;flex-direction:column;align-items:flex-start;gap:8px}.desktop-table{display:none}.mobile-cards{display:block}.kpi-grid-4{grid-template-columns:repeat(2,1fr)!important}.kpi-grid-3{grid-template-columns:1fr!important}.info-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.login-split{grid-template-columns:1fr!important}.login-left{display:none!important}.peritaje-layout{grid-template-columns:1fr!important}.peritaje-sidebar{position:static!important;display:flex;flex-direction:column;gap:12px}.peritaje-tabs{padding:0 12px!important}.peritaje-tabs button{font-size:11px!important;padding:10px!important}.btn{padding:11px 16px;font-size:14px;min-height:46px}.btn-sm{padding:8px 12px;font-size:12px;min-height:40px}.input{padding:12px 14px;font-size:15px;min-height:46px}.sidebar{width:85vw;max-width:320px}.form-row{grid-template-columns:1fr!important}.timeline-grid{grid-template-columns:repeat(2,1fr)!important}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:767px){.desktop-only{display:none!important}.mobile-only{display:block!important}.desktop-table{display:none!important}}@media (min-width:768px){.mobile-cards{display:none!important}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(0,105,180,.15);border-top:2.5px solid var(--almar-blue);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:28px;height:28px;border-width:3px}.spinner-white{border-color:#fff hsla(0,0%,100%,.25) hsla(0,0%,100%,.25)}.skeleton{display:block;background:linear-gradient(90deg,#f0f2f5,#f8fafc 50%,#f0f2f5);background-size:1000px 100%;animation:shimmer 1.6s linear infinite;border-radius:6px}.skeleton-text{height:14px;margin:4px 0}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-card{height:120px;border-radius:var(--radius)}.fade-in{animation:slide-up-fade .4s var(--ease-out) backwards}.fade-in-1{animation-delay:.05s}.fade-in-2{animation-delay:.1s}.fade-in-3{animation-delay:.15s}.fade-in-4{animation-delay:.2s}.fade-in-5{animation-delay:.25s}.fade-in-6{animation-delay:.3s}.modal-enter{animation:scale-in .25s var(--ease-spring)}.overlay-enter{animation:fadeIn .2s ease}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);transform:translateX(-50%) translateY(-6px);background:var(--almar-text);color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);z-index:100;box-shadow:0 8px 20px rgba(0,0,0,.2)}[data-tooltip]:after,[data-tooltip]:before{position:absolute;bottom:100%;left:50%;opacity:0;pointer-events:none}[data-tooltip]:before{content:"";transform:translateX(-50%);border:4px solid transparent;border-top:4px solid var(--almar-text);transition:opacity .2s var(--ease-out)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}[data-tooltip]:hover:after{transform:translateX(-50%) translateY(-10px)}.avatar-gradient{position:relative;display:inline-flex;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--almar-blue),var(--almar-naranja))}.avatar-gradient>*{border:2px solid #fff;border-radius:50%}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--almar-border),transparent);margin:20px 0}.divider-orange{height:2px;width:60px;background:var(--almar-naranja);border-radius:1px;margin:12px 0}.stat-bar{background:#f0f2f5;height:8px;overflow:hidden}.stat-bar,.stat-bar-fill{border-radius:4px;position:relative}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--almar-blue),var(--almar-turquesa));transition:width .8s var(--ease-out)}.stat-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer-bar 2.5s infinite var(--ease-smooth)}@keyframes shimmer-bar{to{transform:translateX(100%)}}.stat-bar-fill-orange{background:linear-gradient(90deg,var(--almar-naranja),#f5a553)}.stat-bar-fill-green{background:linear-gradient(90deg,var(--almar-success),#34d399)}.stat-bar-fill-red{background:linear-gradient(90deg,var(--almar-danger),#f87171)}table.almar-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.almar-table thead{background:linear-gradient(180deg,#fafbfc,#f4f6f9)}table.almar-table thead th{padding:12px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--almar-text-secondary);border-bottom:1.5px solid var(--almar-border)}table.almar-table tbody td{padding:14px 16px;border-bottom:1px solid #f0f2f5}table.almar-table tbody td,table.almar-table tbody tr{transition:background .15s var(--ease-out)}table.almar-table tbody tr:hover,table.almar-table tbody tr:hover td{background:rgba(0,105,180,.025)}.almar-divider-orange{height:2px;background:var(--almar-naranja);border-radius:1px;width:60px}.almar-corner-curve{position:relative}.almar-corner-curve:before{content:"";position:absolute;bottom:-1px;right:-1px;width:40px;height:40px;border-right:2px solid var(--almar-naranja);border-bottom:2px solid var(--almar-naranja);border-radius:0 0 16px 0;pointer-events:none}.almar-bg-gradient{background:linear-gradient(135deg,var(--almar-blue) 0,var(--almar-dark) 100%);color:#fff}.almar-text-blue{color:var(--almar-blue)}.almar-text-orange{color:var(--almar-naranja)}.almar-bg-light{background:linear-gradient(135deg,#f0f7ff,#e0f0fb)}.card.almar-hover:hover{border-color:rgba(0,105,180,.25);transform:translateY(-2px)}.empty-state{text-align:center;padding:60px 20px;color:var(--almar-gris)}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-title{font-size:15px;font-weight:700;color:var(--almar-text);margin-bottom:4px}.empty-state-desc{font-size:12px;color:var(--almar-gris)}@media (max-width:1100px){.stock-kpi-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:700px){.stock-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (max-width:480px){.stock-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stock-kpi-grid .card-stat{padding:9px 12px!important}}@media (max-width:768px){.cv2-hero{padding:11px 12px!important}.cv2-kpis{padding:9px 12px!important;gap:8px!important}.cv2-footer{padding:7px 12px!important}}@media (hover:none){.cv2:hover,.fv2:hover{transform:none!important}}