*{padding:0;margin:0;box-sizing:border-box}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--leading-snug:1.375;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono);--color-primary:var(--primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-\[\#37475a\]{background-color:#37475a}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-clip-padding{background-clip:padding-box}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-heading{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media(hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}@media(hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}:root{--primary-color:#0f6b4f;--primary-light:#14a97f;--primary-contrast:#fff;--table-header-bg:#0f6b4f;--table-header-text:#fff;--table-row-hover:#f7fbf9;--table-border-color:#e3e8e5;--table-cell-padding-x:15px;--danger-color:#c0392b;--warning-color:#f39c12;--info-color:#3498db;--success-color:#2ecc71;--dark-bg:#2c3e50;--light-bg:#f5f6f7;--white:#fff;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--border-color:#e0e0e0;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #0000001f;--radius-sm:8px;--radius-md:12px}body{background-color:var(--light-bg);color:var(--text-primary)}.h1,.h2,.h3{color:var(--text-primary);font-weight:700}.text-muted{color:var(--text-secondary)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:var(--primary-contrast);box-shadow:0 2px 8px #0f6b4f33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f6b4f4d}.btn-outline{background:var(--white);color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#0f6b4f0d}.input{border:2px solid var(--border-color);border-radius:var(--radius-sm);width:100%;padding:12px;font-size:14px;transition:all .3s}.input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0f6b4f1a}.table{border-collapse:collapse;background:var(--white);border:1px solid var(--table-border-color);width:100%}.table thead{background:linear-gradient(135deg,var(--table-header-bg) 0%,var(--primary-light) 100%);color:var(--table-header-text)}.table th{padding:15px var(--table-cell-padding-x);text-align:left;color:inherit;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:700}.table td{padding:15px var(--table-cell-padding-x);color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #f0f0f0;font-size:14px}.table tbody tr:hover{background-color:var(--table-row-hover)}@media(max-width:768px){.table-responsive{overflow:visible}.table{background:0 0;border:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tbody{gap:12px;display:grid}.table tr{background:var(--white);border:1px solid var(--table-border-color);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.table td{white-space:normal;text-align:right;border-bottom:1px solid #eef2f0;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;display:flex}.table td:before{content:attr(data-label);letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);text-align:left;flex:0 0 42%;font-size:11px;font-weight:700}.table td[colspan]{text-align:center;display:block}.table td[colspan]:before{content:none}}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:#155724;background-color:#d4edda}.badge-warning{color:#856404;background-color:#fff3cd}.badge-info{color:#0c5460;background-color:#d1ecf1}.badge-danger{color:#721c24;background-color:#f8d7da}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.hide-mobile{display:block}.hide-desktop{display:none}@media(max-width:768px){.hide-mobile{display:none}.hide-desktop{display:block}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.cards-container{flex-direction:column;gap:15px;display:none}@media(max-width:768px){.cards-container{display:flex}}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:15px;transition:all .3s;box-shadow:0 2px 8px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.card-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.card-body{flex-direction:column;gap:10px;display:flex}.card-footer{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:10px}.grid-responsive{gap:20px;display:grid}@media(min-width:769px){.grid-responsive.cols-2{grid-template-columns:repeat(2,1fr)}.grid-responsive.cols-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.cols-4{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.grid-responsive{grid-template-columns:1fr}.btn-full-mobile{justify-content:center;width:100%}.btn-group-mobile{flex-direction:column;gap:10px;width:100%;display:flex}.btn-group-mobile button{width:100%}}.toolbar-responsive{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}@media(max-width:768px){.toolbar-responsive{flex-direction:column;align-items:stretch}}.text-responsive-lg{font-size:32px}.text-responsive-md{font-size:24px}.text-responsive-sm{font-size:18px}@media(max-width:768px){.text-responsive-lg{font-size:24px}.text-responsive-md{font-size:20px}.text-responsive-sm{font-size:16px}}.spacing-responsive{padding:30px}@media(max-width:768px){.spacing-responsive{padding:20px}}.stack-mobile{gap:15px;display:flex}@media(max-width:768px){.stack-mobile{flex-direction:column}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button,input,textarea,select{font-family:inherit}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:1rem}.loading-container.fullscreen{position:fixed;inset:0;background:#fffffff2;z-index:9999}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}.loading-message{margin:0;font-size:1rem;color:#666;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;left:250px;right:0;height:70px;background:linear-gradient(90deg,#fff,#f8f9fa);box-shadow:0 2px 10px #00000014;z-index:999;transition:all .3s ease}.navbar-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 30px}.navbar-left{flex:1}.navbar-title{margin:0;font-size:22px;font-weight:700;color:#2c3e50;letter-spacing:.5px}.navbar-right{display:flex;align-items:center;gap:20px}.user-section{display:flex;align-items:center;gap:15px}.greeting{text-align:right;line-height:1.2}.greeting-text{margin:0;font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.greeting-role{margin:0;font-size:14px;color:#0f6b4f;font-weight:700}.user-profile{display:flex;align-items:center;gap:12px;padding-left:15px;border-left:1px solid #e0e0e0}.user-avatar{width:45px;height:45px;background:linear-gradient(135deg,#0f6b4f,#14a97f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 2px 8px #0f6b4f33;flex-shrink:0}.user-dropdown-wrapper{position:relative}.user-dropdown-trigger{background:none;border:none;color:#2c3e50;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;transition:all .3s ease}.user-dropdown-trigger:hover{background-color:#0f6b4f1a;color:#0f6b4f}.chevron{font-size:12px;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:200px;padding:8px 0;z-index:1001;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:12px 16px;background:none;border:none;color:#2c3e50;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.dropdown-item:hover{background-color:#f5f5f5;color:#0f6b4f}.dropdown-item.logout-item{color:#c0392b}.dropdown-item.logout-item:hover{background-color:#fee;color:#e74c3c}.dropdown-divider{margin:5px 0;border:none;border-top:1px solid #f0f0f0}@media(max-width:768px){.navbar{left:0;padding-left:50px}.navbar-wrapper{padding:0 15px}.navbar-title{font-size:18px}.greeting-text,.greeting-role{display:none}.user-profile{padding-left:0;border-left:none}.user-dropdown-trigger{display:none}.user-avatar{width:40px;height:40px;font-size:18px}}.sidebar-overlay{display:none}.toggle-sidebar{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:linear-gradient(135deg,#0f6b4f,#14a97f);border:none;color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease;box-shadow:0 2px 8px #0003}.toggle-sidebar:hover{transform:scale(1.05);box-shadow:0 4px 12px #0f6b4f66}.close-sidebar{display:none}.sidebar{position:fixed;left:0;top:0;height:100vh;width:250px;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;padding:20px 0;z-index:1000;transition:all .3s ease;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}.sidebar.closed{width:80px}.sidebar-logo{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.logo-icon{width:45px;height:45px;background:linear-gradient(135deg,#0f6b4f,#14a97f);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.logo-text h2{margin:0;font-size:16px;font-weight:700;color:#fff}.logo-text p{margin:0;font-size:12px;color:#0f6b4f;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{display:flex;flex-direction:column;gap:0;padding:0 10px;margin-bottom:0;flex-grow:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:15px;padding:12px 15px;color:#7f8c8d;text-decoration:none;border-radius:8px;margin-bottom:5px;transition:all .3s ease;border-left:3px solid transparent}.sidebar-item:hover{background-color:#14a97f26;color:#14a97f;padding-left:20px;border-left-color:#14a97f}.sidebar-item.active{background-color:#14a97f33;color:#14a97f;font-weight:600;padding-left:20px;border-left-color:#14a97f}.item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.item-label{font-size:14px;white-space:nowrap}.sidebar.closed .item-label{display:none}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;margin:20px 10px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.sidebar-submenu{display:flex;flex-direction:column;gap:0;background-color:#0003;border-radius:6px;margin:5px 10px;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sidebar-subitem{display:flex;align-items:center;gap:15px;padding:10px 15px 10px 50px;color:#a8b5c0;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;font-size:13px}.sidebar-subitem:hover{background-color:#14a97f1a;color:#14a97f;padding-left:55px;border-left-color:#14a97f}.sidebar-subitem.active{background-color:#14a97f26;color:#14a97f;font-weight:600;padding-left:55px;border-left-color:#14a97f}.subitem-label{font-size:13px;white-space:nowrap}.chevron-icon{margin-left:auto;transition:transform .3s ease}.chevron-icon.rotated{transform:rotate(180deg)}.sidebar-item:not([href]){background:none;border:none;cursor:pointer}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#14a97f80;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#14a97fcc}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toggle-sidebar{display:flex;align-items:center;justify-content:center}.close-sidebar{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#c0392b,#e74c3c);border:none;color:#fff;width:35px;height:35px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 2px 8px #0003;z-index:1002}.close-sidebar:hover{transform:scale(1.05);box-shadow:0 4px 12px #e74c3c66}.sidebar{left:-250px;box-shadow:4px 0 20px #0000004d}.sidebar.open{left:0}.sidebar.closed{left:-250px}.logout-btn{font-size:12px;padding:10px 12px}}.layout{display:flex;height:100vh;width:100%}.main-content{flex:1;margin-left:250px;margin-top:70px;padding:30px;background-color:#f5f6f7;overflow-y:auto;transition:all .3s ease;width:calc(100% - 250px)}@media(max-width:768px){.main-content{margin-left:0;margin-top:70px;padding:20px;width:100%}}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#e5e5e5}.main-content::-webkit-scrollbar-thumb{background:#0f6b4f;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#0d5439}.login-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#142850b3;z-index:2}.login-box{position:relative;z-index:3;width:100%;max-width:420px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:50px 40px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.login-header{text-align:center;margin-bottom:40px}.logo-circle{width:80px;height:80px;background:linear-gradient(135deg,#0f6b4f,#14a97f);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;box-shadow:0 4px 15px #0f6b4f4d}.login-header h1{margin:0 0 8px;color:#1a1a1a;font-size:28px;font-weight:700}.login-header p{margin:0;color:#666;font-size:14px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;color:#0f6b4f;font-size:18px;pointer-events:none}.form-input{width:100%;padding:12px 12px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;background-color:#fff}.form-input:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.form-input::placeholder{color:#999}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;font-size:14px;border-left:4px solid #c33;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-btn{padding:12px 20px;background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0f6b4f4d;margin-top:10px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f6b4f66}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0;font-size:13px;color:#666;line-height:1.6}.demo-credentials{margin:0;color:#888}.demo-credentials strong{color:#0f6b4f;font-weight:600}@media(max-width:480px){.login-box{margin:20px;padding:35px 25px}.login-header h1{font-size:24px}.logo-circle{width:65px;height:65px}}.page-container{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.page-header h1{margin:0;font-size:32px;color:var(--text-primary);font-weight:700}.page-description{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.page-content{background:var(--white);border-radius:12px;padding:25px;box-shadow:var(--shadow-sm);min-height:400px}.page-content p{color:var(--text-secondary);font-size:14px;line-height:1.6}@media(max-width:768px){.page-header h1{font-size:24px}.page-content{padding:15px;border-radius:8px}}.dashboard-page{display:flex;flex-direction:column;gap:16px}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.metric-card{border-radius:14px;border:1px solid rgba(0,0,0,.08)}.metric-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff}.metric-blue .metric-icon{background:linear-gradient(135deg,#3498db,#1f6fa5)}.metric-green .metric-icon{background:linear-gradient(135deg,#0f6b4f,#14a97f)}.metric-amber .metric-icon{background:linear-gradient(135deg,#f39c12,#d58003)}.metric-red .metric-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.dashboard-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.dashboard-card{border-radius:14px;border:1px solid rgba(15,107,79,.12)}.dashboard-chart-wrap{width:100%;height:280px}@media(max-width:1200px){.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media(max-width:768px){.dashboard-metric-grid,.dashboard-analytics-grid{grid-template-columns:1fr}.dashboard-chart-wrap{height:240px}}.ss-container{position:relative;width:100%}.ss-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;background:#fff;color:var(--text-primary, #2d3748);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-height:42px;gap:8px}.ss-trigger:hover:not(:disabled){border-color:var(--primary-color, #3182ce)}.ss-open .ss-trigger,.ss-trigger:focus{outline:none;border-color:var(--primary-color, #3182ce);box-shadow:0 0 0 3px #3182ce26}.ss-trigger--empty .ss-trigger-label{color:#a0aec0}.ss-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-trigger-icons{display:flex;align-items:center;gap:6px;flex-shrink:0}.ss-clear-btn{font-size:11px;color:#a0aec0;padding:2px 4px;border-radius:3px;cursor:pointer;line-height:1;transition:color .1s,background .1s}.ss-clear-btn:hover{color:#e53e3e;background:#fff5f5}.ss-chevron{font-size:12px;color:#718096;transition:transform .15s}.ss-open .ss-chevron{transform:rotate(180deg)}.ss-disabled .ss-trigger{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.ss-search-wrap{width:100%}.ss-search-input{width:100%;padding:10px 14px;border:1px solid var(--primary-color, #3182ce);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-primary, #2d3748);background:#fff;box-shadow:0 0 0 3px #3182ce26;outline:none;box-sizing:border-box;min-height:42px}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto;z-index:9999;padding:4px 0}.ss-option{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:14px;color:var(--text-primary, #2d3748);cursor:pointer;transition:background .1s}.ss-option--highlighted{background:#ebf8ff}.ss-option--selected{font-weight:600;color:var(--primary-color, #3182ce)}.ss-option-check{font-size:12px;color:var(--primary-color, #3182ce)}.ss-no-results{padding:12px 14px;font-size:13px;color:#a0aec0;text-align:center}.nuevacita-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.nuevacita-filter-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.nuevacita-filter-label{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.nuevacita-filter-card .input{max-width:300px}.nuevacita-grid-card{margin-bottom:20px}.nuevacita-section-title{font-size:16px;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.nuevacita-section-hint{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin:0 0 16px}.nuevacita-empty{text-align:center;color:var(--text-secondary);padding:32px;font-size:14px}.nuevacita-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.nuevacita-table{width:100%;border-collapse:collapse;min-width:600px}.nuevacita-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff}.nuevacita-table th{padding:12px 10px;font-size:12px;font-weight:700;text-align:center;letter-spacing:.5px;text-transform:uppercase}.nuevacita-th-medico{text-align:left!important;padding-left:16px!important;min-width:180px}.nuevacita-medico-cell{padding:14px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.nuevacita-medico-nombre{font-weight:700;font-size:13px;color:var(--text-primary)}.nuevacita-medico-esp{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px}.nuevacita-cell{padding:12px 8px;text-align:center;font-size:12px;font-weight:600;border:1px solid #f0f0f0;vertical-align:middle;transition:background .15s}.nuevacita-cell.disponible{background:#e8f5e9;color:#2e7d32;cursor:pointer}.nuevacita-cell.disponible:hover{background:#c8e6c9}.nuevacita-cell.seleccionada{background:var(--primary-color)!important;color:#fff!important;box-shadow:inset 0 0 0 2px var(--primary-light)}.nuevacita-cell.no-disponible{color:#d0d0d0;font-size:16px;font-weight:400}.nuevacita-detalle-card{margin-top:20px;animation:nuevacita-fade-in .2s ease}@keyframes nuevacita-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nuevacita-seleccion-info{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:#f7fbf9;border-radius:var(--radius-sm);border-left:4px solid var(--primary-color);margin-bottom:24px}.nuevacita-info-chip{display:flex;flex-direction:column;gap:3px;min-width:130px}.nuevacita-info-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nuevacita-info-val{font-size:14px;font-weight:600;color:var(--text-primary)}.nuevacita-form{display:flex;flex-direction:column;gap:20px}.nuevacita-opcional{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:4px}.nuevacita-pills{display:flex;flex-wrap:wrap;gap:8px}.nuevacita-pill{padding:8px 14px;border:2px solid var(--border-color);border-radius:20px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary);transition:all .15s;white-space:nowrap}.nuevacita-pill:hover:not(.activa){border-color:var(--primary-color);color:var(--primary-color)}.nuevacita-pill.activa{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.nuevacita-pill--ocupada{background:#fff5f5;border-color:#fc8181;color:#c53030;cursor:not-allowed;opacity:.8;display:flex;align-items:center;gap:6px}.nuevacita-pill--ocupada:hover{background:#fff5f5;border-color:#fc8181;color:#c53030}.nuevacita-pill--pasada{background:#f7fafc;border-color:#cbd5e0;color:#a0aec0;cursor:not-allowed;opacity:.7;display:flex;align-items:center;gap:6px}.nuevacita-pill--pasada:hover{background:#f7fafc;border-color:#cbd5e0;color:#a0aec0}.nuevacita-pill-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:4px;background:#0000001f;color:inherit}.nuevacita-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid #f0f0f0}.nuevacita-hint-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;margin-top:20px;color:var(--text-secondary);font-size:14px;background:#fafafa;border-style:dashed}.nuevacita-hint-icon{font-size:22px;color:#b0bec5;flex-shrink:0}.nuevacita-error{display:flex;align-items:center;gap:8px;background:#fff5f5;border-left:4px solid #e74c3c;color:#c0392b;padding:10px 14px;border-radius:6px;font-size:13px}@media(max-width:768px){.nuevacita-header-top{flex-direction:column;gap:12px}.nuevacita-filter-card{flex-direction:column;align-items:flex-start}.nuevacita-filter-card .input{max-width:100%;width:100%}.nuevacita-seleccion-info{gap:12px}.nuevacita-info-chip{min-width:45%}.nuevacita-actions{flex-direction:column-reverse}.nuevacita-actions .btn{width:100%;justify-content:center}}.nuevacita-horas-loading,.nuevacita-horas-sin-disponibilidad{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:.875rem}.nuevacita-horas-loading{color:var(--color-primary, #3182ce);background:#ebf8ff}.nuevacita-horas-sin-disponibilidad{color:#c05621;background:#fffaf0;border:1px solid #fbd38d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000038;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content.atencion-modal{width:min(96vw,1100px);max-width:1100px;max-height:92vh;overflow-y:auto;padding:1.25rem;display:block}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.modal-content.atencion-modal .modal-header{padding:0 0 1.5rem;border-bottom:none}.modal-header h2{margin:0;font-size:1.2rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px;color:#555;transition:background .15s,color .15s;flex-shrink:0}.close-button:hover{background:#00000012;color:#111}.modal-body{overflow-y:auto;flex:1;min-height:0;padding:1.5rem 2rem 2rem}.modal-content.atencion-modal .modal-body{overflow-y:visible;flex:unset;min-height:unset;padding:0}.modal-body .form-group{margin-bottom:1rem}.modal-body label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.875rem;color:#374151}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1f}.modal-body input:disabled,.modal-body select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.save-button,.cancel-button{padding:.8rem 1.5rem;border:none;border-radius:5px;cursor:pointer}.save-button{background-color:#007bff;color:#fff}.cancel-button{background-color:#f0f0f0}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;width:90%;max-width:360px;padding:28px 28px 24px;text-align:center}.confirm-dialog-icon{width:56px;height:56px;border-radius:50%;background:#fff3f3;border:2px solid #fca5a5;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:22px;color:#dc2626}.confirm-dialog h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.confirm-dialog p{font-size:13px;color:#666;margin:0 0 24px;line-height:1.5}.confirm-dialog-actions{display:flex;gap:10px;justify-content:center}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.modal-header{padding:1.25rem 1.25rem .875rem}.modal-body{padding:1rem 1.25rem 1.5rem}.modal-body input,.modal-body select,.modal-body textarea{font-size:16px}.modal-content.atencion-modal{max-width:100%;border-radius:20px 20px 0 0}}.datatable-shell{border-radius:12px}.datatable-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff}.datatable-title{margin:0;font-size:16px;font-weight:700}.datatable-description{margin:4px 0 0;font-size:13px;opacity:.9}.datatable-tools{display:flex;align-items:center;gap:10px}.datatable-search{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:0 10px;height:38px}.datatable-search input{border:none;background:transparent;color:#fff;width:220px;font-size:13px}.datatable-search input::placeholder{color:#fffc}.datatable-search input:focus{outline:none}.datatable-wrapper{overflow-x:auto}.datatable-table th,.datatable-table td{white-space:nowrap}.datatable-actions{display:inline-flex;align-items:center;justify-content:center;gap:8px}.datatable-empty,.datatable-loading{text-align:center;padding:24px;color:#7f8c8d}.datatable-loading{font-weight:600}.datatable-spin{animation:datatable-spin 1s linear infinite}@keyframes datatable-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.datatable-header{flex-direction:column;align-items:stretch;gap:12px}.datatable-tools{flex-direction:column;align-items:stretch}.datatable-search,.datatable-search input{width:100%}.datatable-wrapper{overflow:visible}.datatable-table th,.datatable-table td{white-space:normal}.datatable-actions{justify-content:flex-start;flex-wrap:wrap}}.citas-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.citas-view-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:#eef3f0;border:1px solid #d6e0da}.citas-view-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#5b6b66;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.citas-view-button.is-active{background:#0f6b4f;color:#fff;box-shadow:0 8px 18px #0f6b4f2e}.citas-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.summary-card{background:linear-gradient(180deg,#fff,#f8faf9);border:1px solid #e6ece8;border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #1226200d}.summary-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6f7f79;margin-bottom:8px;font-weight:700}.summary-card strong{font-size:28px;line-height:1;color:#1f2d28}.summary-card.confirmada{border-left:4px solid #2ecc71}.summary-card.pendiente{border-left:4px solid #f39c12}.summary-card.noasistio{border-left:4px solid #3498db}.summary-card.cancelada{border-left:4px solid #e74c3c}.summary-card.finalizada{border-left:4px solid #6c757d}.calendar-panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 0;flex-wrap:wrap}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px 16px;color:#51605b;font-size:13px;font-weight:600}.calendar-legend span{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-dot.confirmada,.fc-cita-confirmada .fc-event-main{background:#2ecc71}.legend-dot.pendiente,.fc-cita-pendiente .fc-event-main{background:#f39c12}.legend-dot.noasistio,.fc-cita-noasistio .fc-event-main{background:#3498db}.legend-dot.cancelada,.fc-cita-cancelada .fc-event-main{background:#e74c3c}.legend-dot.finalizada,.fc-cita-finalizada .fc-event-main{background:#6c757d}.calendar-loading{padding:48px 20px;text-align:center;color:#60706a}.calendar-inner{padding:16px 20px 22px}.calendar-event-content{display:flex;flex-direction:column;gap:2px}.calendar-event-title{font-size:12px;font-weight:700;line-height:1.2}.calendar-event-meta{font-size:11px;opacity:.9}.calendar-inner .fc{--fc-border-color: #e2e8e4;--fc-page-bg-color: transparent;--fc-neutral-bg-color: #f7faf8;--fc-list-event-hover-bg-color: #f3f7f4;--fc-today-bg-color: rgba(15, 107, 79, .08)}.calendar-inner .fc .fc-toolbar-title{font-size:22px;color:#21302a}.calendar-inner .fc .fc-button{background:#fff;border-color:#d7e0db;color:#355349;box-shadow:none;text-transform:capitalize}.calendar-inner .fc .fc-button-primary:not(:disabled).fc-button-active,.calendar-inner .fc .fc-button-primary:not(:disabled):active{background:#0f6b4f;border-color:#0f6b4f}.calendar-inner .fc .fc-daygrid-event,.calendar-inner .fc .fc-timegrid-event{border-radius:10px;padding:3px 6px;border-width:0}.calendar-inner .fc .fc-daygrid-event:hover,.calendar-inner .fc .fc-timegrid-event:hover{filter:brightness(.98)}.calendar-inner .fc .fc-daygrid-more-link{color:#0f6b4f;font-weight:700}.citas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.search-box{position:relative;flex:1;max-width:400px}.search-box input{width:100%;padding:12px 12px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:16px}.filter-group{display:flex;gap:10px}.citas-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}.stat-item{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000f;text-align:center;border-left:4px solid #7f8c8d;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-item.confirmada{border-left-color:#2ecc71}.stat-item.pendiente{border-left-color:#f39c12}.stat-item.noasistio{border-left-color:#3498db}.stat-item.cancelada{border-left-color:#e74c3c}.stat-number{display:block;font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px}.stat-label{display:block;font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.citas-table-container{overflow-x:auto}.mobile-cards{display:none}.hora-cell{display:flex;align-items:center;gap:8px;color:#0f6b4f}.icon-small{font-size:14px;color:#7f8c8d}.estado-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.estado-confirmada{background-color:#d4edda;color:#155724}.estado-pendiente{background-color:#fff3cd;color:#856404}.estado-noasistio{background-color:#d1ecf1;color:#0c5460}.estado-cancelada{background-color:#f8d7da;color:#721c24}.estado-finalizada{background-color:#e2e3e5;color:#495057}.actions-cell{display:flex;gap:8px}.btn-action{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.btn-view{background-color:#e3f2fd;color:#1976d2}.btn-view:hover{background-color:#bbdefb}.btn-edit{background-color:#fff3e0;color:#f57c00}.btn-attend{background-color:#e8f5e9;color:#1b5e20}.btn-attend:hover:not(:disabled){background-color:#c8e6c9}.btn-print-receta{background-color:#e3f2fd;color:#1565c0}.btn-print-receta:hover{background-color:#bbdefb}.atencion-form{display:flex;flex-direction:column;gap:18px}.atencion-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.atencion-summary-card{border:1px solid #e2e8e4;border-radius:12px;padding:12px 14px;background:#f9fbfa;display:flex;flex-direction:column;gap:6px}.atencion-summary-card span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6a7b74;font-weight:700}.atencion-summary-card strong{font-size:18px;color:#20302a}.atencion-summary-card.total{border-color:#0f6b4f33;background:#0f6b4f14}.atencion-error{margin:0}.atencion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.atencion-receta-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.atencion-receta-header h3{margin:0 0 4px}.atencion-receta-header p{margin:0;color:#62726c;font-size:13px}.atencion-receta-list{display:flex;flex-direction:column;gap:14px}.atencion-receta-item{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #e2e8e4;border-radius:14px;background:#fff}.atencion-receta-wide{grid-column:1 / -1}.atencion-receta-meta{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;color:#5d6c67;font-size:12px;font-weight:600}.atencion-receta-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}@media(max-width:1100px){.atencion-summary-grid,.atencion-grid,.atencion-receta-item{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.atencion-summary-grid,.atencion-grid,.atencion-receta-item{grid-template-columns:1fr}.atencion-receta-header{flex-direction:column;align-items:stretch}.atencion-receta-meta{flex-direction:column}}@media(max-width:768px){.page-header{flex-direction:column;gap:15px}.btn-primary{width:100%;justify-content:center}.citas-toolbar{flex-direction:column}.search-box{max-width:100%}.filter-group{width:100%;justify-content:space-between}.citas-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-item{padding:15px 12px}.stat-number{font-size:24px}.stat-label{font-size:11px}.desktop-table{display:none}.page-content{background:transparent;box-shadow:none;padding:0}.mobile-cards{display:flex;flex-direction:column;gap:12px}.cita-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:12px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.cita-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.card-time{display:flex;align-items:center;gap:6px;color:#0f6b4f;font-size:15px;font-weight:600}.card-time svg{font-size:16px}.card-body{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.card-info{display:flex;flex-direction:column;gap:4px}.card-info label{font-size:11px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card-info span{font-size:14px;color:#2c3e50;font-weight:500}.card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #f0f0f0}.card-actions .btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 8px;font-size:12px;font-weight:600}.estado-badge{padding:4px 10px;font-size:11px}.citas-header-actions{width:100%;justify-content:space-between}.citas-view-switch{width:100%}.citas-view-button{flex:1;justify-content:center}.citas-summary{grid-template-columns:repeat(2,1fr)}.calendar-panel-header{padding:16px 14px 0}.calendar-layout{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-month-title{font-size:18px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays span{font-size:10px}.calendar-cell{min-height:96px;padding:8px}.calendar-chip{min-height:34px}.calendar-sidebar-card{padding:14px}.calendar-agenda-item{grid-template-columns:1fr}}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:16px;padding:18px 20px 22px}.calendar-board{min-width:0}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.calendar-nav-group{display:inline-flex;align-items:center;gap:8px}.calendar-nav-button,.calendar-today-button,.calendar-sidebar-today{border:1px solid #d8e2dc;background:#fff;color:#2f4a41;border-radius:10px;height:40px;padding:0 14px;font-weight:700;cursor:pointer;transition:all .2s ease}.calendar-nav-button{width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.calendar-nav-button:hover,.calendar-today-button:hover,.calendar-sidebar-today:hover{border-color:#0f6b4f;color:#0f6b4f;box-shadow:0 8px 16px #0f6b4f14}.calendar-month-title{font-size:20px;font-weight:800;text-transform:capitalize;color:#1f2d28}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-weekdays{margin-bottom:10px}.calendar-weekdays span{color:#667773;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;text-align:center}.calendar-cell{min-height:128px;border:1px solid #dfe7e2;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbfa);padding:10px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 16px #13231e0a}.calendar-cell:hover,.calendar-cell.is-selected{border-color:#0f6b4f;box-shadow:0 10px 22px #0f6b4f1f;transform:translateY(-1px)}.calendar-cell.is-outside{opacity:.4}.calendar-cell.is-today{border-color:#0f6b4f}.calendar-cell-empty{background:transparent;border:1px dashed #edf1ee;box-shadow:none}.calendar-cell-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.calendar-day-number{font-size:13px;font-weight:800;color:#22332c}.calendar-today-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;background:#0f6b4f1a;color:#0f6b4f;font-size:10px;font-weight:800}.calendar-cell-events{display:flex;flex-direction:column;gap:6px;min-width:0}.calendar-chip{border:0;border-radius:10px;padding:8px 9px;display:flex;flex-direction:column;gap:2px;text-align:left;color:#fff;cursor:pointer}.calendar-chip.estado-pendiente{background:linear-gradient(135deg,#f4b23a,#d78d07)}.calendar-chip.estado-confirmada{background:linear-gradient(135deg,#4ed36d,#219d51)}.calendar-chip.estado-noasistio{background:linear-gradient(135deg,#5aaaf7,#2567c8)}.calendar-chip.estado-cancelada{background:linear-gradient(135deg,#ea6a72,#c63b47)}.calendar-chip.estado-finalizada{background:linear-gradient(135deg,#8d99a6,#5f6b76)}.calendar-chip-time{font-size:10px;font-weight:800;opacity:.9}.calendar-chip-text{font-size:11px;font-weight:700;line-height:1.2;line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5a5d60}.calendar-more{color:#0f6b4f;font-size:11px;font-weight:800;padding-left:2px}.calendar-sidebar{min-width:0}.calendar-sidebar-card{background:linear-gradient(180deg,#fff,#f8fbf9);border:1px solid #e3ece6;border-radius:16px;padding:18px;box-shadow:0 10px 24px #14231e0d;height:100%}.calendar-sidebar-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.calendar-sidebar-kicker{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#6b7a75}.calendar-sidebar-header h3{margin:0;font-size:18px;color:#1f2d28;text-transform:capitalize}.calendar-day-list{display:flex;flex-direction:column;gap:12px}.calendar-agenda-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid #e7eeea;background:transparent}.calendar-agenda-time{font-weight:800;color:#0f6b4f;font-size:13px}.calendar-agenda-body{min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-agenda-body strong,.calendar-agenda-body span,.calendar-agenda-body small{display:block;min-width:0}.calendar-agenda-body strong{font-size:14px;color:#21302a}.calendar-agenda-body span{font-size:13px;color:#5b6b66}.calendar-agenda-body small{font-size:12px;color:#7a8a84}.calendar-agenda-actions{display:inline-flex;gap:6px}.calendar-empty-state{padding:24px 14px;border:1px dashed #d8e2dc;border-radius:14px;color:#6a7974;background:#fbfcfb;text-align:center}@media(max-width:768px){.citas-header-actions{width:100%;justify-content:stretch}.citas-view-switch{width:100%}.citas-view-button{flex:1;justify-content:center}.citas-summary{grid-template-columns:repeat(2,1fr)}.calendar-panel-header{padding:16px 14px 0}.calendar-layout{grid-template-columns:1fr;padding:14px}.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-month-title{font-size:18px}.calendar-weekdays,.calendar-grid{gap:8px}.calendar-cell{min-height:96px;padding:8px}.calendar-chip{padding:7px 8px}.calendar-sidebar-card{padding:14px}.calendar-agenda-item{grid-template-columns:1fr;align-items:flex-start}}.citas-filtro-fecha{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:#eef3f0;border:1px solid #d6e0da;margin-bottom:20px}.citas-filtro-btn{border:0;background:transparent;color:#5b6b66;padding:8px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.citas-filtro-btn.is-active{background:#0f6b4f;color:#fff;box-shadow:0 6px 14px #0f6b4f2e}.citas-filtro-btn:hover:not(.is-active){background:#0f6b4f14;color:#0f6b4f}.citas-form-horas{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.citas-filtro-fecha{width:100%}.citas-filtro-btn{flex:1;text-align:center;padding:8px 4px;font-size:12px}.citas-form-horas{grid-template-columns:1fr}}.atender-loading,.atender-not-found{padding:48px 20px;text-align:center;color:#60706a;font-size:15px}.atender-not-found{display:flex;flex-direction:column;align-items:center;gap:16px}.atender-header-left{display:flex;flex-direction:column;gap:10px}.atender-back-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#0f6b4f;font-weight:700;font-size:13px;cursor:pointer;padding:0;transition:opacity .2s}.atender-back-btn:hover{opacity:.75}.atender-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px}.atender-summary-card{background:linear-gradient(180deg,#fff,#f8faf9);border:1px solid #e6ece8;border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #1226200d;display:flex;flex-direction:column;gap:6px}.atender-summary-card span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6f7f79;font-weight:700}.atender-summary-card strong{font-size:16px;font-weight:700;color:#1f2d28;line-height:1.3}.atender-summary-total{border-color:#0f6b4f40;background:#0f6b4f0f}.atender-summary-total strong{font-size:22px;color:#0f6b4f}.atender-section{background:linear-gradient(180deg,#fff,#f9fbfa);border:1px solid #e6ece8;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 6px 18px #1226200a}.atender-section-title{font-size:16px;font-weight:800;color:#1f2d28;margin:0 0 18px}.atender-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.atender-section-header .atender-section-title{margin-bottom:4px}.atender-section-desc{font-size:13px;color:#62726c;margin:0}.atender-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.atender-full-col{grid-column:1 / -1}.atender-required{color:#e74c3c}.atender-indicaciones{margin-bottom:18px}.atender-receta-list{display:flex;flex-direction:column;gap:16px}.atender-receta-item{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border:1px solid #e2e8e4;border-radius:14px;background:#fff}.atender-med-select,.atender-med-instrucciones{grid-column:1 / -1}.atender-receta-footer{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #edf1ee}.atender-receta-precio{font-size:12px;font-weight:600;color:#5d6c67}.atender-remove-med{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:#ffebee;color:#c62828;cursor:pointer;transition:background .2s;flex-shrink:0}.atender-remove-med:hover:not(:disabled){background:#ffcdd2}.atender-remove-med:disabled{opacity:.45;cursor:not-allowed}.atender-section .form-group label{display:block;font-size:13px;font-weight:600;color:#3d5048;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.atender-section .form-group input,.atender-section .form-group textarea,.atender-section .form-group select{width:100%;padding:10px 12px;border:1.5px solid #c8d5ce;border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:#1f2d28;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.atender-section .form-group input:focus,.atender-section .form-group textarea:focus,.atender-section .form-group select:focus{border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.atender-section .form-group input:disabled,.atender-section .form-group textarea:disabled,.atender-section .form-group select:disabled{background:#f4f7f5;color:#8a9e97;cursor:not-allowed}.atender-section .form-group textarea{resize:vertical;min-height:80px}.atender-print-btn{display:inline-flex;align-items:center;gap:7px}.atender-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;margin-bottom:24px}@media(max-width:900px){.atender-receta-item{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.atender-summary{grid-template-columns:repeat(2,1fr)}.atender-form-grid,.atender-receta-item{grid-template-columns:1fr}.atender-section-header{flex-direction:column;align-items:stretch}.atender-actions{flex-direction:column-reverse}.atender-actions .btn{width:100%;justify-content:center}}.page-header{display:flex;justify-content:space-between;align-items:flex-start}.med-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff}.med-card-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700}.med-global-error{display:flex;align-items:center;gap:10px;background:#fff5f5;border-left:4px solid #e74c3c;color:#c0392b;padding:12px 20px;border-radius:8px;font-size:14px;margin-bottom:20px}.med-retry-btn{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #e74c3c;border-radius:6px;background:#fff;color:#e74c3c;font-size:13px;cursor:pointer;transition:all .3s ease}.med-retry-btn:hover{background:#fff5f5}.med-nombre-cell{display:flex;align-items:center;gap:10px}.med-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.med-nombre{font-weight:700;font-size:14px;color:#2c3e50}.med-especialidad-badge{display:inline-block;padding:4px 12px;border:1px solid #0f6b4f;border-radius:20px;color:#0f6b4f;font-size:12px;font-weight:600}.med-acciones{display:flex;align-items:center;gap:8px;justify-content:center}.btn-icon{background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;color:#555}.btn-icon:hover{background-color:#e9e9e9;border-color:#ccc}.btn-icon i{font-size:14px}.med-btn-horarios{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:#e3f2fd;color:#1976d2;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.med-btn-horarios:hover{background-color:#bbdefb}.med-btn-accion{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .3s ease}.med-btn-editar{background-color:#fff3e0;color:#f57c00}.med-btn-editar:hover{background-color:#ffe0b2}.med-btn-eliminar{background-color:#ffebee;color:#c62828}.med-btn-eliminar:hover{background-color:#ffcdd2}.med-loading-cell{text-align:center!important;padding:48px!important;font-size:15px;color:#7f8c8d}.med-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.med-modal-box{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:med-modal-in .2s ease}@keyframes med-modal-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.med-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#0f6b4f,#14a97f);border-radius:12px 12px 0 0}.med-modal-title{margin:0;font-size:16px;font-weight:700;color:#fff}.med-modal-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8;transition:opacity .15s}.med-modal-close:hover{opacity:1}.med-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.med-form-col{display:flex;flex-direction:column;gap:6px}.med-form-col label{font-size:13px;font-weight:600;color:#2c3e50}.med-form-col input,.med-form-col select,.med-form-col textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;color:#2c3e50;transition:all .3s ease}.med-form-col input:focus,.med-form-col select:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.med-opcional{font-size:11px;color:#7f8c8d;font-weight:400}.med-error-msg{display:flex;align-items:center;gap:8px;background:#fff5f5;border-left:4px solid #e74c3c;color:#c0392b;padding:10px 14px;border-radius:6px;font-size:13px}.med-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 12px 12px}.med-horarios-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;width:100%}.med-nombre-link{color:#0f6b4f;font-weight:700}.med-horarios-layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.med-turno-panel{width:280px;flex-shrink:0;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.med-turno-header{padding:14px 20px;background:#1976d2;color:#fff;font-size:15px;font-weight:700}.med-turno-body{padding:20px;display:flex;flex-direction:column;gap:16px}.med-horario-horas{display:grid;grid-template-columns:1fr 1fr;gap:12px}.med-btn-agregar{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.med-btn-agregar:hover{background:#1565c0}.med-btn-agregar:disabled{opacity:.6;cursor:not-allowed}.med-horarios-card-header{padding:14px 20px;font-size:15px;font-weight:700;color:#2c3e50;border-bottom:1px solid #e0e0e0}.med-dia-cell{color:#1976d2;font-weight:600;font-size:14px}.med-spin{animation:med-spin .8s linear infinite}@keyframes med-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.page-header{flex-direction:column;gap:15px}.btn-primary{width:100%;justify-content:center}.med-horarios-layout{flex-direction:column}.med-turno-panel{width:100%}.med-acciones{flex-wrap:wrap}}.usuarios-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-start}.usuarios-summary{display:flex;gap:12px;flex-wrap:wrap}.usuarios-summary-card{min-width:140px;padding:14px 16px;border-radius:16px;background:var(--surface-color, #ffffff);border:1px solid rgba(15,107,79,.12);box-shadow:0 8px 20px #0f172a0f}.usuarios-summary-card span{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.usuarios-summary-card strong{font-size:24px;color:var(--text-primary)}.usuarios-tabs{display:flex;gap:10px;margin:20px 0 16px;flex-wrap:wrap}.usuarios-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;border:1px solid rgba(15,107,79,.12);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.usuarios-tab.active{background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff;border-color:transparent}.usuarios-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:20px}.usuarios-card{padding:20px}.usuarios-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.usuarios-card-header h2{margin:0;font-size:20px}.usuarios-kicker{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--text-secondary)}.usuarios-card-icon{font-size:24px;color:#0f6b4f}.usuarios-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usuarios-form-grid .full{grid-column:1 / -1}.usuarios-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.usuarios-error{margin-top:14px;padding:12px 14px;border-radius:12px;background:#dc354514;color:#b42318;display:flex;align-items:center;gap:8px}.usuarios-error-global{justify-content:space-between}.usuarios-table-card{overflow:hidden}.usuarios-table-wrap{overflow-x:auto}.usuarios-user-cell{display:flex;align-items:center;gap:12px}.usuarios-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0f6b4f14;color:#0f6b4f}.usuarios-user-name{font-weight:700}.usuarios-contact-cell{display:flex;flex-direction:column;gap:4px}.usuarios-empty,.usuarios-empty-table{padding:24px;text-align:center;color:var(--text-secondary)}@media(max-width:1024px){.usuarios-grid{grid-template-columns:1fr}}.btn-action{padding:9px 10px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-action:disabled{opacity:.45;cursor:not-allowed}.btn-edit{background-color:#fff3e0;color:#f57c00;margin-right:4px}.btn-edit:hover{background-color:#ffe0b2}.btn-delete{background-color:#ffebee;color:#c62828}.btn-delete:hover{background-color:#ffcdd2}tr.row-editing{background-color:var(--primary-light, #e8f0fe);outline:2px solid var(--primary, #1a73e8);outline-offset:-2px}.usuarios-list-card{display:flex;flex-direction:column;overflow:hidden}.ulist-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:12px}.ulist-search-icon{position:absolute;left:12px;color:var(--text-secondary);font-size:13px;pointer-events:none}.ulist-search-input{width:100%;padding:9px 36px 9px 34px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--surface-color, #fff);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.ulist-search-input:focus{border-color:#0f6b4f}.ulist-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:4px;border-radius:4px}.ulist-search-clear:hover{color:var(--text-primary)}.ulist{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:560px;display:flex;flex-direction:column;gap:8px}.ulist-item{border-radius:10px;border:1px solid rgba(0,0,0,.08);overflow:hidden;transition:border-color .2s}.ulist-item:hover{border-color:#0f6b4f40}.ulist-item--editing{border-color:#0f6b4f;box-shadow:0 0 0 2px #0f6b4f26}.ulist-row{width:100%;display:flex;align-items:center;gap:12px;padding:18px 14px;min-height:72px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;color:var(--text-primary);transition:background .15s}.ulist-row:hover{background:#0f6b4f0a}.ulist-chevron{color:var(--text-secondary);font-size:11px;flex-shrink:0;width:14px}.ulist-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0f6b4f14;color:#0f6b4f;font-size:17px;flex-shrink:0}.ulist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ulist-name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ulist-sub{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:1px}.ulist-badges{display:flex;gap:4px;flex-shrink:0}.ulist-actions{display:flex;align-items:center;gap:6px;padding-right:12px;flex-shrink:0}.ulist-item{position:relative}.ulist-row{padding-right:0}.ulist-item>.ulist-row{padding-right:4px}.ulist-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;min-height:72px}.ulist-item>.ulist-row{grid-column:1;grid-row:1}.ulist-item>.ulist-actions{grid-column:2;grid-row:1;padding-right:8px}.ulist-item>.ulist-detail{grid-column:1 / -1;grid-row:2}.ulist-detail{padding:10px 14px 14px 70px;border-top:1px solid rgba(0,0,0,.06);background:#0f6b4f08}.ulist-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.ulist-detail-item{display:flex;flex-direction:column;gap:2px}.ulist-detail-item.full{grid-column:1 / -1}.ulist-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.ulist-count{margin:10px 0 0;font-size:12px;color:var(--text-secondary);text-align:right}.ulist-btn-horarios{padding:6px 8px;font-size:13px}.u-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.u-modal{background:var(--surface-color, #fff);border-radius:20px;box-shadow:0 24px 64px #0f172a38;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;padding:28px}.u-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.u-modal-kicker{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--text-secondary)}.u-modal-title{margin:0;font-size:20px;color:var(--text-primary)}.u-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;font-size:16px;line-height:1;display:flex;align-items:center;transition:background .15s,color .15s;flex-shrink:0}.u-modal-close:hover{color:var(--text-primary);background:#00000012}@media(max-width:768px){.usuarios-summary{width:100%}.usuarios-summary-card{flex:1;min-width:100px}.usuarios-card-header h2{font-size:18px}}@media(max-width:640px){.usuarios-form-grid{grid-template-columns:1fr}.u-modal{padding:20px;border-radius:16px}.usuarios-card-header{flex-direction:column;align-items:stretch;gap:10px}.ulist-row{padding:12px 10px;gap:10px;min-height:60px;font-size:13px}.ulist-item{min-height:60px}.ulist-avatar{width:36px;height:36px;font-size:14px}.ulist-sub{display:none}.ulist-detail{padding:10px 14px 12px}.ulist-detail-grid{grid-template-columns:1fr 1fr}.ulist-actions{padding-right:8px;gap:4px}.btn-action{padding:8px;font-size:13px}.ulist-btn-horarios{padding:5px 7px;font-size:12px}.ulist-search-input,.input{font-size:16px}.ulist{max-height:none;overflow-y:visible}}@media(max-width:480px){.usuarios-summary-card{min-width:80px;padding:10px 12px}.usuarios-summary-card strong{font-size:20px}.ulist-badges{display:none}.ulist-detail-grid{grid-template-columns:1fr}.u-modal-overlay{padding:12px}.u-modal{padding:16px}}.pagos-page{display:flex;flex-direction:column;gap:16px}.pagos-header{margin-bottom:0;padding-bottom:16px}.pagos-table-wrap{min-width:0}.pagos-cobro-page{display:flex;flex-direction:column;gap:16px}.pagos-cobro-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagos-cobro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.pagos-cobro-card{display:flex;flex-direction:column;gap:16px}.pagos-cobro-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pagos-cobro-card-header h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:18px}.pagos-resumen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pagos-resumen-grid div,.pagos-componentes-grid>div{border:1px solid var(--border-color);border-radius:12px;padding:12px;background:#fbfcfc}.pagos-resumen-grid span{display:block;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.pagos-resumen-grid strong{font-size:16px}.pagos-componentes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pagos-componentes-grid h3{margin:0 0 8px;font-size:15px}.pagos-componentes-grid p{margin:4px 0;font-size:13px;color:var(--text-secondary)}.pagos-state-text{margin-top:8px;font-weight:700}.pagos-state-text.is-paid{color:#0f6b4f}.pagos-state-text.is-pending{color:#8f5c00}.pagos-componentes-grid .is-paid{border-color:#14a97f59;background:#14a97f0f}.pagos-meds-list{margin-top:10px;border-top:1px solid var(--border-color);padding-top:10px;display:flex;flex-direction:column;gap:6px}.pagos-meds-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}.pagos-meds-item-name{color:var(--text-primary);flex:1;min-width:0;word-break:break-word}.pagos-meds-item-meta{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.pagos-cobro-form{display:flex;flex-direction:column;gap:14px}.pagos-alert{border-radius:10px;padding:12px 14px;font-size:14px}.pagos-alert-error{border:1px solid #efc2c2;background:#fff5f5;color:#8f1d1d}.pagos-alert-success{border:1px solid rgba(20,169,127,.25);background:#14a97f14;color:#0f6b4f}.pagos-historial-list{display:flex;flex-direction:column;gap:10px}.pagos-historial-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:#fff}.pagos-historial-item strong{display:block;font-size:15px}.pagos-historial-item small,.pagos-historial-meta small{display:block;color:var(--text-secondary);font-size:12px}.pagos-historial-meta{text-align:right}.pagos-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagos-filter-btn{border:1px solid var(--border-color);background:#fff;color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagos-filter-btn:hover,.pagos-filter-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:#0f6b4f14}.pagos-error-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff8f6;border:1px solid #f3c9c1;border-radius:10px;padding:12px 14px}.pagos-error-card p{margin:0;color:#8f2e1d;font-size:14px}@media(max-width:768px){.pagos-error-card{flex-direction:column;align-items:stretch}.pagos-filter-group{width:100%}.pagos-cobro-grid,.pagos-resumen-grid,.pagos-componentes-grid{grid-template-columns:1fr}.pagos-historial-item,.pagos-cobro-header,.pagos-cobro-card-header{flex-direction:column;align-items:stretch}.pagos-historial-meta{text-align:left}}.reportes-page{display:flex;flex-direction:column;gap:16px}.reportes-filtros{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;border:1px solid rgba(15,107,79,.12)}.reportes-filtros .filtro-item{display:flex;flex-direction:column;gap:6px;min-width:160px}.reportes-filtros .filtro-item label{font-size:12px;font-weight:600;color:#5a6474;text-transform:uppercase;letter-spacing:.5px}.reportes-filtros .filtro-item input[type=date]{padding:9px 12px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.reportes-filtros .filtro-item input[type=date]:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.reportes-filtros .filtro-botones{display:flex;gap:8px}.reportes-exportar{background:#fff;border-radius:12px;padding:14px 24px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(15,107,79,.12);display:flex;flex-wrap:wrap;align-items:center;gap:12px}.reportes-exportar-label{font-size:11px;font-weight:700;color:#5a6474;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.reportes-exportar-btns{display:flex;flex-wrap:wrap;gap:8px;flex:1}.btn-export{background:#fff;color:#c0392b;border:1.5px solid #c0392b!important;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px}.btn-export:hover:not(:disabled){background:#c0392b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #c0392b40}.btn-export:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.export-count{background:#c0392b1f;color:#c0392b;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.4}.btn-export:hover:not(:disabled) .export-count{background:#ffffff40;color:#fff}.reportes-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.reportes-kpi-card{border-radius:14px!important;border:1px solid rgba(0,0,0,.07)!important}.reportes-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.reportes-kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff;font-size:16px}.kpi-blue .reportes-kpi-icon{background:linear-gradient(135deg,#3498db,#1f6fa5)}.kpi-amber .reportes-kpi-icon{background:linear-gradient(135deg,#f39c12,#d58003)}.kpi-green .reportes-kpi-icon{background:linear-gradient(135deg,#27ae60,#1e8449)}.kpi-emerald .reportes-kpi-icon{background:linear-gradient(135deg,#0f6b4f,#14a97f)}.kpi-red .reportes-kpi-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.reportes-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.reportes-card{border-radius:14px!important;border:1px solid rgba(15,107,79,.12)!important}.reportes-chart-wrap{width:100%;height:280px}.reportes-stock-lista{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.reportes-stock-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:#fff8f0;border:1px solid #fde0b5}.reportes-stock-nombre{font-size:14px;font-weight:500;color:#2c3e50}.btn{padding:9px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.4px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f6b4f59}.btn-secondary:hover{background:#d5dbdb;transform:translateY(-1px)}.reportes-vacio{text-align:center;color:#95a5a6;padding:40px;font-size:15px}@media(max-width:1100px){.reportes-charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.reportes-kpi-grid{grid-template-columns:repeat(2,1fr)}.reportes-filtros{flex-direction:column}.reportes-filtros .filtro-item{min-width:100%}.reportes-filtros .filtro-botones{width:100%}.reportes-filtros .btn{flex:1}.reportes-chart-wrap{height:240px}.reportes-exportar{flex-direction:column;align-items:flex-start}.reportes-exportar-btns{width:100%}.btn-export{flex:1;justify-content:center;min-width:120px}}@media(max-width:480px){.reportes-kpi-grid{grid-template-columns:1fr}}.auditoria-container{padding:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.auditoria-header{margin-bottom:30px;text-align:center}.auditoria-header h1{font-size:32px;color:#2c3e50;margin:0 0 10px;font-weight:700}.auditoria-header p{font-size:16px;color:#7f8c8d;margin:0}.resumen-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.resumen-cards .card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.resumen-cards .card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.resumen-cards .card h3{font-size:14px;color:#7f8c8d;margin:0 0 10px;text-transform:uppercase;font-weight:600}.resumen-cards .card .numero{font-size:36px;font-weight:700;color:#0f6b4f;margin:0}.filtros-panel{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.filtros-panel h2{margin:0 0 20px;font-size:20px;color:#2c3e50;border-bottom:2px solid #0f6b4f;padding-bottom:10px}.filtros-grupo{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.filtro-item{flex:1;min-width:200px;display:flex;flex-direction:column}.filtro-item label{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filtro-item input,.filtro-item select{padding:10px 15px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.filtro-item input:focus,.filtro-item select:focus{outline:none;border-color:#0f6b4f;box-shadow:0 0 0 3px #0f6b4f1a}.filtro-botones{display:flex;gap:10px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#0f6b4f,#14a97f);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f6b4f66}.btn-secondary{background:#ecf0f1;color:#2c3e50}.btn-secondary:hover{background:#bdc3c7;transform:translateY(-2px)}.auditorias-tabla{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;overflow-x:auto}.auditorias-tabla h2{margin:0 0 20px;font-size:20px;color:#2c3e50;border-bottom:2px solid #0f6b4f;padding-bottom:10px}.sin-datos{text-align:center;color:#95a5a6;padding:40px;font-size:16px}.auditorias-tabla table{width:100%;border-collapse:collapse}.auditorias-tabla table thead{background:linear-gradient(135deg,var(--table-header-bg) 0%,var(--primary-light) 100%);color:var(--table-header-text)}.auditorias-tabla table th{padding:15px;text-align:left;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.auditorias-tabla table tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .3s ease}.auditorias-tabla table tbody tr:hover{background-color:#f8f9fa}.auditorias-tabla table td{padding:15px;color:#2c3e50;font-size:14px}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-crear{background:#d4edda;color:#155724}.badge-actualizar{background:#cce5ff;color:#004085}.badge-eliminar{background:#f8d7da;color:#721c24}.badge-ver{background:#e2e3e5;color:#383d41}.badge-login{background:#d1ecf1;color:#0c5460}@media(max-width:768px){.auditoria-container{padding:15px}.auditoria-header h1{font-size:24px}.resumen-cards{grid-template-columns:repeat(2,1fr)}.filtros-grupo{flex-direction:column}.filtro-item{min-width:100%}.filtro-botones{flex-direction:column}.btn{width:100%}.auditorias-tabla table{font-size:12px}.auditorias-tabla table th,.auditorias-tabla table td{padding:10px}}.roles-permisos-page{display:flex;flex-direction:column;gap:18px}.roles-permisos-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.rp-header-actions,.rp-form-actions,.rp-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.rp-alert{padding:12px 14px;border:1px solid #f5b7b1;border-radius:var(--radius-sm);background:#fdecea;color:#922b21;font-size:14px;font-weight:600}.rp-form-panel{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.rp-form{padding:20px}.rp-form-header{margin-bottom:18px}.rp-form-header h2,.rp-modal-header h2{margin:0;color:var(--text-primary);font-size:20px}.rp-form-header p,.rp-modal-header p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.rp-form-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr);gap:16px}.rp-field{display:flex;flex-direction:column;gap:7px}.rp-field label{color:var(--text-primary);font-size:13px;font-weight:700}.rp-field textarea.input{min-height:92px;resize:vertical;font-family:inherit}.rp-field-error{color:var(--danger-color);font-size:12px;font-weight:600}.rp-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);gap:18px;align-items:start}.rp-grid .datatable-shell{min-width:0}.rp-role-select{width:100%;border:0;background:transparent;color:var(--text-primary);cursor:pointer;font:inherit;font-weight:700;text-align:left}.rp-role-select:hover,.rp-role-select.is-active{color:var(--primary-color)}.rp-toolbar-button,.rp-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:all .2s ease}.rp-toolbar-button{gap:8px;min-height:38px;padding:0 12px;background:#ffffff2e;color:#fff;white-space:nowrap}.rp-toolbar-button:hover:not(:disabled){background:#ffffff47}.rp-toolbar-button:disabled{cursor:not-allowed;opacity:.55}.rp-icon-button{width:34px;height:34px;background:#eef8f5;color:var(--primary-color);border-color:#ccebe2}.rp-icon-button:hover{background:#dff4ee}.rp-icon-button.danger{background:#fdecea;border-color:#f5b7b1;color:var(--danger-color)}.rp-icon-button.danger:hover{background:#fadbd8}.rp-switch{display:inline-flex;align-items:center;justify-content:center;width:52px;height:30px;cursor:pointer}.rp-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.rp-switch-track{position:relative;width:46px;height:24px;display:inline-flex;align-items:center;border-radius:999px;background:#d5dbdb;transition:background .2s ease}.rp-switch-thumb{position:absolute;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.rp-switch input:checked+.rp-switch-track{background:var(--primary-color)}.rp-switch input:checked+.rp-switch-track .rp-switch-thumb{transform:translate(22px)}.rp-switch input:disabled+.rp-switch-track{cursor:not-allowed;opacity:.55}.rp-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#2c3e509e}.rp-modal{width:min(760px,100%);max-height:min(720px,92vh);display:flex;flex-direction:column;gap:16px;padding:22px;overflow:hidden;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.rp-role-modal,.rp-confirm-modal{width:min(560px,100%)}.rp-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.rp-danger-button{background:var(--danger-color);color:#fff}.rp-danger-button:hover{background:#a93226}.rp-close-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--white);color:var(--text-primary);cursor:pointer}.rp-close-button:hover{border-color:var(--danger-color);color:var(--danger-color)}.rp-modal-search{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:42px;border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary)}.rp-modal-search input{flex:1;min-width:0;border:0;outline:0;font-size:14px}.rp-permissions-list{min-height:220px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.rp-permission-option{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer}.rp-permission-option:last-child{border-bottom:0}.rp-permission-option:hover{background:#f8f9fa}.rp-permission-option input{width:18px;height:18px;margin-top:2px;accent-color:var(--primary-color)}.rp-permission-option span{display:flex;flex-direction:column;gap:3px}.rp-permission-option strong{color:var(--text-primary);font-size:14px}.rp-permission-option small,.rp-empty{color:var(--text-secondary);font-size:13px}.rp-empty{margin:0;padding:22px;text-align:center}@media(max-width:1100px){.rp-grid,.rp-form-grid{grid-template-columns:1fr}}@media(max-width:768px){.roles-permisos-header{flex-direction:column}.rp-header-actions,.rp-form-actions,.rp-modal-actions{width:100%;justify-content:stretch}.rp-header-actions .btn,.rp-form-actions .btn,.rp-modal-actions .btn{flex:1}.rp-modal-backdrop{padding:12px}.rp-modal{padding:16px}}.config-header{gap:16px}.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.config-panel,.config-preview{background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm)}.config-panel{overflow:hidden}.config-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--border-color);background:#f8faf9}.config-panel-header h2,.config-preview h2{margin:0;color:var(--text-primary);font-size:18px;font-weight:700}.config-panel-header p,.config-preview p{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.config-updated{flex-shrink:0;color:var(--text-secondary);font-size:12px;font-weight:600;text-align:right}.config-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px}.config-field{display:flex;flex-direction:column;gap:7px}.config-field-wide{grid-column:1 / -1}.config-field label{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:13px;font-weight:700}.config-field label svg{color:var(--primary-color)}.config-field input,.config-field select,.config-field textarea{width:100%;border:2px solid var(--border-color);border-radius:8px;padding:11px 12px;color:var(--text-primary);background:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.config-field textarea{resize:vertical;min-height:96px}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0f6b4f1a}.config-field input:disabled,.config-field select:disabled,.config-field textarea:disabled{background:#f3f5f4;cursor:not-allowed}.config-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;padding-top:4px}.config-loading{padding:56px 24px;color:var(--text-secondary);text-align:center;font-size:14px}.config-success{margin-bottom:16px;padding:12px 18px;color:#0f6b4f;background:#edf8f4;border-left:4px solid #14a97f;border-radius:8px;font-size:14px;font-weight:600}.config-preview{padding:24px;position:sticky;top:20px}.config-preview-logo{width:82px;height:82px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden;border-radius:8px;background:#edf8f4;color:var(--primary-color);font-size:32px}.config-preview-logo img{width:100%;height:100%;object-fit:cover}.config-preview-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f0;font-size:13px}.config-preview-line span{color:var(--text-secondary)}.config-preview-line strong{max-width:170px;color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.config-receipt-message{margin-top:18px;padding:14px;border-radius:8px;background:#f8faf9;color:var(--text-secondary);font-size:13px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:1100px){.config-layout{grid-template-columns:1fr}.config-preview{position:static}}@media(max-width:720px){.config-panel-header,.config-form{padding:18px}.config-panel-header{flex-direction:column}.config-updated{text-align:left}.config-form{grid-template-columns:1fr}.config-actions .btn{width:100%}}.perfil-layout{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:start}.perfil-info-body{padding:24px}.perfil-info-intro{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.perfil-avatar{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf8f4;color:var(--primary-color);font-size:28px}.perfil-nombre{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.perfil-rol{font-size:13px;color:var(--text-secondary);margin:0}@media(max-width:960px){.perfil-layout{grid-template-columns:1fr}}