:root{--primary-color:#fab31b;--secondary-color:#2b2b2b;--background-color:#fff;--surface-color:#f8f9fa;--background-overlay-light:#00000005;--text-color:#2b2b2b;--text-secondary:#6c757d;--border-color:#d1d5db;--border-color-dark:#9ca3af;--border-color-light:#e5e7eb;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#fab31b;--info-color:#17a2b8;--gradient-primary:linear-gradient(135deg,#fab31b,#e6a014);--gradient-subtle:linear-gradient(180deg,#fab31b0d,#0000);--gradient-secondary:linear-gradient(135deg,#2b2b2b,#3c3c3c);--shadow-xs:0 1px 3px #00000014;--shadow-sm:0 2px 6px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 20px #0000002e;--shadow-xl:0 12px 28px #00000038;--shadow-focus:0 0 0 3px #fab31b40;--shadow-card:0 2px 8px #0000001a,0 0 0 1px #0000000d;--space-xs:clamp(0.25rem,0.5vw,0.375rem);--space-sm:clamp(0.375rem,1vw,0.625rem);--space-md:clamp(0.75rem,2vw,1rem);--space-lg:clamp(1rem,3vw,1.25rem);--space-xl:clamp(1.5rem,4vw,2rem);--space-xxl:clamp(2rem,5vw,3rem);--font-size-xs:clamp(0.7rem,0.5vw + 0.6rem,0.8rem);--font-size-sm:clamp(0.8rem,0.75vw + 0.7rem,0.875rem);--font-size-base:clamp(0.875rem,1vw + 0.8rem,1rem);--font-size-lg:clamp(1rem,1.5vw + 0.85rem,1.125rem);--font-size-xl:clamp(1.125rem,2vw + 0.95rem,1.25rem);--font-size-2xl:clamp(1.25rem,2.5vw + 1rem,1.5rem);--font-size-3xl:clamp(1.5rem,3vw + 1.125rem,1.875rem);--font-size-4xl:clamp(1.875rem,4vw + 1.25rem,2.25rem);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Courier New",Courier,monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.8;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--border-width:1px;--border-width-thick:2px;--border-width-extra:3px;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-full:50%;--transition-base:all 0.3s ease;--transition-fast:all 0.15s ease;--transition-slow:all 0.5s ease;--animation-duration:0.3s;--animation-duration-slow:0.5s;--animation-duration-fast:0.15s;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:2000;--input-height:38px;--input-height-sm:32px;--input-height-lg:44px;--button-height:38px;--button-height-sm:32px;--button-height-lg:44px;--container-xs:540px;--container-sm:720px;--container-md:960px;--container-lg:1140px;--container-xl:1320px;--form-width-sm:300px;--form-width-md:500px;--form-width-lg:700px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);min-height:100vh;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}a{background-color:initial}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}ol,ul{list-style-position:inside;margin-bottom:var(--space-sm);padding-left:var(--space-md)}li{margin-bottom:var(--space-xs)}nav ol,nav ul{list-style:none;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button;cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.6}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:var(--font-size-lg);line-height:inherit;margin-bottom:var(--space-sm);max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}audio,canvas,embed,iframe,img,object,svg,video{display:block;height:auto;max-width:100%}img{border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse;border-spacing:0;width:100%}caption{caption-side:bottom;color:var(--text-secondary);padding-bottom:var(--space-sm);padding-top:var(--space-sm);text-align:left}th{font-weight:var(--font-weight-bold);text-align:inherit}details{display:block}summary{cursor:pointer;display:list-item}[hidden]{display:none!important}code,kbd,pre,samp{font-family:var(--font-family-mono);font-size:.875em}pre{-ms-overflow-style:scrollbar;margin-bottom:var(--space-sm);margin-top:0;overflow:auto}code{background-color:var(--surface-color);padding:.125rem .25rem}pre code{background-color:initial}kbd{background-color:var(--secondary-color);border-radius:var(--radius-sm);color:var(--background-color);font-size:.875em;padding:.125rem .25rem}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}figure{margin:0 0 var(--space-sm)}figcaption{color:var(--text-secondary);font-size:var(--font-size-sm)}hr{border:0;border-top:var(--border-width) solid var(--border-color);box-sizing:initial;height:0;margin:var(--space-lg) 0;overflow:visible}blockquote{margin:0 0 var(--space-sm)}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}b,strong{font-weight:var(--font-weight-bold)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}::selection{background-color:#fab31b33;color:var(--text-color)}::-moz-selection{background-color:#fab31b33;color:var(--text-color)}.display-none{display:none}.display-block{display:block}.display-inline-block{display:inline-block}.display-inline{display:inline}.display-inline-flex{display:inline-flex}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.position-static{position:static}.flex-row-reverse{flex-direction:row-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.width-full{width:100%}.width-half{width:50%}.width-third{width:33.333333%}.width-quarter{width:25%}.width-auto{width:auto}.width-fit{width:-webkit-fit-content;width:fit-content}.width-min{width:-webkit-min-content;width:min-content}.width-max{width:-webkit-max-content;width:max-content}.height-full{height:100%}.height-screen{height:100vh}.height-auto{height:auto}.height-fit{height:-webkit-fit-content;height:fit-content}.max-width-xs{max-width:var(--container-xs)}.max-width-sm{max-width:var(--container-sm)}.max-width-md{max-width:var(--container-md)}.max-width-lg{max-width:var(--container-lg)}.max-width-xl{max-width:var(--container-xl)}.max-width-full{max-width:100%}.max-width-none{max-width:none}.margin-0{margin:0}.margin-auto{margin:auto}.margin-xs{margin:var(--space-xs)}.margin-sm{margin:var(--space-sm)}.margin-md{margin:var(--space-md)}.margin-lg{margin:var(--space-lg)}.margin-xl{margin:var(--space-xl)}.margin-top-0{margin-top:0}.margin-top-xs{margin-top:var(--space-xs)}.margin-top-sm{margin-top:var(--space-sm)}.margin-top-md{margin-top:var(--space-md)}.margin-top-lg{margin-top:var(--space-lg)}.margin-top-xl{margin-top:var(--space-xl)}.margin-top-auto{margin-top:auto}.margin-bottom-0{margin-bottom:0}.margin-bottom-xs{margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:var(--space-xl)}.margin-bottom-auto{margin-bottom:auto}.margin-left-0{margin-left:0}.margin-left-xs{margin-left:var(--space-xs)}.margin-left-sm{margin-left:var(--space-sm)}.margin-left-md{margin-left:var(--space-md)}.margin-left-lg{margin-left:var(--space-lg)}.margin-left-xl{margin-left:var(--space-xl)}.margin-right-0{margin-right:0}.margin-right-xs{margin-right:var(--space-xs)}.margin-right-sm{margin-right:var(--space-sm)}.margin-right-md{margin-right:var(--space-md)}.margin-right-lg{margin-right:var(--space-lg)}.margin-right-xl{margin-right:var(--space-xl)}.margin-right-auto{margin-right:auto}.margin-x-0{margin-left:0;margin-right:0}.margin-x-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.margin-x-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.margin-x-md{margin-left:var(--space-md);margin-right:var(--space-md)}.margin-x-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.margin-x-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-y-0{margin-bottom:0;margin-top:0}.margin-y-xs{margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.margin-y-sm{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.margin-y-md{margin-bottom:var(--space-md);margin-top:var(--space-md)}.margin-y-lg{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.margin-y-xl{margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.padding-0{padding:0}.padding-sm{padding:var(--space-sm)}.padding-md{padding:var(--space-md)}.padding-lg{padding:var(--space-lg)}.padding-xl{padding:var(--space-xl)}.padding-top-0{padding-top:0}.padding-top-xs{padding-top:var(--space-xs)}.padding-top-sm{padding-top:var(--space-sm)}.padding-top-md{padding-top:var(--space-md)}.padding-top-lg{padding-top:var(--space-lg)}.padding-top-xl{padding-top:var(--space-xl)}.padding-bottom-0{padding-bottom:0}.padding-bottom-xs{padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:var(--space-sm)}.padding-bottom-md{padding-bottom:var(--space-md)}.padding-bottom-lg{padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:var(--space-xl)}.padding-left-0{padding-left:0}.padding-left-xs{padding-left:var(--space-xs)}.padding-left-sm{padding-left:var(--space-sm)}.padding-left-md{padding-left:var(--space-md)}.padding-left-lg{padding-left:var(--space-lg)}.padding-left-xl{padding-left:var(--space-xl)}.padding-right-0{padding-right:0}.padding-right-xs{padding-right:var(--space-xs)}.padding-right-sm{padding-right:var(--space-sm)}.padding-right-md{padding-right:var(--space-md)}.padding-right-lg{padding-right:var(--space-lg)}.padding-right-xl{padding-right:var(--space-xl)}.padding-x-0{padding-left:0;padding-right:0}.padding-x-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.padding-x-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.padding-x-md{padding-left:var(--space-md);padding-right:var(--space-md)}.padding-x-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.padding-x-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.padding-y-0{padding-bottom:0;padding-top:0}.padding-y-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.padding-y-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.padding-y-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.padding-y-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.padding-y-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.text-gray{color:var(--text-secondary)}.text-black{color:#000}.text-inherit{color:inherit}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-italic{font-style:italic}.font-normal-style{font-style:normal}.text-normal-case{text-transform:none}.text-break{word-break:break-word}.width-15{width:15%}.width-25{width:25%}.width-35{width:35%}.width-50{width:50%}.width-60{width:60%}.width-75{width:75%}.width-80{width:80%}.width-90{width:90%}.width-100{width:100%}.line-height-tight{line-height:var(--line-height-tight)}.line-height-normal{line-height:var(--line-height-normal)}.line-height-relaxed{line-height:var(--line-height-relaxed)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-success{background-color:var(--success-color)}.bg-danger{background-color:var(--danger-color)}.bg-warning{background-color:var(--warning-color)}.bg-info{background-color:var(--info-color)}.bg-light{background-color:var(--surface-color)}.bg-white{background-color:var(--background-color)}.bg-transparent{background-color:initial}.border{border:var(--border-width) solid var(--border-color)}.border-0{border:0}.border-top{border-top:var(--border-width) solid var(--border-color)}.border-right{border-right:var(--border-width) solid var(--border-color)}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)}.border-left{border-left:var(--border-width) solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.border-success{border-color:var(--success-color)}.border-danger{border-color:var(--danger-color)}.border-warning{border-color:var(--warning-color)}.border-info{border-color:var(--info-color)}.border-light{border-color:var(--surface-color)}.border-white{border-color:#fff}.rounded-none{border-radius:0}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-help{cursor:help}.visible{visibility:visible}.invisible{visibility:hidden}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.z-dropdown{z-index:var(--z-index-dropdown)}.z-sticky{z-index:var(--z-index-sticky)}.z-fixed{z-index:var(--z-index-fixed)}.z-modal-backdrop{z-index:var(--z-index-modal-backdrop)}.z-modal{z-index:var(--z-index-modal)}.z-popover{z-index:var(--z-index-popover)}.z-tooltip{z-index:var(--z-index-tooltip)}.transition-none{transition:none}.transition-all{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}.flex-1{flex:1 1}.contact-cell-content{font-size:.875rem;line-height:1.4}.contact-cell-content>div{margin-bottom:.25rem}.contact-cell-content>div:last-child{margin-bottom:0}.contact-cell-icon{color:var(--text-secondary);display:inline-block;flex-shrink:0;font-size:12px!important;margin-right:.5rem;width:14px}.contact-cell-text{font-size:.8125rem;max-width:300px}.contact-cell-link,.contact-cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-cell-link{align-items:center;color:var(--text-color);display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-normal);justify-content:center;text-decoration:none;transition:color .2s}.contact-cell-link:hover{color:var(--primary-color)}.highlight,mark.highlight{background-color:#fff59d;border-radius:3px;color:inherit;font-weight:var(--font-weight-medium);padding:.125rem .25rem;transition:background-color .2s ease}.highlight:hover,mark.highlight:hover{background-color:#fff176}@media (prefers-color-scheme:dark){.highlight,mark.highlight{background-color:#f9a825;color:#000}.highlight:hover,mark.highlight:hover{background-color:#fbc02d}}.container{margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md);width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.surface-padded-section{border-radius:8px;margin-bottom:var(--space-xl)}.showcase-container,.surface-padded-section{background:var(--surface-color);padding:var(--space-lg)}.showcase-container{border-radius:var(--radius-lg);margin:var(--space-md) 0}.padded-bordered-block{background:var(--surface-color);border:1px solid var(--border-color);margin:var(--space-sm) 0}.grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fill,.grid-auto-fit{display:grid;gap:var(--space-md)}.grid-auto-fill{grid-gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex-container{display:flex;gap:var(--space-md)}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.section-plain{animation:fadeIn .3s ease}.space-y-xs>*+*{margin-top:var(--space-xs)}.space-y-sm>*+*{margin-top:var(--space-sm)}.space-y-md>*+*{margin-top:var(--space-md)}.space-y-lg>*+*{margin-top:var(--space-lg)}.space-y-xl>*+*{margin-top:var(--space-xl)}.space-x-xs>*+*{margin-left:var(--space-xs)}.space-x-sm>*+*{margin-left:var(--space-sm)}.space-x-md>*+*{margin-left:var(--space-md)}.space-x-lg>*+*{margin-left:var(--space-lg)}.space-x-xl>*+*{margin-left:var(--space-xl)}.bordered{border:1px solid var(--border-color)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}@media (max-width:768px){.main-content,.styleguide-container{padding:var(--space-md)}.grid-auto-fit,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.flex-container{flex-direction:column}}@media (min-width:768px) and (max-width:991px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.show-mobile{display:none}.hide-mobile{display:block}.show-tablet{display:none}.hide-tablet,.show-desktop{display:block}.hide-desktop{display:none}@media (max-width:575px){.show-mobile{display:block}.hide-mobile{display:none}.btn{display:block;width:100%}.btn-group{flex-direction:column}.btn-group .btn{border-radius:var(--radius-md);margin-bottom:var(--space-xs)}.btn-group .btn:last-child{margin-bottom:0}.container{padding-left:var(--space-sm);padding-right:var(--space-sm)}}@media (min-width:576px) and (max-width:767px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:991px){.show-tablet{display:block}.hide-tablet{display:none}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.navbar-link{font-size:.95rem;height:40px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px) and (max-width:1199px){.hide-desktop{display:none}.navbar-link{font-size:1rem;height:45px}}@media (min-width:1200px){.hide-desktop{display:none}.navbar-link{font-size:1.1rem;height:50px}.max-width-desktop{margin:0 auto;max-width:1400px}}@media (orientation:landscape) and (max-height:500px){.navbar-container{min-height:60px}.navbar-logo{height:30px;max-height:30px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.navbar-logo,.sidebar-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.btn-loading:after,.btn.loading:after,.loading-spinner,.spinner{animation-duration:.75s!important;animation-iteration-count:infinite!important}}@media (prefers-color-scheme:dark){:root{--background-color-dark:#1a1a1a;--surface-color-dark:#2d2d2d;--text-color-dark:#fff;--border-color-dark:#404040}}@media (prefers-contrast:high){:root{--border-color:#000;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}.btn{border:2px solid}.form-control,.form-select,.form-textarea{border-width:3px}}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.btn,.hamburger,.navbar-actions,.no-print,.sidebar{display:none!important}.container{max-width:100%;padding:0}.card{border:1px solid #ddd;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.table{border-collapse:collapse}.table td,.table th{border:1px solid #ddd}}@media (max-width:375px) and (max-height:667px){.form-card{padding:var(--space-md)}.btn{min-height:40px}}@media (min-width:768px) and (max-width:1024px){.sidebar-demo{grid-template-columns:200px 1fr}.navbar-menu{gap:var(--space-md)}}@media (min-width:1600px){.container{max-width:1500px}.main-content{max-width:1600px}}@media (hover:hover){.card:hover{transform:translateY(-2px)}.btn:hover{transform:translateY(-1px)}}@media (hover:none){.btn:hover,.card:hover{transform:none}.btn,.form-control,.form-select{min-height:48px}}@media (prefers-reduced-data:reduce){.progress-bar-animated,.skeleton{animation:none}.shadow-lg{box-shadow:0 1px 3px #0000001f!important}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.7}}@keyframes expandRow{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-scale{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s infinite}.animate-pulse-opacity{animation:pulse-opacity 2s infinite}.animate-slide-in-right{animation:slideInRight .3s ease}.animate-expand{animation:expandRow .4s cubic-bezier(.4,0,.2,1)}.animate-slide-down{animation:slideDown .5s cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin .75s linear infinite}h1,h2,h3,h4,h5,h6{color:var(--secondary-color);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-sm)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{text-decoration:underline}.link-primary{color:var(--primary-color)}.link-secondary{color:var(--secondary-color)}.link-danger{color:var(--danger-color)}.link-success{color:var(--success-color)}.link-warning{color:var(--warning-color)}.link-info{color:var(--info-color)}blockquote{border-left:4px solid var(--primary-color);color:var(--text-secondary);font-style:italic;margin:var(--space-md) 0;padding-left:var(--space-md)}blockquote cite{color:var(--text-color);display:block;font-size:var(--font-size-sm);font-style:normal;margin-top:var(--space-sm)}.list-styled{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.list-styled li{margin-bottom:var(--space-xs)}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline{display:flex;flex-wrap:wrap;gap:var(--space-md)}.list-spaced li{margin-bottom:var(--space-sm)}pre{word-wrap:break-word;border-radius:var(--radius-md);max-width:100%;overflow-x:auto;padding:var(--space-md);white-space:pre-wrap}code,pre{background:var(--surface-color)}code{border-radius:var(--radius-sm);font-family:Courier New,Courier,monospace;font-size:.9em;padding:2px 6px}pre code{background:none;border-radius:0;padding:0}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-muted{color:var(--text-secondary)}.text-white{color:#fff}.text-dark{color:var(--text-color)}.text-small{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-large{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-italic{font-style:italic}.text-normal{font-style:normal}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.line-height-none{line-height:1}.line-height-tight{line-height:1.25}.line-height-normal{line-height:1.5}.line-height-relaxed{line-height:1.75}.line-height-loose{line-height:2}.letter-spacing-tight{letter-spacing:-.025em}.letter-spacing-normal{letter-spacing:0}.letter-spacing-wide{letter-spacing:.025em}.letter-spacing-wider{letter-spacing:.05em}.letter-spacing-widest{letter-spacing:.1em}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{white-space:normal}.text-nowrap{white-space:nowrap}.text-break{word-break:break-all}@media (max-width:768px){h1{font-size:clamp(1.5rem,4vw,2.5rem)}h1,h2{word-wrap:break-word}h2{font-size:clamp(1.25rem,3.5vw,2rem)}h3{word-wrap:break-word;font-size:clamp(1.125rem,3vw,1.75rem)}.text-4xl{font-size:var(--font-size-3xl)}.text-3xl{font-size:var(--font-size-2xl)}.text-2xl{font-size:var(--font-size-xl)}}.card{background:#fff;border:1px solid var(--border-color-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card .card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.card .card-title{color:var(--secondary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card .card-info{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.card .info-row{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.card .card-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md)}.mobile-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);overflow:hidden}.mobile-card-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.mobile-card-id{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:600}.mobile-card-content{padding:var(--space-md)}.mobile-card-field{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.mobile-card-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-card-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.mobile-card-value{color:var(--text-color);font-weight:500;text-align:right}.mobile-card-footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--space-sm) var(--space-md)}.table-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.table-card-header{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--secondary-color);display:flex;font-weight:700;justify-content:space-between;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.table-card-content{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs)}.table-card-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0}.table-card-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.table-card-value{color:var(--text-color);font-weight:500;text-align:right}.table-card-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm)}.card-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-md)}.stat-icon{flex-shrink:0}.stat-icon.bg-primary,.stat-icon.bg-warning{color:var(--secondary-color)}.stat-trend-indicator{font-weight:600}.card-stats{border-radius:4px}.stat-value{font-weight:600}.cards{display:none;gap:var(--space-md)}@media (max-width:768px){.card-grid,.stats-grid{grid-template-columns:1fr}.stat-card .card-content{flex-direction:column;text-align:center}.cards{display:flex;flex-direction:column}.card .info-row{flex-wrap:wrap;gap:var(--space-xs)}.card .card-actions{flex-direction:row}.card .card-actions .btn{flex:1 1;font-size:var(--font-size-xs);padding:var(--space-xs)}.card .card-actions .btn i{margin-right:2px}}@media (max-width:480px){.card{padding:var(--space-md)}.card .card-actions{flex-direction:column}.card .card-actions .btn{width:100%}}.toast-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:2000}.toast{align-items:center;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 8px 20px #0000002e;display:flex;gap:12px;margin-bottom:16px;max-width:500px;min-width:300px;opacity:0;padding:16px 24px;pointer-events:auto;transform:translateX(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-show{animation:slideInRight .3s ease-out;opacity:1;transform:translateX(0)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-hide{animation:slideOutRight .3s ease-in}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-message{color:#2b2b2b;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .3s ease;width:24px}.toast-close:hover{background:#0000000d;color:#2b2b2b}.toast-success{background:#fff;border-left-color:#28a745}.toast-success .toast-icon{color:#28a745}.toast-error{background:#fff;border-left-color:#dc3545}.toast-error .toast-icon{color:#dc3545}.toast-warning{background:#fff;border-left-color:#ffc107}.toast-warning .toast-icon{color:#ffc107}.toast-info{background:#fff;border-left-color:#17a2b8}.toast-info .toast-icon{color:#17a2b8}.toast-progress{animation:progress 3s linear;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:576px){.toast-container{left:16px;right:16px;top:16px}.toast{max-width:100%;min-width:auto}}.alert{align-items:flex-start;animation:slideInFade .3s ease;background:var(--surface-color);border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md)}@keyframes slideInFade{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.alert-info{background-color:#cff4fc;background:linear-gradient(90deg,#17a2b80d,#0000);border-left-color:#0dcaf0;color:#055160}.alert-success{background-color:#d1e7dd;background:linear-gradient(90deg,#28a7450d,#0000);border-left-color:var(--success-color);color:#0f5132}.alert-warning{background-color:#fff3cd;background:linear-gradient(90deg,#fab31b0d,#0000);border-left-color:var(--primary-color);color:#664d03}.alert-danger{background:linear-gradient(90deg,#dc35450d,#0000);border-left-color:var(--danger-color)}.alert-success-light{background:#27ae601a;border-left:1px solid var(--success-color);border:1px solid var(--success-color);color:var(--success-color)}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-content{flex:1 1}.alert-title{color:var(--text-color);font-weight:600;margin-bottom:4px}.alert-message{color:var(--text-secondary);font-size:var(--font-size-sm)}.notification{align-items:flex-start;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);position:relative}.notification-info{border-left:4px solid var(--info-color)}.notification-warning{border-left:4px solid var(--warning-color)}.notification-content{flex:1 1}.notification-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.close-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;height:24px;line-height:1;padding:0;position:absolute;right:var(--space-sm);top:var(--space-sm);width:24px}.close-btn:hover{color:var(--text-color)}.badge{align-items:center;background:#0000;border:2px solid;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-semibold);gap:4px;letter-spacing:.025em;padding:4px 10px;text-transform:uppercase}.badge-primary{border-color:currentColor;color:var(--primary-color)}.badge-secondary{border-color:currentColor;color:var(--text-secondary)}.badge-success{border-color:currentColor;color:var(--success-color)}.badge-danger{border-color:currentColor;color:var(--danger-color)}.badge-warning{border-color:currentColor;color:var(--warning-color)}.badge-info{color:var(--info-color)}.badge-info,.badge-light{border-color:currentColor}.badge-light{color:var(--text-secondary)}.badge-dark{border-color:currentColor;color:var(--secondary-color)}.badge-outline{align-items:center;background:#0000;border:2px solid;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family);font-size:12px;font-weight:var(--font-weight-semibold);gap:4px;letter-spacing:.025em;line-height:1;padding:4px 10px;text-transform:uppercase}.badge-outline-success{border-color:currentColor;color:var(--success-color)}.badge-outline-danger{border-color:currentColor;color:var(--danger-color)}.badge-outline-warning{border-color:currentColor;color:var(--warning-color)}.badge-outline-info{border-color:currentColor;color:var(--info-color)}.badge-outline-secondary{border-color:currentColor;color:var(--secondary-color)}.badge-outline-admin{border-color:currentColor;color:#667eea}.badge-outline-empresa{border-color:currentColor;color:#f093fb}.badge-outline-socio{border-color:currentColor;color:#4facfe}.badge-outline-user{border-color:currentColor;color:#43e97b}.badge-outline-externo{border-color:currentColor;color:#6c757d}.progress{background:var(--surface-color);border-radius:var(--radius-md);height:24px;margin-bottom:var(--space-md);overflow:hidden}.progress-bar{align-items:center;background:var(--primary-color);color:var(--secondary-color);display:flex;font-size:var(--font-size-sm);font-weight:600;height:100%;justify-content:center;transition:width .3s ease}.progress-bar.bg-success{background:var(--success-color);color:#fff}.progress-bar.bg-warning{background:var(--warning-color);color:var(--secondary-color)}.progress-bar.bg-danger{background:var(--danger-color);color:#fff}.progress-bar.bg-info{background:var(--info-color);color:#fff}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.logo-container{align-items:center;display:inline-flex}.logo-container-clickable{cursor:pointer}.logo-container-small,.logo-container-xs{gap:8px}.logo-container-large,.logo-container-medium,.logo-container-xl{gap:12px}.logo-xs{height:24px;width:auto}.logo-small{height:32px;width:auto}.logo-medium{height:48px;width:auto}.logo-large{height:64px;width:auto}.logo-xl{height:96px;width:auto}.logo{transition:transform .3s ease}.logo-text{font-weight:600}.logo-text-xs{font-size:.875rem}.logo-text-small{font-size:1rem}.logo-text-medium{font-size:1.25rem}.logo-text-large{font-size:1.5rem}.logo-text-xl{font-size:2rem}.logo-text-default{color:var(--secondary-color)}.logo-text-white{color:#fff}.logo-text-dark{color:var(--text-color)}.logo-large .fa-wrench{font-size:48px}.logo-medium .fa-wrench,.logo-small .fa-wrench{font-size:32px}.logo-xs .fa-wrench{font-size:24px}.logo-xl .fa-wrench{font-size:64px}.login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg);position:relative}.login-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.login-background-overlay{animation:rotate 120s linear infinite;background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-card{animation:slideUp .5s ease-out;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:var(--space-xl);position:relative;width:100%;z-index:1}.login-header{margin-bottom:var(--space-xl);text-align:center}.login-title{color:var(--secondary-color);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs);margin-top:var(--space-md)}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}.login-form{margin-top:var(--space-lg)}.login-form .form-group{margin-bottom:var(--space-md)}.login-form .form-label{color:var(--secondary-color);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.login-form .form-label i{color:var(--primary-color);margin-right:var(--space-xs)}.input-group .form-control{padding-right:45px}.btn-input-addon{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;transition:color .3s ease;width:45px}.btn-input-addon:hover{color:var(--primary-color)}.form-check{gap:var(--space-sm)}.form-check-input{accent-color:var(--primary-color)}.form-check-label{color:var(--text-secondary)}.btn-block{margin-top:var(--space-lg)}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-lg)}.login-footer{margin-top:var(--space-lg);text-align:center}.login-link{color:var(--primary-color);font-size:var(--font-size-sm);text-decoration:none;transition:color .3s ease}.login-link:hover{color:var(--primary-hover);text-decoration:underline}.login-divider{margin:var(--space-lg) 0;position:relative;text-align:center}.login-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;padding:0 var(--space-md);position:relative}.login-alternative,.login-divider span{color:var(--text-secondary);font-size:var(--font-size-sm)}.login-alternative{text-align:center}.form-control.is-invalid{background-image:none;border-color:var(--danger-color)}.invalid-feedback{animation:shake .3s ease;color:var(--danger-color);display:block;font-size:var(--font-size-sm);margin-top:var(--space-xs)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.fa-spin{animation:fa-spin 1s linear infinite;display:inline-block}@media (prefers-reduced-motion:reduce){.fa-spin{animation:fa-spin 1s linear infinite!important}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verification-success-icon{color:var(--success-color);font-size:64px;margin-bottom:var(--space-md)}.verification-code-container{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.verification-code-input{font-size:24px;font-weight:600;height:56px;padding:0;text-align:center;width:48px}@media (max-width:768px){.login-container{padding:var(--space-md)}.login-card{border-radius:var(--radius-lg);padding:var(--space-lg)}.login-title{font-size:var(--font-size-2xl)}.login-background-overlay{animation-duration:180s}}@media (max-width:480px){.login-card{max-width:100%;padding:var(--space-md)}.login-title{font-size:var(--font-size-xl)}.btn-lg{font-size:var(--font-size-base)}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;width:100%}.main-content,.styleguide-container{padding:var(--space-lg)}.styleguide-header{background:var(--gradient-subtle);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);text-align:center}.styleguide-header h1{color:var(--primary-color);font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.styleguide-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.styleguide-content{margin-top:var(--space-xl)}.tabs{flex-wrap:wrap;margin-bottom:var(--space-xl)}.tab,.tabs{gap:var(--space-xs)}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);transition:all .3s ease}.tab.active,.tab:hover{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color)}.tab i{font-size:1.2em}.section{animation:fadeIn .3s ease}.section h2{border-bottom:2px solid var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.section h2,.section h3{color:var(--secondary-color)}.section h3{font-size:var(--font-size-xl);margin-bottom:var(--space-md);margin-top:var(--space-xl)}.color-group{margin-bottom:var(--space-xl)}.color-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:var(--space-md)}.color-item{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.color-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-sample{height:100px;width:100%}.color-info{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm)}.color-name{color:var(--secondary-color);font-weight:var(--font-weight-semibold)}.color-code{color:var(--text-color);font-size:var(--font-size-sm)}.color-code,.color-var{font-family:var(--font-family-mono)}.color-var{color:var(--text-secondary);font-size:var(--font-size-xs)}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.form-row{grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row,.stats-grid{display:grid;gap:var(--space-md)}.stats-grid{grid-gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-md)}.stat-card .card-content{align-items:center;display:flex;gap:var(--space-md)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.stat-icon.bg-primary{background:var(--primary-color)}.stat-icon.bg-success{background:var(--success-color)}.stat-icon.bg-warning{background:var(--warning-color)}.stat-icon.bg-info{background:var(--info-color)}.stat-details h3{color:var(--secondary-color);font-size:var(--font-size-2xl);margin:0}.stat-details p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:4px 0}.stat-trend-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.stat-trend-indicator.positive{color:var(--success-color)}.stat-trend-indicator.negative{color:var(--danger-color)}.stat-trend-indicator.neutral{color:var(--text-secondary)}.vehicle-icon{margin:var(--space-md) 0;text-align:center}.card-stats{background:var(--surface-color);border-radius:var(--radius-sm);display:flex;justify-content:space-around;margin-top:var(--space-md);padding:var(--space-sm)}.stat{text-align:center}.stat-label{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);text-transform:uppercase}.stat-value{color:var(--secondary-color);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.typography-demo{background:var(--surface-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.text-example{margin:var(--space-sm) 0}.icon-large{font-size:48px}.icon-primary{color:var(--primary-color)}.icon-secondary{color:var(--secondary-color)}.icon-success{color:var(--success-color)}.icon-warning{color:var(--warning-color)}.icon-info{color:var(--info-color)}.vehicle-icon-large{color:var(--primary-color);font-size:80px}.color-sample-hover{overflow:hidden;position:relative}.color-sample-hover:after{background:#fff3;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.color-item:hover .color-sample-hover:after{opacity:1}.margin-bottom-sm{margin-bottom:10px}.margin-top-md{margin-top:1rem}.display-grid{display:grid}.display-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.grid-columns-2{grid-template-columns:1fr 1fr}.gap-md{gap:var(--space-md)}.gap-lg{gap:2rem}.line-height-relaxed{line-height:1.8}.pre-code{background:var(--surface-color);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;overflow-x:auto;padding:var(--space-md)}.navbar-icon-badge{background:#0000000d;border-radius:50%;height:24px;width:24px}.navbar-icon-badge,.tab-content-placeholder{align-items:center;display:flex;justify-content:center}.tab-content-placeholder{background:var(--surface-color);border-radius:var(--radius-md);min-height:300px;padding:2rem;text-align:center}.card-max-width-400{max-width:400px}.image-cover{height:180px;object-fit:cover}.font-size-sm{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.background-transparent{background:#0000}.border-none{border:none}.padding-xs{padding:var(--space-xs)}.dot-indicator{background:currentColor;border-radius:50%;display:inline-block;height:4px;width:4px}.navbar-link-dashed{border-bottom:2px dashed #2b2b2b4d;border-radius:0;padding-bottom:6px}.navbar-link-bold{font-weight:600}.copy-notification{animation:slideInUp .3s ease;background:var(--secondary-color);border-radius:var(--radius-md);bottom:var(--space-lg);box-shadow:var(--shadow-lg);color:#fff;padding:var(--space-sm) var(--space-md);position:fixed;right:var(--space-lg);z-index:var(--z-index-tooltip)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-content,.styleguide-container{padding:var(--space-md)}.tabs{overflow-x:auto}.tab span{display:none}.color-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card-grid,.stats-grid{grid-template-columns:1fr}}.min-width-50{min-width:50px}.min-width-80{min-width:80px}.min-width-100{min-width:100px}.min-width-120{min-width:120px}.min-width-220{min-width:220px}.nowrap{white-space:nowrap}.cursor-pointer{cursor:pointer}@media (max-width:767px){.table .btn-group .btn-size-sm{align-items:center;border-radius:var(--radius-md);display:inline-flex;height:36px;justify-content:center;margin-right:4px;padding:0;width:36px}.table .btn-group .btn-size-sm:last-child{margin-right:0}.table .btn-group{display:flex;gap:0}}.table-container{background:#fff;border:1px solid var(--border-color-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block;overflow-x:auto}.table{border-collapse:collapse;font-family:var(--font-family);min-width:1000px;table-layout:auto;width:100%}.table thead{background:var(--surface-color);border-bottom:2px solid var(--border-color-dark)}.table th{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:var(--line-height-normal);text-transform:uppercase;white-space:nowrap}.table td,.table th{font-family:var(--font-family);padding:var(--space-md) var(--space-lg);text-align:center}.table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:14px;font-weight:var(--font-weight-normal);line-height:1.5;vertical-align:middle}.table tbody tr{transition:var(--transition-base)}.table tbody tr:hover{background:#fab31b08;transition:var(--transition-fast)}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--surface-color);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.table-desktop{display:block}.table-mobile,.table-responsive-cards{display:none}@media (max-width:768px){.table-desktop{display:none}.table-mobile{display:block}.table{font-size:var(--font-size-sm)}.table td,.table th{padding:var(--space-xs) var(--space-sm)}.table-responsive{margin:0 -.5rem;padding:0 .5rem}}@media (max-width:575px){.table-responsive{display:none}.table-responsive-cards{display:block}}@media (min-width:576px) and (max-width:767px){.table-responsive{display:block}.table-responsive-cards{display:none}}.table td *{line-height:1.5}.table td a,.table td span:not(.badge){font-size:14px}.approver-info i,.badge i,.contact-info i,.table i.fa,.table i.far,.table i.fas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Font Awesome\ 5 Free!important;font-style:normal!important;font-weight:900!important}.contact-cell{min-width:220px}.contact-info{align-items:center;display:inline-flex;flex-direction:column;gap:4px;justify-content:center;text-align:center;vertical-align:middle}.contact-info .email-link,.contact-info .phone-link{align-items:center;color:var(--text-color);display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-normal);justify-content:center;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.contact-info .email-link:hover,.contact-info .phone-link:hover{color:var(--primary-color)}.contact-info .email-link i,.contact-info .phone-link i,.contact-info .text-muted i{color:var(--text-secondary);display:inline-block;flex-shrink:0;font-size:12px!important;width:16px}.contact-info .text-muted{align-items:center;color:var(--text-secondary);display:inline-flex;font-family:var(--font-family);font-size:14px;font-style:italic;font-weight:var(--font-weight-normal);justify-content:center}.user-info{align-items:center;display:flex;gap:var(--space-sm)}.approver-info{align-items:center;color:var(--text-secondary);display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-normal);gap:4px}.approver-info i{color:var(--primary-color);display:inline-block;font-size:12px!important;margin-right:4px}.approver-info.no-approver{color:var(--text-secondary);font-style:italic;opacity:.7}.approver-info.no-approver i{color:var(--text-secondary);display:inline-block;font-size:12px!important}.table td:nth-child(4),.table td:nth-child(6),.table th:nth-child(4),.table th:nth-child(6){text-align:center}.action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;white-space:nowrap}.table .action-buttons{gap:4px}.table td:last-child{white-space:nowrap}.sortable-header{cursor:pointer;position:relative;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#fab31b14;color:var(--primary-color)}.sortable-header:active{background-color:#fab31b26}.sort-icon-neutral{font-size:.75rem;margin-left:.25rem;opacity:.3;transition:opacity var(--transition-fast)}.sortable-header:hover .sort-icon-neutral{opacity:.6}.sort-icon-active{color:var(--primary-color);font-size:.75rem;margin-left:.25rem;opacity:1}.logo-container{transition:transform .3s ease}.logo-container.hover-scale:hover{transform:scale(1.05)}.logo-white{filter:brightness(0) invert(1)}.logo-dark{filter:brightness(0)}.navbar-brand-link{display:block;text-decoration:none!important}.flex-row-gap-2{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem}.bg-primary-padded{background:var(--primary-color);padding:1rem}.grid-gap-1{grid-gap:1rem;display:grid;gap:1rem}.white-card-bordered{background:#fff;border:1px solid #e0e0e0;border-radius:8px}.border-right-black-3{border-right:3px solid #000}.text-small-secondary{color:var(--text-secondary);font-size:.875rem}.margin-left-auto{margin-left:auto}.icon-small{font-size:.75rem}.icon-tiny{font-size:.6rem}.icon-extra-tiny{font-size:.7rem}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.margin-left-4{margin-left:4px}.margin-left-6{margin-left:6px}.color-secondary{color:var(--secondary-color)}.navbar{background:var(--background-color);border-bottom:2px solid var(--primary-color);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-base);width:100%;z-index:1000}.container.navbar-container{align-items:center;display:flex;justify-content:space-between;max-width:1400px;min-height:80px;padding-bottom:.75rem;padding-left:var(--space-lg);padding-right:var(--space-lg);padding-top:.75rem;position:relative}.navbar-brand{align-items:center;display:flex;padding:0;text-decoration:none;transition:var(--transition-base)}.navbar-brand:hover{opacity:.9;text-decoration:none}.navbar-logo{display:block;height:40px;max-height:40px;object-fit:contain;transition:height .3s ease;width:auto}.navbar-menu{align-items:center;display:flex;gap:var(--space-lg);list-style:none;margin:0 0 0 auto;padding:0}.navbar-item,.navbar-link{position:relative}.navbar-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--secondary-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--space-sm);height:45px;line-height:1;padding:var(--space-xs) var(--space-md);text-decoration:none;transition:var(--transition-base)}.navbar-link:hover{background:#fab31b1a;color:var(--primary-color);text-decoration:none}.navbar-link i{margin-right:.25rem}.navbar-link-dropdown{background:#0000;border:2px solid #0000;font-family:inherit;font-weight:500;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);position:relative}.navbar-link-dropdown:hover{background:#0000;border-color:#fab31b33}.navbar-link-dropdown span{font-weight:500}.navbar-link-dropdown .fa-caret-down{font-size:.9rem;margin-left:4px;opacity:.6;transition:transform .3s ease}.navbar-link-dropdown:hover .fa-caret-down{opacity:1}.navbar-link-dropdown .fa-caret-down.rotated{transform:rotate(-180deg)}.navbar-link-dropdown:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:20px}.navbar-link-dropdown:hover:after{transform:translateX(-50%) scaleX(1)}.navbar-link.active{color:var(--primary-color);font-weight:600}.navbar-link.active:after{background:var(--primary-color);border-radius:2px;bottom:-2px;content:"";height:3px;left:var(--space-sm);position:absolute;right:var(--space-sm)}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{align-items:center;display:flex;gap:var(--space-xs)}.navbar-dropdown-toggle:after{content:"▼";font-size:.75em;transition:var(--transition-base)}.navbar-dropdown.active .navbar-dropdown-toggle:after{transform:rotate(180deg)}.navbar-dropdown-menu{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:200px;opacity:0;padding-top:10px;position:absolute;top:calc(100% - 5px);transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:1001}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-menu:before{background:#0000;content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.navbar-dropdown-link{align-items:center;color:var(--text-color);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:var(--transition-base)}.navbar-dropdown-link:hover{background:var(--surface-color);color:var(--primary-color)}.navbar-dropdown-link i{font-size:1rem;text-align:center;width:20px}.navbar-button-as-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;outline:none;text-align:left;width:100%}.navbar-button-as-link:focus{outline:none}.dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-xs) 0}.navbar-actions{align-items:center;display:flex;gap:var(--space-md)}.navbar-icon-btn{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:1.25rem;padding:var(--space-xs);position:relative;transition:var(--transition-base)}.navbar-icon-btn:hover{color:var(--primary-color)}.navbar-icon-btn .badge{font-size:.625rem;padding:.2em .4em;position:absolute;right:-4px;top:-4px}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:30px;z-index:1002}.hamburger span{background:var(--secondary-color);border-radius:10px;height:3px;transform-origin:center;transition:var(--transition-base);width:30px}.hamburger.active span:first-child{transform:rotate(45deg) translateY(8px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.navbar-mobile-menu{background:#fff;box-shadow:0 10px 30px #00000026;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:1001}.navbar-mobile-menu.active{max-height:calc(100vh - 80px);opacity:1;overflow-y:auto}.navbar-mobile-list{list-style:none;margin:0;padding:0}.navbar-mobile-item{border-bottom:1px solid #0000001a}.navbar-mobile-link{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;text-decoration:none;transition:var(--transition-base);width:100%}.navbar-mobile-link.active,.navbar-mobile-link:hover{background:#0000000d;transform:translateX(4px)}.navbar-mobile-link.active{border-left:3px solid #000;font-weight:600}.navbar-mobile-link i{font-size:1.1rem;margin-right:var(--space-xs);text-align:center;width:24px}.navbar-mobile-dropdown-toggle{position:relative}.navbar-mobile-dropdown-toggle span:first-of-type{flex:1 1;text-align:left}.dropdown-indicator{align-items:center;display:flex;gap:var(--space-xs);margin-left:auto}.dropdown-badge{background:#0000001a;border-radius:12px;color:#0009;font-size:.75rem;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.navbar-mobile-link:hover .dropdown-badge{background:#000;color:#fff}.dropdown-indicator .fa-angle-right{color:#0006;font-size:1.2rem;transition:transform .3s ease}.navbar-mobile-link:hover .fa-angle-right{color:#000}.dropdown-indicator .fa-angle-right.rotated{transform:rotate(90deg)}.navbar-mobile-submenu{background:#00000008;padding:var(--space-xs) 0}.navbar-mobile-sublink{align-items:center;color:#000;display:flex;font-size:.95rem;gap:var(--space-md);opacity:.7;padding:var(--space-sm) var(--space-lg);padding-left:calc(var(--space-xl) + var(--space-lg));text-decoration:none;transition:var(--transition-base)}.navbar-mobile-sublink:hover{background:#0000000d;opacity:1;transform:translateX(2px)}.navbar-overlay{background:#00000080;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.navbar-overlay.active{display:block;opacity:1}.navbar-demo{margin:-1rem -1rem 2rem}.navbar-minimal-demo{background:var(--surface-color);border-radius:var(--radius-md);padding:1rem}.navbar-minimal{align-items:center;display:flex;gap:var(--space-xl)}.navbar-minimal-brand{font-size:var(--font-size-lg);font-weight:700}.navbar-minimal-links{display:flex;flex:1 1;gap:var(--space-lg)}.navbar-minimal-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-base)}.navbar-minimal-link.active,.navbar-minimal-link:hover{color:var(--text-color)}.navbar-search-demo{background:var(--secondary-color);border-radius:var(--radius-md);padding:1rem}.navbar-search{align-items:center;display:flex;gap:var(--space-lg)}.navbar-search-brand{align-items:center;color:var(--primary-color);display:flex;font-size:var(--font-size-lg);font-weight:700;gap:.5rem}.navbar-search-box{flex:1 1;max-width:400px;position:relative}.navbar-search-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-base);padding:var(--space-sm);padding-left:2.5rem;width:100%}.navbar-search-icon{color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.navbar-search-actions{display:flex;gap:var(--space-md);margin-left:auto}.tabs{border-bottom:2px solid var(--border-color);display:flex;gap:0}.tab-item{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:var(--transition-base)}.tab-item:hover:not(:disabled){background:var(--surface-color);color:var(--text-color)}.tab-item.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.tab-item:disabled{cursor:not-allowed;opacity:.5}.breadcrumb{align-items:center;display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-base)}.breadcrumb-link:hover{color:var(--primary-color)}.breadcrumb-separator{color:var(--text-secondary);opacity:.5}.breadcrumb-current{color:var(--text-color);font-weight:500}.sidebar-demo{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:250px 1fr;height:400px}.sidebar{background:var(--surface-color);border-radius:var(--radius-md);padding:var(--space-lg)}.sidebar-responsive-demo{border-radius:var(--radius-md);min-height:400px;overflow:hidden;position:relative}.sidebar-responsive{background:#fff;box-shadow:2px 0 20px #0000001a;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1002}.sidebar-responsive.active{transform:translateX(300px)}.sidebar-responsive-sm{background:#fff;box-shadow:2px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1002}.sidebar-responsive-sm.active{transform:translateX(280px)}.sidebar-responsive-md{background:#fff;box-shadow:2px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:-400px;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:400px;z-index:1002}.sidebar-responsive-md.active{transform:translateX(400px)}.sidebar-responsive-lg{background:#fff;box-shadow:2px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;left:-500px;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:500px;z-index:1002}.sidebar-responsive-lg.active{transform:translateX(500px)}@media (max-width:768px){.sidebar-responsive-lg,.sidebar-responsive-md,.sidebar-responsive-sm{left:-100%;width:100%}.sidebar-responsive-lg.active,.sidebar-responsive-md.active,.sidebar-responsive-sm.active{transform:translateX(100%)}}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-lg)}.sidebar-logo{height:50px;object-fit:contain;width:auto}.sidebar-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:var(--transition-base);width:32px}.sidebar-close:hover{background:var(--surface-color);color:var(--text-color)}.sidebar-title{align-items:center;color:var(--primary-color);display:flex;gap:var(--space-sm);margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg)}.sidebar-responsive .sidebar-nav{padding:var(--space-md)}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:var(--transition-base)}.sidebar-link:hover{background:#fab31b1a;color:var(--text-color)}.sidebar-link.active{background:var(--primary-color);color:var(--secondary-color);font-weight:600}.sidebar-link i{text-align:center;width:20px}.sidebar-link .badge{margin-left:auto}.sidebar-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-md) 0}.sidebar-content{background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:center;padding:var(--space-lg)}.sidebar-content,.stepper{align-items:center;display:flex}.stepper{justify-content:space-between;margin:var(--space-lg) auto;max-width:500px}.stepper-item{flex-direction:column;gap:var(--space-sm);position:relative}.stepper-circle,.stepper-item{align-items:center;display:flex}.stepper-circle{background:var(--background-color);border:3px solid var(--border-color);border-radius:50%;font-weight:600;height:48px;justify-content:center;transition:var(--transition-base);width:48px}.stepper-item.active .stepper-circle{background:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.stepper-item.completed .stepper-circle{background:var(--success-color);border-color:var(--success-color);color:#fff}.stepper-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.stepper-item.active .stepper-label,.stepper-item.completed .stepper-label{color:var(--text-color)}.stepper-line{background:var(--border-color);flex:1 1;height:3px;margin:0 var(--space-sm)}.page-header{margin-bottom:var(--space-xl)}.page-header h1{align-items:center;color:var(--secondary-color);display:flex;font-family:var(--font-family);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-sm);line-height:var(--line-height-tight);margin-bottom:var(--space-xs)}.page-header h1 i{color:var(--primary-color)}.page-description{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-base)}.empty-state,.error-state,.loading-state{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xxl);text-align:center}.empty-state i,.error-state i,.loading-state i{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);opacity:.5}.loading-state{color:var(--info-color)}.error-state{color:var(--danger-color)}.empty-state{color:var(--text-secondary)}.view-container{background:var(--background-color);display:flex;flex-direction:column;min-height:100vh}.view-main{flex:1 1;padding:var(--space-xl) 0}@media (max-width:575px){.hamburger{display:flex}.navbar-mobile{display:block}.navbar-menu{display:none}.container.navbar-container{min-height:70px;padding:.5rem}.navbar-brand{margin-left:.5rem;padding:.25rem}.tabs{flex-wrap:nowrap;overflow-x:auto}.tab-item span{display:none}}@media (max-width:375px){.navbar-logo{height:35px;max-height:35px}}@media (min-width:376px) and (max-width:575px){.navbar-logo{height:40px;max-height:40px}}@media (min-width:576px) and (max-width:767px){.navbar-logo{height:45px;max-height:45px}}@media (min-width:768px) and (max-width:991px){.navbar-logo{height:50px;max-height:50px}.navbar-link{font-size:.95rem;height:40px}}@media (min-width:992px) and (max-width:1199px){.navbar-logo{height:60px;max-height:60px}.navbar-link{font-size:1rem;height:45px}}@media (min-width:1200px){.navbar-logo{height:70px;max-height:70px}.navbar-link{font-size:1.1rem;height:50px}}.documentos-cards-grid{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.documento-card{background:var(--background-color);border:var(--border-width) solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:var(--transition-base)}.documento-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.documento-card-header{align-items:flex-start;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.documento-card-icon{align-items:center;background:var(--surface-color);border:var(--border-width) solid var(--border-color-light);border-radius:var(--radius-md);color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.documento-card-info{flex:1 1;min-width:0}.documento-card-filename{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-xs) 0;word-break:break-word}.documento-card-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-xs)}.documento-card-size{font-weight:var(--font-weight-medium)}.documento-card-separator{color:var(--border-color)}.documento-vencimiento-badge{align-items:center;border:var(--border-width) solid;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-sm)}.documento-vencimiento-badge i{font-size:var(--font-size-base)}.vencimiento-vencido{background:#fef2f2;border-color:#fecaca;color:var(--danger-color)}.vencimiento-proximo{background:#fffbeb;border-color:#fde68a;color:#92400e}.vencimiento-medio-plazo{background:#eff6ff;border-color:#bfdbfe;color:var(--info-color)}.vencimiento-vigente{background:#f0fdf4;border-color:#bbf7d0;color:var(--success-color)}.vencimiento-sin-vencimiento{background:var(--surface-color);border-color:var(--border-color-light);color:var(--text-secondary)}.documento-card-actions{display:flex;gap:var(--space-xs)}.documento-card-actions .btn{flex:1 1;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.documentos-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-xxl)}.documentos-loading i{color:var(--primary-color);font-size:2rem}.documentos-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-xxl);text-align:center}.documentos-empty i{color:var(--border-color);font-size:4rem;margin-bottom:var(--space-lg)}.documentos-empty h4{color:var(--text-color);font-size:var(--font-size-lg);margin:0 0 var(--space-xs) 0}.documentos-empty p{font-size:var(--font-size-base);margin:0}.documentos-actions-header{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg) 0 var(--space-lg)}.documentos-actions-header .btn{flex:1 1;min-width:150px}@media (max-width:480px){.documento-card{padding:var(--space-sm)}.documento-card-actions{flex-direction:column}.documento-card-actions .btn{width:100%}.documentos-cards-grid{padding:var(--space-md)}.documentos-actions-header{flex-direction:column;padding:var(--space-md) var(--space-md) 0 var(--space-md)}.documentos-actions-header .btn{min-width:0;width:100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-loading,.btn.loading{color:#0000!important;cursor:wait;pointer-events:none;position:relative}.btn-loading:after,.btn.loading:after{animation:spin .75s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.btn-light.btn-loading:after,.btn-light.loading:after,.btn-outline-danger.loading:after,.btn-outline-info.loading:after,.btn-outline-primary.loading:after,.btn-outline-secondary.loading:after,.btn-outline-success.loading:after,.btn-outline-warning.loading:after{border-color:#333 #0003 #0003}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:.5rem;height:var(--button-height);justify-content:center;line-height:1;padding:0 var(--space-lg);text-align:center;text-decoration:none;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:var(--gradient-primary);color:var(--secondary-color)}.btn-primary:hover{background:#e6a014}.btn-secondary{background:var(--gradient-secondary);color:var(--primary-color)}.btn-secondary:hover{background:#3c3c3c}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#c82333}.btn-warning{background:var(--warning-color);color:var(--secondary-color)}.btn-warning:hover{background:#e6a014}.btn-info{background:var(--info-color);color:#fff}.btn-info:hover{background:#117a8b}.btn-light{background:var(--surface-color);color:var(--text-color)}.btn-light:hover{background:#e2e6ea}.btn-dark{background:var(--secondary-color);color:var(--primary-color)}.btn-dark:hover{background:#23272b}.btn-outline-primary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);color:var(--secondary-color)}.btn-outline-secondary{background:#0000;border:2px solid var(--secondary-color);color:var(--secondary-color)}.btn-outline-secondary:hover{background:var(--secondary-color);color:var(--primary-color)}.btn-outline-success{background:#0000;border:2px solid var(--success-color);color:var(--success-color)}.btn-outline-success:hover{background:var(--success-color);color:#fff}.btn-outline-danger{background:#0000;border:2px solid var(--danger-color);color:var(--danger-color)}.btn-outline-danger:hover{background:var(--danger-color);color:#fff}.btn-outline-warning{background:#0000;border:2px solid var(--warning-color);color:var(--warning-color)}.btn-outline-warning:hover{background:var(--warning-color);color:var(--secondary-color)}.btn-outline-info{background:#0000;border:2px solid var(--info-color);color:var(--info-color)}.btn-outline-info:hover{background:var(--info-color);color:#fff}.btn-size-sm,.btn-sm{font-size:var(--font-size-sm);height:var(--button-height-sm);padding:0 var(--space-sm)}.btn-lg,.btn-size-lg{font-size:var(--font-size-lg);height:var(--button-height-lg);padding:0 var(--space-xl)}.btn-icon-only{align-items:center;aspect-ratio:1;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;height:var(--button-height);justify-content:center;line-height:1;min-height:var(--button-height);min-width:var(--button-height);padding:0;width:var(--button-height)}.btn-icon-only.btn-size-sm{height:var(--button-height-sm);min-height:var(--button-height-sm);min-width:var(--button-height-sm);width:var(--button-height-sm)}.btn-icon-only.btn-size-lg{height:var(--button-height-lg);min-height:var(--button-height-lg);min-width:var(--button-height-lg);width:var(--button-height-lg)}.btn-with-icon{align-items:center;display:inline-flex;gap:var(--space-xs)}.btn-with-icon i,.btn-with-icon svg{font-size:1.2em}.btn-group{border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0;flex:1 1 auto;margin:0}.btn-group .btn:not(:last-child){border-right:1px solid #0000001a}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:only-child,.btn-group-vertical{border-radius:var(--radius-md)}.btn-group-vertical{display:inline-flex;flex-direction:column;overflow:hidden}.btn-group-vertical .btn{border-radius:0;margin:0;width:100%}.btn-group-vertical .btn:not(:last-child){border-bottom:1px solid #0000001a}.btn-group-vertical .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.btn-group-vertical .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.toolbar .btn{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);height:var(--button-height-sm);padding:0 var(--space-md)}.toolbar .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.toolbar .btn i{font-size:var(--font-size-xs)}.btn-block{display:block;width:100%}.btn-link{background:#0000;border:none;color:var(--primary-color);font-weight:var(--font-weight-normal);min-height:auto;padding:0;text-decoration:underline}.btn-link:hover{box-shadow:none;color:var(--secondary-color);text-decoration:none;transform:none}.btn-link-download{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:inherit;gap:.5rem;padding:0;text-decoration:none;transition:var(--transition-base)}.btn-link-download:hover{box-shadow:none;color:#e6a014;color:var(--primary-hover,#e6a014);text-decoration:underline;transform:none}.btn-link-download i{font-size:.875em}.btn-fab{align-items:center;border-radius:var(--radius-full);bottom:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-lg);width:56px;z-index:var(--z-index-fixed)}.btn-fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.btn-fab-mini{height:40px;width:40px}.btn-ghost-primary{background:#0d6efd1a;border:none;color:#0d6efd}.btn-ghost-primary:hover{background:#0d6efd;color:#fff;transform:scale(1.05)}.btn-ghost-success{background:#28a7451a;border:none;color:#28a745}.btn-ghost-success:hover{background:#28a745;color:#fff;transform:scale(1.05)}.btn-ghost-warning{background:#ffc1071a;border:none;color:#ffc107}.btn-ghost-warning:hover{background:#ffc107;color:#fff;transform:scale(1.05)}.btn-ghost-danger{background:#dc35451a;border:none;color:#dc3545}.btn-ghost-danger:hover{background:#dc3545;color:#fff;transform:scale(1.05)}.btn-ghost-info{background:#17a2b81a;border:none;color:#17a2b8}.btn-ghost-info:hover{background:#17a2b8;color:#fff;transform:scale(1.05)}.btn-table-action{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-base);height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;width:36px}@media (max-width:768px){.btn-table-action{height:32px;min-height:32px;min-width:32px;width:32px}}@media (max-width:480px){.btn-table-action{font-size:var(--font-size-sm);height:28px;min-height:28px;min-width:28px;width:28px}}.table-action-buttons{display:flex;gap:var(--space-xs);justify-content:center}.toolbar-btn{align-items:center;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-xs);height:var(--button-height-sm);padding:0 var(--space-md)}.toolbar-btn i{font-size:var(--font-size-xs)}.checkbox-standard{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.btn-pulse{animation:pulse 2s infinite}.btn-ripple{overflow:hidden;position:relative}.btn-ripple:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-ripple:active:before{height:300px;width:300px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideUp .3s ease;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:var(--space-lg)}.modal-header-content{align-items:center;display:flex;gap:var(--space-md)}.modal-title{color:var(--secondary-color);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.modal-icon-confirm{color:var(--primary-color);font-size:1.5rem}.modal-icon-danger{color:var(--danger-color);font-size:1.5rem}.modal-icon-warning{color:var(--warning-color);font-size:1.5rem}.modal-icon-info{color:var(--info-color);font-size:1.5rem}.modal-icon-success{color:var(--success-color);font-size:1.5rem}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:var(--transition-base);width:36px}.modal-close-btn:hover{background:var(--surface-color);color:var(--danger-color)}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{color:var(--text-color);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);overflow-y:auto;padding:var(--space-lg)}.modal-body p{margin-bottom:var(--space-md)}.modal-body p:last-child{margin-bottom:0}.modal-info-list{background:var(--surface-color);border:1px solid var(--border-color-light);border-radius:var(--radius-md);margin:var(--space-md) 0;padding:var(--space-md)}.modal-info-item{border-bottom:1px solid var(--border-color-light);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-xs) 0}.modal-info-item:last-child{border-bottom:none}.modal-info-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.modal-info-value{color:var(--text-color);font-weight:var(--font-weight-semibold)}.modal-footer{background:var(--surface-color);border-top:1px solid var(--border-color-light);display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg)}.modal-footer-split{align-items:center;justify-content:space-between}.modal-footer-info{align-items:center}.modal-footer-actions,.modal-footer-info{display:flex;gap:var(--space-sm)}.modal-footer .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-xs);height:var(--button-height);justify-content:center;min-width:100px;padding:0 var(--space-lg);transition:var(--transition-base)}.modal-footer .btn-primary{background:var(--primary-color);color:var(--secondary-color)}.modal-footer .btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-footer .btn-danger{background:var(--danger-color);color:#fff}.modal-footer .btn-danger:hover{background:#c82333;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-footer .btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-color)}.modal-footer .btn-secondary:hover{background:var(--surface-color);border-color:var(--border-color-dark)}.modal-footer .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-warning-text{color:var(--danger-color);font-family:var(--font-family);line-height:var(--line-height-normal)}.modal-warning-text strong{font-weight:var(--font-weight-semibold)}.modal-users-list{border:1px solid var(--border-color-light);border-radius:var(--radius-md);margin-top:var(--space-md);max-height:200px;overflow-y:auto;padding:var(--space-sm)}.modal-users-list ul{list-style:none;margin:0;padding:0}.modal-users-list li{border-bottom:1px solid var(--border-color-light);padding:var(--space-sm) 0}.modal-users-list li:last-child{border-bottom:none}.modal-users-list strong{color:var(--secondary-color);display:block;margin-bottom:4px}.modal-users-list small{color:var(--text-secondary);font-size:var(--font-size-sm)}.error-boundary{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:var(--z-index-modal-backdrop)}.error-boundary-content{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--space-xl);text-align:center;width:100%}.error-boundary .error-icon{color:var(--danger-color);font-size:48px;margin-bottom:var(--space-md)}.error-boundary h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.error-boundary p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.error-details{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--space-lg) 0;padding:var(--space-md);text-align:left}.error-details summary{color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.error-details pre{word-wrap:break-word;background:#f8f9fa;border-radius:var(--radius-sm);color:var(--danger-color);font-size:var(--font-size-sm);overflow-x:auto;padding:var(--space-sm);white-space:pre-wrap}.error-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.error-actions .btn{min-width:140px}.modal-warning-text{background:#fab31b1a;border-left:3px solid var(--warning-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-sm);margin-top:var(--space-md);padding:var(--space-sm)}.modal-warning-text strong{color:var(--warning-color)}@media (max-width:576px){.modal-container{margin:var(--space-md);max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--space-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.error-boundary-content{margin:var(--space-md);padding:var(--space-lg)}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.form-flex-centered{display:flex;justify-content:center;padding:var(--space-lg) var(--space-md)}.form-card{background:#fff;border:1px solid var(--border-color-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:520px;padding:var(--space-xl);width:100%}.form-width-constrained{max-width:500px}.form-group{margin-bottom:var(--space-sm)}.form-label{color:var(--secondary-color);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.form-control,.form-select,.form-textarea{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-base);height:var(--input-height);padding:0 var(--space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-color-dark)}.form-control:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #fab31b1a;outline:none}.form-select,select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");cursor:pointer;padding-right:calc(var(--space-sm)*3)}.form-select,.form-select:focus,select.form-control,select.form-control:focus{background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em}.form-select:focus,select.form-control:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23FAB31B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.form-control-sm{font-size:var(--font-size-sm);min-height:36px;padding:var(--space-xs) var(--space-sm)}.form-control-lg{font-size:var(--font-size-lg);min-height:52px;padding:var(--space-md) var(--space-lg)}.form-control.disabled,.form-control:disabled{background:var(--surface-color);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-control.error,.form-control.error:focus{border-color:var(--danger-color)}.form-control.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-control:invalid:not(:placeholder-shown){border-color:var(--danger-color)}.form-control:invalid:not(:placeholder-shown):focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc35451a}.input-group{align-items:stretch;display:flex;position:relative}.input-group .form-control{padding-right:50px}.password-toggle{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#fafafa80 100%);border:none;border-left:1px solid #00000014;border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0;bottom:1px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;position:absolute;right:1px;top:1px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.password-toggle:hover{background:var(--primary-color);border-left-color:#0000;color:var(--text-color)}.password-toggle:active{transform:scale(.95)}.password-toggle i{pointer-events:none;transition:transform .2s ease}.password-toggle:hover i{transform:rotate(15deg) scale(1.1)}.password-toggle.active{background:var(--primary-color);border-left-color:#0000;color:var(--text-color)}.password-toggle.active i{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.input-with-icon,.position-relative-container{position:relative}.input-with-icon .form-control{overflow:hidden;padding-right:40px;text-overflow:ellipsis;white-space:nowrap}.input-with-icon .form-control:focus{overflow:visible;text-overflow:clip;white-space:normal}.input-with-icon .form-control.with-icon{padding-left:40px}.input-icon-left{left:12px}.input-icon-left,.input-icon-right{color:var(--primary-color);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-right{background:linear-gradient(90deg,#0000 0,var(--surface-color) 20%);padding-left:10px;right:12px}.input-action-button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;color:var(--text-secondary);cursor:pointer;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.input-action-button:hover{background:var(--background-color);border-color:var(--danger-color);color:var(--danger-color)}.text-overflow-gradient{background:linear-gradient(90deg,#0000 0,var(--surface-color) 50%);border-radius:0 var(--radius-md) var(--radius-md) 0;bottom:1px;opacity:1;pointer-events:none;position:absolute;right:40px;top:1px;transition:opacity .2s ease;width:60px}.input-with-icon:focus-within .text-overflow-gradient{opacity:0}.autocomplete-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid var(--border-color-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:12px;transition:background .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--background-color)}.dropdown-item-icon{align-items:center;background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-color);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.dropdown-item-content{flex:1 1;min-width:0}.dropdown-item-title{color:var(--text-color);font-weight:500;margin-bottom:2px}.dropdown-item-subtitle,.dropdown-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-subtitle{color:var(--text-secondary);font-size:.8rem}.state-empty-centered,.state-loading-centered{align-items:center;color:var(--text-secondary);display:flex;gap:8px;justify-content:center;padding:20px}.state-empty-centered i,.state-loading-centered i{font-size:1.2rem}.form-check{align-items:center;display:flex;margin-bottom:var(--space-sm)}.form-check-input{cursor:pointer;height:20px;margin-right:var(--space-sm);width:20px}.form-check-label{cursor:pointer;-webkit-user-select:none;user-select:none}.form-row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.form-row>*{padding-left:8px;padding-right:8px}.col-md-12{flex:0 0 100%}.col-md-6{flex:0 0 50%}.col-md-4{flex:0 0 33.333333%}.col-md-3{flex:0 0 25%}.col-md-auto{flex:1 1;min-width:0}@media (max-width:767px){[class*=col-md-]{flex:0 0 100%;max-width:100%}}.text-success{color:var(--success-color)}.toolbar{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-md)}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:var(--space-md)}.toolbar-container{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.toolbar-bulk{animation:slideIn var(--animation-duration) ease;background:linear-gradient(135deg,#fab31b0d,#fab31b1a);border:var(--border-width) solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--space-md)}.bulk-actions{gap:var(--space-md);justify-content:space-between}.bulk-actions,.bulk-buttons{align-items:center;display:flex}.bulk-buttons{flex-wrap:wrap;gap:var(--space-sm)}.selected-count{align-items:center;color:var(--secondary-color);display:flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-xs)}.selected-count i{color:var(--primary-color)}.search-box{max-width:100%;position:relative;width:380px}.search-box i{color:var(--text-secondary);font-size:var(--font-size-base);left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);height:var(--input-height);line-height:var(--line-height-normal);padding:0 var(--space-md) 0 calc(var(--space-md)*2.5);transition:var(--transition-base);width:100%}.search-box input::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.search-box input:hover{background:#fff;border-color:var(--border-color)}.search-box input:focus{background:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-focus);outline:none}.search-box.filter-active input{background-color:#fff9e6;border-color:#ffd54f;box-shadow:0 0 0 1px #ffd54f4d}.search-box.filter-active input:hover{background-color:#fff9e6;border-color:#ffc107}.search-box.filter-active input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.pagination-container{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;margin-top:var(--space-xl);padding:var(--space-md)}.pagination-container,.pagination-info{align-items:center;display:flex;gap:var(--space-md)}.pagination-info{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm)}.per-page-selector{align-items:center;display:flex;gap:var(--space-xs)}.per-page-selector label{white-space:nowrap}.per-page-selector select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-width:60px;padding:2px var(--space-xs)}.pagination-controls{align-items:center;display:flex;gap:var(--space-xs);justify-content:center}.pagination-btn{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);gap:6px;padding:var(--space-xs) var(--space-sm);transition:var(--transition-base)}.pagination-btn:hover:not(:disabled){background:var(--surface-color);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:inline-flex;flex-shrink:0;gap:3px;padding:0 var(--space-xs)}.pagination-number,.pagination-numbers{align-items:center;justify-content:center}.pagination-number{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);height:32px;min-width:32px;padding:0 8px;transition:var(--transition-base)}.pagination-number:hover{background:#fab31b0d;border-color:var(--primary-color);color:var(--primary-color)}.pagination-number.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color);font-weight:var(--font-weight-semibold)}.pagination-dots{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);justify-content:center;min-width:16px;padding:0 2px;text-align:center}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.filters-panel{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-sm)}.filters-panel-row{align-items:center;display:flex;gap:var(--space-sm)}.filters-divider{background:linear-gradient(90deg,#0000 0,var(--border-color) 20%,var(--border-color) 80%,#0000 100%);height:1px;margin:var(--space-xs) 0}.results-counter{align-items:center;background:#fab31b1a;border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.results-counter strong{color:var(--primary-color);font-weight:var(--font-weight-bold)}.filter-action-container{align-items:flex-end;display:flex}.filter-action-container .btn{width:100%}.filter-active{background-color:#fff9e6!important;border-color:#ffd54f!important;box-shadow:0 0 0 1px #ffd54f4d!important}.filter-active:focus{box-shadow:0 0 0 3px #ffc1071a}.filter-active:focus,.filter-active:hover{border-color:#ffc107!important}.filter-clear-button{align-items:center;display:flex;gap:var(--space-xs);white-space:nowrap}.filter-clear-button .badge{background-color:var(--danger-color);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:var(--font-weight-bold);margin-left:var(--space-xs);padding:2px 6px}.user-edit-form{margin-top:var(--space-md)}.user-edit-form .form-group{margin-bottom:var(--space-md)}.user-edit-form .form-group:last-child{margin-bottom:0}.user-edit-form .form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.user-edit-form .form-label .required{color:var(--danger-color);margin-left:2px}.user-edit-form .form-error-message{color:var(--danger-color);display:block;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}@media (max-width:1024px){.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{justify-content:space-between;width:100%}.search-box{width:100%}}@media (max-width:768px){.toolbar{padding:var(--space-sm)}.pagination-container{align-items:stretch;flex-direction:column;text-align:center}.pagination-controls{justify-content:center}.bulk-actions{align-items:stretch}.bulk-actions,.bulk-buttons{flex-direction:column}.bulk-buttons .btn{width:100%}}@media (max-width:480px){.form-flex-centered{padding:var(--space-md) var(--space-sm)}.form-card{border-radius:var(--radius-md);padding:var(--space-lg)}.autocomplete-dropdown{box-shadow:0 4px 16px #00000026;max-height:200px}.dropdown-item{padding:10px}.dropdown-item-icon{font-size:.9rem;height:28px;width:28px}}
/*# sourceMappingURL=main.f21b6de1.css.map*/