@charset "UTF-8";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css";/*!
* Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
* Copyright 2019-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
*/@font-face{font-display:block;font-family:bootstrap-icons;src:url(/assets/bootstrap-icons-mSm7cUeB.woff2?e34853135f9e39acf64315236852cd5a) format("woff2"),url(/assets/bootstrap-icons-BeopsB42.woff?e34853135f9e39acf64315236852cd5a) format("woff")}.bi:before,[class^=bi-]:before,[class*=" bi-"]:before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-123:before{content:""}.bi-alarm-fill:before{content:""}.bi-alarm:before{content:""}.bi-align-bottom:before{content:""}.bi-align-center:before{content:""}.bi-align-end:before{content:""}.bi-align-middle:before{content:""}.bi-align-start:before{content:""}.bi-align-top:before{content:""}.bi-alt:before{content:""}.bi-app-indicator:before{content:""}.bi-app:before{content:""}.bi-archive-fill:before{content:""}.bi-archive:before{content:""}.bi-arrow-90deg-down:before{content:""}.bi-arrow-90deg-left:before{content:""}.bi-arrow-90deg-right:before{content:""}.bi-arrow-90deg-up:before{content:""}.bi-arrow-bar-down:before{content:""}.bi-arrow-bar-left:before{content:""}.bi-arrow-bar-right:before{content:""}.bi-arrow-bar-up:before{content:""}.bi-arrow-clockwise:before{content:""}.bi-arrow-counterclockwise:before{content:""}.bi-arrow-down-circle-fill:before{content:""}.bi-arrow-down-circle:before{content:""}.bi-arrow-down-left-circle-fill:before{content:""}.bi-arrow-down-left-circle:before{content:""}.bi-arrow-down-left-square-fill:before{content:""}.bi-arrow-down-left-square:before{content:""}.bi-arrow-down-left:before{content:""}.bi-arrow-down-right-circle-fill:before{content:""}.bi-arrow-down-right-circle:before{content:""}.bi-arrow-down-right-square-fill:before{content:""}.bi-arrow-down-right-square:before{content:""}.bi-arrow-down-right:before{content:""}.bi-arrow-down-short:before{content:""}.bi-arrow-down-square-fill:before{content:""}.bi-arrow-down-square:before{content:""}.bi-arrow-down-up:before{content:""}.bi-arrow-down:before{content:""}.bi-arrow-left-circle-fill:before{content:""}.bi-arrow-left-circle:before{content:""}.bi-arrow-left-right:before{content:""}.bi-arrow-left-short:before{content:""}.bi-arrow-left-square-fill:before{content:""}.bi-arrow-left-square:before{content:""}.bi-arrow-left:before{content:""}.bi-arrow-repeat:before{content:""}.bi-arrow-return-left:before{content:""}.bi-arrow-return-right:before{content:""}.bi-arrow-right-circle-fill:before{content:""}.bi-arrow-right-circle:before{content:""}.bi-arrow-right-short:before{content:""}.bi-arrow-right-square-fill:before{content:""}.bi-arrow-right-square:before{content:""}.bi-arrow-right:before{content:""}.bi-arrow-up-circle-fill:before{content:""}.bi-arrow-up-circle:before{content:""}.bi-arrow-up-left-circle-fill:before{content:""}.bi-arrow-up-left-circle:before{content:""}.bi-arrow-up-left-square-fill:before{content:""}.bi-arrow-up-left-square:before{content:""}.bi-arrow-up-left:before{content:""}.bi-arrow-up-right-circle-fill:before{content:""}.bi-arrow-up-right-circle:before{content:""}.bi-arrow-up-right-square-fill:before{content:""}.bi-arrow-up-right-square:before{content:""}.bi-arrow-up-right:before{content:""}.bi-arrow-up-short:before{content:""}.bi-arrow-up-square-fill:before{content:""}.bi-arrow-up-square:before{content:""}.bi-arrow-up:before{content:""}.bi-arrows-angle-contract:before{content:""}.bi-arrows-angle-expand:before{content:""}.bi-arrows-collapse:before{content:""}.bi-arrows-expand:before{content:""}.bi-arrows-fullscreen:before{content:""}.bi-arrows-move:before{content:""}.bi-aspect-ratio-fill:before{content:""}.bi-aspect-ratio:before{content:""}.bi-asterisk:before{content:""}.bi-at:before{content:""}.bi-award-fill:before{content:""}.bi-award:before{content:""}.bi-back:before{content:""}.bi-backspace-fill:before{content:""}.bi-backspace-reverse-fill:before{content:""}.bi-backspace-reverse:before{content:""}.bi-backspace:before{content:""}.bi-badge-3d-fill:before{content:""}.bi-badge-3d:before{content:""}.bi-badge-4k-fill:before{content:""}.bi-badge-4k:before{content:""}.bi-badge-8k-fill:before{content:""}.bi-badge-8k:before{content:""}.bi-badge-ad-fill:before{content:""}.bi-badge-ad:before{content:""}.bi-badge-ar-fill:before{content:""}.bi-badge-ar:before{content:""}.bi-badge-cc-fill:before{content:""}.bi-badge-cc:before{content:""}.bi-badge-hd-fill:before{content:""}.bi-badge-hd:before{content:""}.bi-badge-tm-fill:before{content:""}.bi-badge-tm:before{content:""}.bi-badge-vo-fill:before{content:""}.bi-badge-vo:before{content:""}.bi-badge-vr-fill:before{content:""}.bi-badge-vr:before{content:""}.bi-badge-wc-fill:before{content:""}.bi-badge-wc:before{content:""}.bi-bag-check-fill:before{content:""}.bi-bag-check:before{content:""}.bi-bag-dash-fill:before{content:""}.bi-bag-dash:before{content:""}.bi-bag-fill:before{content:""}.bi-bag-plus-fill:before{content:""}.bi-bag-plus:before{content:""}.bi-bag-x-fill:before{content:""}.bi-bag-x:before{content:""}.bi-bag:before{content:""}.bi-bar-chart-fill:before{content:""}.bi-bar-chart-line-fill:before{content:""}.bi-bar-chart-line:before{content:""}.bi-bar-chart-steps:before{content:""}.bi-bar-chart:before{content:""}.bi-basket-fill:before{content:""}.bi-basket:before{content:""}.bi-basket2-fill:before{content:""}.bi-basket2:before{content:""}.bi-basket3-fill:before{content:""}.bi-basket3:before{content:""}.bi-battery-charging:before{content:""}.bi-battery-full:before{content:""}.bi-battery-half:before{content:""}.bi-battery:before{content:""}.bi-bell-fill:before{content:""}.bi-bell:before{content:""}.bi-bezier:before{content:""}.bi-bezier2:before{content:""}.bi-bicycle:before{content:""}.bi-binoculars-fill:before{content:""}.bi-binoculars:before{content:""}.bi-blockquote-left:before{content:""}.bi-blockquote-right:before{content:""}.bi-book-fill:before{content:""}.bi-book-half:before{content:""}.bi-book:before{content:""}.bi-bookmark-check-fill:before{content:""}.bi-bookmark-check:before{content:""}.bi-bookmark-dash-fill:before{content:""}.bi-bookmark-dash:before{content:""}.bi-bookmark-fill:before{content:""}.bi-bookmark-heart-fill:before{content:""}.bi-bookmark-heart:before{content:""}.bi-bookmark-plus-fill:before{content:""}.bi-bookmark-plus:before{content:""}.bi-bookmark-star-fill:before{content:""}.bi-bookmark-star:before{content:""}.bi-bookmark-x-fill:before{content:""}.bi-bookmark-x:before{content:""}.bi-bookmark:before{content:""}.bi-bookmarks-fill:before{content:""}.bi-bookmarks:before{content:""}.bi-bookshelf:before{content:""}.bi-bootstrap-fill:before{content:""}.bi-bootstrap-reboot:before{content:""}.bi-bootstrap:before{content:""}.bi-border-all:before{content:""}.bi-border-bottom:before{content:""}.bi-border-center:before{content:""}.bi-border-inner:before{content:""}.bi-border-left:before{content:""}.bi-border-middle:before{content:""}.bi-border-outer:before{content:""}.bi-border-right:before{content:""}.bi-border-style:before{content:""}.bi-border-top:before{content:""}.bi-border-width:before{content:""}.bi-border:before{content:""}.bi-bounding-box-circles:before{content:""}.bi-bounding-box:before{content:""}.bi-box-arrow-down-left:before{content:""}.bi-box-arrow-down-right:before{content:""}.bi-box-arrow-down:before{content:""}.bi-box-arrow-in-down-left:before{content:""}.bi-box-arrow-in-down-right:before{content:""}.bi-box-arrow-in-down:before{content:""}.bi-box-arrow-in-left:before{content:""}.bi-box-arrow-in-right:before{content:""}.bi-box-arrow-in-up-left:before{content:""}.bi-box-arrow-in-up-right:before{content:""}.bi-box-arrow-in-up:before{content:""}.bi-box-arrow-left:before{content:""}.bi-box-arrow-right:before{content:""}.bi-box-arrow-up-left:before{content:""}.bi-box-arrow-up-right:before{content:""}.bi-box-arrow-up:before{content:""}.bi-box-seam:before{content:""}.bi-box:before{content:""}.bi-braces:before{content:""}.bi-bricks:before{content:""}.bi-briefcase-fill:before{content:""}.bi-briefcase:before{content:""}.bi-brightness-alt-high-fill:before{content:""}.bi-brightness-alt-high:before{content:""}.bi-brightness-alt-low-fill:before{content:""}.bi-brightness-alt-low:before{content:""}.bi-brightness-high-fill:before{content:""}.bi-brightness-high:before{content:""}.bi-brightness-low-fill:before{content:""}.bi-brightness-low:before{content:""}.bi-broadcast-pin:before{content:""}.bi-broadcast:before{content:""}.bi-brush-fill:before{content:""}.bi-brush:before{content:""}.bi-bucket-fill:before{content:""}.bi-bucket:before{content:""}.bi-bug-fill:before{content:""}.bi-bug:before{content:""}.bi-building:before{content:""}.bi-bullseye:before{content:""}.bi-calculator-fill:before{content:""}.bi-calculator:before{content:""}.bi-calendar-check-fill:before{content:""}.bi-calendar-check:before{content:""}.bi-calendar-date-fill:before{content:""}.bi-calendar-date:before{content:""}.bi-calendar-day-fill:before{content:""}.bi-calendar-day:before{content:""}.bi-calendar-event-fill:before{content:""}.bi-calendar-event:before{content:""}.bi-calendar-fill:before{content:""}.bi-calendar-minus-fill:before{content:""}.bi-calendar-minus:before{content:""}.bi-calendar-month-fill:before{content:""}.bi-calendar-month:before{content:""}.bi-calendar-plus-fill:before{content:""}.bi-calendar-plus:before{content:""}.bi-calendar-range-fill:before{content:""}.bi-calendar-range:before{content:""}.bi-calendar-week-fill:before{content:""}.bi-calendar-week:before{content:""}.bi-calendar-x-fill:before{content:""}.bi-calendar-x:before{content:""}.bi-calendar:before{content:""}.bi-calendar2-check-fill:before{content:""}.bi-calendar2-check:before{content:""}.bi-calendar2-date-fill:before{content:""}.bi-calendar2-date:before{content:""}.bi-calendar2-day-fill:before{content:""}.bi-calendar2-day:before{content:""}.bi-calendar2-event-fill:before{content:""}.bi-calendar2-event:before{content:""}.bi-calendar2-fill:before{content:""}.bi-calendar2-minus-fill:before{content:""}.bi-calendar2-minus:before{content:""}.bi-calendar2-month-fill:before{content:""}.bi-calendar2-month:before{content:""}.bi-calendar2-plus-fill:before{content:""}.bi-calendar2-plus:before{content:""}.bi-calendar2-range-fill:before{content:""}.bi-calendar2-range:before{content:""}.bi-calendar2-week-fill:before{content:""}.bi-calendar2-week:before{content:""}.bi-calendar2-x-fill:before{content:""}.bi-calendar2-x:before{content:""}.bi-calendar2:before{content:""}.bi-calendar3-event-fill:before{content:""}.bi-calendar3-event:before{content:""}.bi-calendar3-fill:before{content:""}.bi-calendar3-range-fill:before{content:""}.bi-calendar3-range:before{content:""}.bi-calendar3-week-fill:before{content:""}.bi-calendar3-week:before{content:""}.bi-calendar3:before{content:""}.bi-calendar4-event:before{content:""}.bi-calendar4-range:before{content:""}.bi-calendar4-week:before{content:""}.bi-calendar4:before{content:""}.bi-camera-fill:before{content:""}.bi-camera-reels-fill:before{content:""}.bi-camera-reels:before{content:""}.bi-camera-video-fill:before{content:""}.bi-camera-video-off-fill:before{content:""}.bi-camera-video-off:before{content:""}.bi-camera-video:before{content:""}.bi-camera:before{content:""}.bi-camera2:before{content:""}.bi-capslock-fill:before{content:""}.bi-capslock:before{content:""}.bi-card-checklist:before{content:""}.bi-card-heading:before{content:""}.bi-card-image:before{content:""}.bi-card-list:before{content:""}.bi-card-text:before{content:""}.bi-caret-down-fill:before{content:""}.bi-caret-down-square-fill:before{content:""}.bi-caret-down-square:before{content:""}.bi-caret-down:before{content:""}.bi-caret-left-fill:before{content:""}.bi-caret-left-square-fill:before{content:""}.bi-caret-left-square:before{content:""}.bi-caret-left:before{content:""}.bi-caret-right-fill:before{content:""}.bi-caret-right-square-fill:before{content:""}.bi-caret-right-square:before{content:""}.bi-caret-right:before{content:""}.bi-caret-up-fill:before{content:""}.bi-caret-up-square-fill:before{content:""}.bi-caret-up-square:before{content:""}.bi-caret-up:before{content:""}.bi-cart-check-fill:before{content:""}.bi-cart-check:before{content:""}.bi-cart-dash-fill:before{content:""}.bi-cart-dash:before{content:""}.bi-cart-fill:before{content:""}.bi-cart-plus-fill:before{content:""}.bi-cart-plus:before{content:""}.bi-cart-x-fill:before{content:""}.bi-cart-x:before{content:""}.bi-cart:before{content:""}.bi-cart2:before{content:""}.bi-cart3:before{content:""}.bi-cart4:before{content:""}.bi-cash-stack:before{content:""}.bi-cash:before{content:""}.bi-cast:before{content:""}.bi-chat-dots-fill:before{content:""}.bi-chat-dots:before{content:""}.bi-chat-fill:before{content:""}.bi-chat-left-dots-fill:before{content:""}.bi-chat-left-dots:before{content:""}.bi-chat-left-fill:before{content:""}.bi-chat-left-quote-fill:before{content:""}.bi-chat-left-quote:before{content:""}.bi-chat-left-text-fill:before{content:""}.bi-chat-left-text:before{content:""}.bi-chat-left:before{content:""}.bi-chat-quote-fill:before{content:""}.bi-chat-quote:before{content:""}.bi-chat-right-dots-fill:before{content:""}.bi-chat-right-dots:before{content:""}.bi-chat-right-fill:before{content:""}.bi-chat-right-quote-fill:before{content:""}.bi-chat-right-quote:before{content:""}.bi-chat-right-text-fill:before{content:""}.bi-chat-right-text:before{content:""}.bi-chat-right:before{content:""}.bi-chat-square-dots-fill:before{content:""}.bi-chat-square-dots:before{content:""}.bi-chat-square-fill:before{content:""}.bi-chat-square-quote-fill:before{content:""}.bi-chat-square-quote:before{content:""}.bi-chat-square-text-fill:before{content:""}.bi-chat-square-text:before{content:""}.bi-chat-square:before{content:""}.bi-chat-text-fill:before{content:""}.bi-chat-text:before{content:""}.bi-chat:before{content:""}.bi-check-all:before{content:""}.bi-check-circle-fill:before{content:""}.bi-check-circle:before{content:""}.bi-check-square-fill:before{content:""}.bi-check-square:before{content:""}.bi-check:before{content:""}.bi-check2-all:before{content:""}.bi-check2-circle:before{content:""}.bi-check2-square:before{content:""}.bi-check2:before{content:""}.bi-chevron-bar-contract:before{content:""}.bi-chevron-bar-down:before{content:""}.bi-chevron-bar-expand:before{content:""}.bi-chevron-bar-left:before{content:""}.bi-chevron-bar-right:before{content:""}.bi-chevron-bar-up:before{content:""}.bi-chevron-compact-down:before{content:""}.bi-chevron-compact-left:before{content:""}.bi-chevron-compact-right:before{content:""}.bi-chevron-compact-up:before{content:""}.bi-chevron-contract:before{content:""}.bi-chevron-double-down:before{content:""}.bi-chevron-double-left:before{content:""}.bi-chevron-double-right:before{content:""}.bi-chevron-double-up:before{content:""}.bi-chevron-down:before{content:""}.bi-chevron-expand:before{content:""}.bi-chevron-left:before{content:""}.bi-chevron-right:before{content:""}.bi-chevron-up:before{content:""}.bi-circle-fill:before{content:""}.bi-circle-half:before{content:""}.bi-circle-square:before{content:""}.bi-circle:before{content:""}.bi-clipboard-check:before{content:""}.bi-clipboard-data:before{content:""}.bi-clipboard-minus:before{content:""}.bi-clipboard-plus:before{content:""}.bi-clipboard-x:before{content:""}.bi-clipboard:before{content:""}.bi-clock-fill:before{content:""}.bi-clock-history:before{content:""}.bi-clock:before{content:""}.bi-cloud-arrow-down-fill:before{content:""}.bi-cloud-arrow-down:before{content:""}.bi-cloud-arrow-up-fill:before{content:""}.bi-cloud-arrow-up:before{content:""}.bi-cloud-check-fill:before{content:""}.bi-cloud-check:before{content:""}.bi-cloud-download-fill:before{content:""}.bi-cloud-download:before{content:""}.bi-cloud-drizzle-fill:before{content:""}.bi-cloud-drizzle:before{content:""}.bi-cloud-fill:before{content:""}.bi-cloud-fog-fill:before{content:""}.bi-cloud-fog:before{content:""}.bi-cloud-fog2-fill:before{content:""}.bi-cloud-fog2:before{content:""}.bi-cloud-hail-fill:before{content:""}.bi-cloud-hail:before{content:""}.bi-cloud-haze-fill:before{content:""}.bi-cloud-haze:before{content:""}.bi-cloud-haze2-fill:before{content:""}.bi-cloud-lightning-fill:before{content:""}.bi-cloud-lightning-rain-fill:before{content:""}.bi-cloud-lightning-rain:before{content:""}.bi-cloud-lightning:before{content:""}.bi-cloud-minus-fill:before{content:""}.bi-cloud-minus:before{content:""}.bi-cloud-moon-fill:before{content:""}.bi-cloud-moon:before{content:""}.bi-cloud-plus-fill:before{content:""}.bi-cloud-plus:before{content:""}.bi-cloud-rain-fill:before{content:""}.bi-cloud-rain-heavy-fill:before{content:""}.bi-cloud-rain-heavy:before{content:""}.bi-cloud-rain:before{content:""}.bi-cloud-slash-fill:before{content:""}.bi-cloud-slash:before{content:""}.bi-cloud-sleet-fill:before{content:""}.bi-cloud-sleet:before{content:""}.bi-cloud-snow-fill:before{content:""}.bi-cloud-snow:before{content:""}.bi-cloud-sun-fill:before{content:""}.bi-cloud-sun:before{content:""}.bi-cloud-upload-fill:before{content:""}.bi-cloud-upload:before{content:""}.bi-cloud:before{content:""}.bi-clouds-fill:before{content:""}.bi-clouds:before{content:""}.bi-cloudy-fill:before{content:""}.bi-cloudy:before{content:""}.bi-code-slash:before{content:""}.bi-code-square:before{content:""}.bi-code:before{content:""}.bi-collection-fill:before{content:""}.bi-collection-play-fill:before{content:""}.bi-collection-play:before{content:""}.bi-collection:before{content:""}.bi-columns-gap:before{content:""}.bi-columns:before{content:""}.bi-command:before{content:""}.bi-compass-fill:before{content:""}.bi-compass:before{content:""}.bi-cone-striped:before{content:""}.bi-cone:before{content:""}.bi-controller:before{content:""}.bi-cpu-fill:before{content:""}.bi-cpu:before{content:""}.bi-credit-card-2-back-fill:before{content:""}.bi-credit-card-2-back:before{content:""}.bi-credit-card-2-front-fill:before{content:""}.bi-credit-card-2-front:before{content:""}.bi-credit-card-fill:before{content:""}.bi-credit-card:before{content:""}.bi-crop:before{content:""}.bi-cup-fill:before{content:""}.bi-cup-straw:before{content:""}.bi-cup:before{content:""}.bi-cursor-fill:before{content:""}.bi-cursor-text:before{content:""}.bi-cursor:before{content:""}.bi-dash-circle-dotted:before{content:""}.bi-dash-circle-fill:before{content:""}.bi-dash-circle:before{content:""}.bi-dash-square-dotted:before{content:""}.bi-dash-square-fill:before{content:""}.bi-dash-square:before{content:""}.bi-dash:before{content:""}.bi-diagram-2-fill:before{content:""}.bi-diagram-2:before{content:""}.bi-diagram-3-fill:before{content:""}.bi-diagram-3:before{content:""}.bi-diamond-fill:before{content:""}.bi-diamond-half:before{content:""}.bi-diamond:before{content:""}.bi-dice-1-fill:before{content:""}.bi-dice-1:before{content:""}.bi-dice-2-fill:before{content:""}.bi-dice-2:before{content:""}.bi-dice-3-fill:before{content:""}.bi-dice-3:before{content:""}.bi-dice-4-fill:before{content:""}.bi-dice-4:before{content:""}.bi-dice-5-fill:before{content:""}.bi-dice-5:before{content:""}.bi-dice-6-fill:before{content:""}.bi-dice-6:before{content:""}.bi-disc-fill:before{content:""}.bi-disc:before{content:""}.bi-discord:before{content:""}.bi-display-fill:before{content:""}.bi-display:before{content:""}.bi-distribute-horizontal:before{content:""}.bi-distribute-vertical:before{content:""}.bi-door-closed-fill:before{content:""}.bi-door-closed:before{content:""}.bi-door-open-fill:before{content:""}.bi-door-open:before{content:""}.bi-dot:before{content:""}.bi-download:before{content:""}.bi-droplet-fill:before{content:""}.bi-droplet-half:before{content:""}.bi-droplet:before{content:""}.bi-earbuds:before{content:""}.bi-easel-fill:before{content:""}.bi-easel:before{content:""}.bi-egg-fill:before{content:""}.bi-egg-fried:before{content:""}.bi-egg:before{content:""}.bi-eject-fill:before{content:""}.bi-eject:before{content:""}.bi-emoji-angry-fill:before{content:""}.bi-emoji-angry:before{content:""}.bi-emoji-dizzy-fill:before{content:""}.bi-emoji-dizzy:before{content:""}.bi-emoji-expressionless-fill:before{content:""}.bi-emoji-expressionless:before{content:""}.bi-emoji-frown-fill:before{content:""}.bi-emoji-frown:before{content:""}.bi-emoji-heart-eyes-fill:before{content:""}.bi-emoji-heart-eyes:before{content:""}.bi-emoji-laughing-fill:before{content:""}.bi-emoji-laughing:before{content:""}.bi-emoji-neutral-fill:before{content:""}.bi-emoji-neutral:before{content:""}.bi-emoji-smile-fill:before{content:""}.bi-emoji-smile-upside-down-fill:before{content:""}.bi-emoji-smile-upside-down:before{content:""}.bi-emoji-smile:before{content:""}.bi-emoji-sunglasses-fill:before{content:""}.bi-emoji-sunglasses:before{content:""}.bi-emoji-wink-fill:before{content:""}.bi-emoji-wink:before{content:""}.bi-envelope-fill:before{content:""}.bi-envelope-open-fill:before{content:""}.bi-envelope-open:before{content:""}.bi-envelope:before{content:""}.bi-eraser-fill:before{content:""}.bi-eraser:before{content:""}.bi-exclamation-circle-fill:before{content:""}.bi-exclamation-circle:before{content:""}.bi-exclamation-diamond-fill:before{content:""}.bi-exclamation-diamond:before{content:""}.bi-exclamation-octagon-fill:before{content:""}.bi-exclamation-octagon:before{content:""}.bi-exclamation-square-fill:before{content:""}.bi-exclamation-square:before{content:""}.bi-exclamation-triangle-fill:before{content:""}.bi-exclamation-triangle:before{content:""}.bi-exclamation:before{content:""}.bi-exclude:before{content:""}.bi-eye-fill:before{content:""}.bi-eye-slash-fill:before{content:""}.bi-eye-slash:before{content:""}.bi-eye:before{content:""}.bi-eyedropper:before{content:""}.bi-eyeglasses:before{content:""}.bi-facebook:before{content:""}.bi-file-arrow-down-fill:before{content:""}.bi-file-arrow-down:before{content:""}.bi-file-arrow-up-fill:before{content:""}.bi-file-arrow-up:before{content:""}.bi-file-bar-graph-fill:before{content:""}.bi-file-bar-graph:before{content:""}.bi-file-binary-fill:before{content:""}.bi-file-binary:before{content:""}.bi-file-break-fill:before{content:""}.bi-file-break:before{content:""}.bi-file-check-fill:before{content:""}.bi-file-check:before{content:""}.bi-file-code-fill:before{content:""}.bi-file-code:before{content:""}.bi-file-diff-fill:before{content:""}.bi-file-diff:before{content:""}.bi-file-earmark-arrow-down-fill:before{content:""}.bi-file-earmark-arrow-down:before{content:""}.bi-file-earmark-arrow-up-fill:before{content:""}.bi-file-earmark-arrow-up:before{content:""}.bi-file-earmark-bar-graph-fill:before{content:""}.bi-file-earmark-bar-graph:before{content:""}.bi-file-earmark-binary-fill:before{content:""}.bi-file-earmark-binary:before{content:""}.bi-file-earmark-break-fill:before{content:""}.bi-file-earmark-break:before{content:""}.bi-file-earmark-check-fill:before{content:""}.bi-file-earmark-check:before{content:""}.bi-file-earmark-code-fill:before{content:""}.bi-file-earmark-code:before{content:""}.bi-file-earmark-diff-fill:before{content:""}.bi-file-earmark-diff:before{content:""}.bi-file-earmark-easel-fill:before{content:""}.bi-file-earmark-easel:before{content:""}.bi-file-earmark-excel-fill:before{content:""}.bi-file-earmark-excel:before{content:""}.bi-file-earmark-fill:before{content:""}.bi-file-earmark-font-fill:before{content:""}.bi-file-earmark-font:before{content:""}.bi-file-earmark-image-fill:before{content:""}.bi-file-earmark-image:before{content:""}.bi-file-earmark-lock-fill:before{content:""}.bi-file-earmark-lock:before{content:""}.bi-file-earmark-lock2-fill:before{content:""}.bi-file-earmark-lock2:before{content:""}.bi-file-earmark-medical-fill:before{content:""}.bi-file-earmark-medical:before{content:""}.bi-file-earmark-minus-fill:before{content:""}.bi-file-earmark-minus:before{content:""}.bi-file-earmark-music-fill:before{content:""}.bi-file-earmark-music:before{content:""}.bi-file-earmark-person-fill:before{content:""}.bi-file-earmark-person:before{content:""}.bi-file-earmark-play-fill:before{content:""}.bi-file-earmark-play:before{content:""}.bi-file-earmark-plus-fill:before{content:""}.bi-file-earmark-plus:before{content:""}.bi-file-earmark-post-fill:before{content:""}.bi-file-earmark-post:before{content:""}.bi-file-earmark-ppt-fill:before{content:""}.bi-file-earmark-ppt:before{content:""}.bi-file-earmark-richtext-fill:before{content:""}.bi-file-earmark-richtext:before{content:""}.bi-file-earmark-ruled-fill:before{content:""}.bi-file-earmark-ruled:before{content:""}.bi-file-earmark-slides-fill:before{content:""}.bi-file-earmark-slides:before{content:""}.bi-file-earmark-spreadsheet-fill:before{content:""}.bi-file-earmark-spreadsheet:before{content:""}.bi-file-earmark-text-fill:before{content:""}.bi-file-earmark-text:before{content:""}.bi-file-earmark-word-fill:before{content:""}.bi-file-earmark-word:before{content:""}.bi-file-earmark-x-fill:before{content:""}.bi-file-earmark-x:before{content:""}.bi-file-earmark-zip-fill:before{content:""}.bi-file-earmark-zip:before{content:""}.bi-file-earmark:before{content:""}.bi-file-easel-fill:before{content:""}.bi-file-easel:before{content:""}.bi-file-excel-fill:before{content:""}.bi-file-excel:before{content:""}.bi-file-fill:before{content:""}.bi-file-font-fill:before{content:""}.bi-file-font:before{content:""}.bi-file-image-fill:before{content:""}.bi-file-image:before{content:""}.bi-file-lock-fill:before{content:""}.bi-file-lock:before{content:""}.bi-file-lock2-fill:before{content:""}.bi-file-lock2:before{content:""}.bi-file-medical-fill:before{content:""}.bi-file-medical:before{content:""}.bi-file-minus-fill:before{content:""}.bi-file-minus:before{content:""}.bi-file-music-fill:before{content:""}.bi-file-music:before{content:""}.bi-file-person-fill:before{content:""}.bi-file-person:before{content:""}.bi-file-play-fill:before{content:""}.bi-file-play:before{content:""}.bi-file-plus-fill:before{content:""}.bi-file-plus:before{content:""}.bi-file-post-fill:before{content:""}.bi-file-post:before{content:""}.bi-file-ppt-fill:before{content:""}.bi-file-ppt:before{content:""}.bi-file-richtext-fill:before{content:""}.bi-file-richtext:before{content:""}.bi-file-ruled-fill:before{content:""}.bi-file-ruled:before{content:""}.bi-file-slides-fill:before{content:""}.bi-file-slides:before{content:""}.bi-file-spreadsheet-fill:before{content:""}.bi-file-spreadsheet:before{content:""}.bi-file-text-fill:before{content:""}.bi-file-text:before{content:""}.bi-file-word-fill:before{content:""}.bi-file-word:before{content:""}.bi-file-x-fill:before{content:""}.bi-file-x:before{content:""}.bi-file-zip-fill:before{content:""}.bi-file-zip:before{content:""}.bi-file:before{content:""}.bi-files-alt:before{content:""}.bi-files:before{content:""}.bi-film:before{content:""}.bi-filter-circle-fill:before{content:""}.bi-filter-circle:before{content:""}.bi-filter-left:before{content:""}.bi-filter-right:before{content:""}.bi-filter-square-fill:before{content:""}.bi-filter-square:before{content:""}.bi-filter:before{content:""}.bi-flag-fill:before{content:""}.bi-flag:before{content:""}.bi-flower1:before{content:""}.bi-flower2:before{content:""}.bi-flower3:before{content:""}.bi-folder-check:before{content:""}.bi-folder-fill:before{content:""}.bi-folder-minus:before{content:""}.bi-folder-plus:before{content:""}.bi-folder-symlink-fill:before{content:""}.bi-folder-symlink:before{content:""}.bi-folder-x:before{content:""}.bi-folder:before{content:""}.bi-folder2-open:before{content:""}.bi-folder2:before{content:""}.bi-fonts:before{content:""}.bi-forward-fill:before{content:""}.bi-forward:before{content:""}.bi-front:before{content:""}.bi-fullscreen-exit:before{content:""}.bi-fullscreen:before{content:""}.bi-funnel-fill:before{content:""}.bi-funnel:before{content:""}.bi-gear-fill:before{content:""}.bi-gear-wide-connected:before{content:""}.bi-gear-wide:before{content:""}.bi-gear:before{content:""}.bi-gem:before{content:""}.bi-geo-alt-fill:before{content:""}.bi-geo-alt:before{content:""}.bi-geo-fill:before{content:""}.bi-geo:before{content:""}.bi-gift-fill:before{content:""}.bi-gift:before{content:""}.bi-github:before{content:""}.bi-globe:before{content:""}.bi-globe2:before{content:""}.bi-google:before{content:""}.bi-graph-down:before{content:""}.bi-graph-up:before{content:""}.bi-grid-1x2-fill:before{content:""}.bi-grid-1x2:before{content:""}.bi-grid-3x2-gap-fill:before{content:""}.bi-grid-3x2-gap:before{content:""}.bi-grid-3x2:before{content:""}.bi-grid-3x3-gap-fill:before{content:""}.bi-grid-3x3-gap:before{content:""}.bi-grid-3x3:before{content:""}.bi-grid-fill:before{content:""}.bi-grid:before{content:""}.bi-grip-horizontal:before{content:""}.bi-grip-vertical:before{content:""}.bi-hammer:before{content:""}.bi-hand-index-fill:before{content:""}.bi-hand-index-thumb-fill:before{content:""}.bi-hand-index-thumb:before{content:""}.bi-hand-index:before{content:""}.bi-hand-thumbs-down-fill:before{content:""}.bi-hand-thumbs-down:before{content:""}.bi-hand-thumbs-up-fill:before{content:""}.bi-hand-thumbs-up:before{content:""}.bi-handbag-fill:before{content:""}.bi-handbag:before{content:""}.bi-hash:before{content:""}.bi-hdd-fill:before{content:""}.bi-hdd-network-fill:before{content:""}.bi-hdd-network:before{content:""}.bi-hdd-rack-fill:before{content:""}.bi-hdd-rack:before{content:""}.bi-hdd-stack-fill:before{content:""}.bi-hdd-stack:before{content:""}.bi-hdd:before{content:""}.bi-headphones:before{content:""}.bi-headset:before{content:""}.bi-heart-fill:before{content:""}.bi-heart-half:before{content:""}.bi-heart:before{content:""}.bi-heptagon-fill:before{content:""}.bi-heptagon-half:before{content:""}.bi-heptagon:before{content:""}.bi-hexagon-fill:before{content:""}.bi-hexagon-half:before{content:""}.bi-hexagon:before{content:""}.bi-hourglass-bottom:before{content:""}.bi-hourglass-split:before{content:""}.bi-hourglass-top:before{content:""}.bi-hourglass:before{content:""}.bi-house-door-fill:before{content:""}.bi-house-door:before{content:""}.bi-house-fill:before{content:""}.bi-house:before{content:""}.bi-hr:before{content:""}.bi-hurricane:before{content:""}.bi-image-alt:before{content:""}.bi-image-fill:before{content:""}.bi-image:before{content:""}.bi-images:before{content:""}.bi-inbox-fill:before{content:""}.bi-inbox:before{content:""}.bi-inboxes-fill:before{content:""}.bi-inboxes:before{content:""}.bi-info-circle-fill:before{content:""}.bi-info-circle:before{content:""}.bi-info-square-fill:before{content:""}.bi-info-square:before{content:""}.bi-info:before{content:""}.bi-input-cursor-text:before{content:""}.bi-input-cursor:before{content:""}.bi-instagram:before{content:""}.bi-intersect:before{content:""}.bi-journal-album:before{content:""}.bi-journal-arrow-down:before{content:""}.bi-journal-arrow-up:before{content:""}.bi-journal-bookmark-fill:before{content:""}.bi-journal-bookmark:before{content:""}.bi-journal-check:before{content:""}.bi-journal-code:before{content:""}.bi-journal-medical:before{content:""}.bi-journal-minus:before{content:""}.bi-journal-plus:before{content:""}.bi-journal-richtext:before{content:""}.bi-journal-text:before{content:""}.bi-journal-x:before{content:""}.bi-journal:before{content:""}.bi-journals:before{content:""}.bi-joystick:before{content:""}.bi-justify-left:before{content:""}.bi-justify-right:before{content:""}.bi-justify:before{content:""}.bi-kanban-fill:before{content:""}.bi-kanban:before{content:""}.bi-key-fill:before{content:""}.bi-key:before{content:""}.bi-keyboard-fill:before{content:""}.bi-keyboard:before{content:""}.bi-ladder:before{content:""}.bi-lamp-fill:before{content:""}.bi-lamp:before{content:""}.bi-laptop-fill:before{content:""}.bi-laptop:before{content:""}.bi-layer-backward:before{content:""}.bi-layer-forward:before{content:""}.bi-layers-fill:before{content:""}.bi-layers-half:before{content:""}.bi-layers:before{content:""}.bi-layout-sidebar-inset-reverse:before{content:""}.bi-layout-sidebar-inset:before{content:""}.bi-layout-sidebar-reverse:before{content:""}.bi-layout-sidebar:before{content:""}.bi-layout-split:before{content:""}.bi-layout-text-sidebar-reverse:before{content:""}.bi-layout-text-sidebar:before{content:""}.bi-layout-text-window-reverse:before{content:""}.bi-layout-text-window:before{content:""}.bi-layout-three-columns:before{content:""}.bi-layout-wtf:before{content:""}.bi-life-preserver:before{content:""}.bi-lightbulb-fill:before{content:""}.bi-lightbulb-off-fill:before{content:""}.bi-lightbulb-off:before{content:""}.bi-lightbulb:before{content:""}.bi-lightning-charge-fill:before{content:""}.bi-lightning-charge:before{content:""}.bi-lightning-fill:before{content:""}.bi-lightning:before{content:""}.bi-link-45deg:before{content:""}.bi-link:before{content:""}.bi-linkedin:before{content:""}.bi-list-check:before{content:""}.bi-list-nested:before{content:""}.bi-list-ol:before{content:""}.bi-list-stars:before{content:""}.bi-list-task:before{content:""}.bi-list-ul:before{content:""}.bi-list:before{content:""}.bi-lock-fill:before{content:""}.bi-lock:before{content:""}.bi-mailbox:before{content:""}.bi-mailbox2:before{content:""}.bi-map-fill:before{content:""}.bi-map:before{content:""}.bi-markdown-fill:before{content:""}.bi-markdown:before{content:""}.bi-mask:before{content:""}.bi-megaphone-fill:before{content:""}.bi-megaphone:before{content:""}.bi-menu-app-fill:before{content:""}.bi-menu-app:before{content:""}.bi-menu-button-fill:before{content:""}.bi-menu-button-wide-fill:before{content:""}.bi-menu-button-wide:before{content:""}.bi-menu-button:before{content:""}.bi-menu-down:before{content:""}.bi-menu-up:before{content:""}.bi-mic-fill:before{content:""}.bi-mic-mute-fill:before{content:""}.bi-mic-mute:before{content:""}.bi-mic:before{content:""}.bi-minecart-loaded:before{content:""}.bi-minecart:before{content:""}.bi-moisture:before{content:""}.bi-moon-fill:before{content:""}.bi-moon-stars-fill:before{content:""}.bi-moon-stars:before{content:""}.bi-moon:before{content:""}.bi-mouse-fill:before{content:""}.bi-mouse:before{content:""}.bi-mouse2-fill:before{content:""}.bi-mouse2:before{content:""}.bi-mouse3-fill:before{content:""}.bi-mouse3:before{content:""}.bi-music-note-beamed:before{content:""}.bi-music-note-list:before{content:""}.bi-music-note:before{content:""}.bi-music-player-fill:before{content:""}.bi-music-player:before{content:""}.bi-newspaper:before{content:""}.bi-node-minus-fill:before{content:""}.bi-node-minus:before{content:""}.bi-node-plus-fill:before{content:""}.bi-node-plus:before{content:""}.bi-nut-fill:before{content:""}.bi-nut:before{content:""}.bi-octagon-fill:before{content:""}.bi-octagon-half:before{content:""}.bi-octagon:before{content:""}.bi-option:before{content:""}.bi-outlet:before{content:""}.bi-paint-bucket:before{content:""}.bi-palette-fill:before{content:""}.bi-palette:before{content:""}.bi-palette2:before{content:""}.bi-paperclip:before{content:""}.bi-paragraph:before{content:""}.bi-patch-check-fill:before{content:""}.bi-patch-check:before{content:""}.bi-patch-exclamation-fill:before{content:""}.bi-patch-exclamation:before{content:""}.bi-patch-minus-fill:before{content:""}.bi-patch-minus:before{content:""}.bi-patch-plus-fill:before{content:""}.bi-patch-plus:before{content:""}.bi-patch-question-fill:before{content:""}.bi-patch-question:before{content:""}.bi-pause-btn-fill:before{content:""}.bi-pause-btn:before{content:""}.bi-pause-circle-fill:before{content:""}.bi-pause-circle:before{content:""}.bi-pause-fill:before{content:""}.bi-pause:before{content:""}.bi-peace-fill:before{content:""}.bi-peace:before{content:""}.bi-pen-fill:before{content:""}.bi-pen:before{content:""}.bi-pencil-fill:before{content:""}.bi-pencil-square:before{content:""}.bi-pencil:before{content:""}.bi-pentagon-fill:before{content:""}.bi-pentagon-half:before{content:""}.bi-pentagon:before{content:""}.bi-people-fill:before{content:""}.bi-people:before{content:""}.bi-percent:before{content:""}.bi-person-badge-fill:before{content:""}.bi-person-badge:before{content:""}.bi-person-bounding-box:before{content:""}.bi-person-check-fill:before{content:""}.bi-person-check:before{content:""}.bi-person-circle:before{content:""}.bi-person-dash-fill:before{content:""}.bi-person-dash:before{content:""}.bi-person-fill:before{content:""}.bi-person-lines-fill:before{content:""}.bi-person-plus-fill:before{content:""}.bi-person-plus:before{content:""}.bi-person-square:before{content:""}.bi-person-x-fill:before{content:""}.bi-person-x:before{content:""}.bi-person:before{content:""}.bi-phone-fill:before{content:""}.bi-phone-landscape-fill:before{content:""}.bi-phone-landscape:before{content:""}.bi-phone-vibrate-fill:before{content:""}.bi-phone-vibrate:before{content:""}.bi-phone:before{content:""}.bi-pie-chart-fill:before{content:""}.bi-pie-chart:before{content:""}.bi-pin-angle-fill:before{content:""}.bi-pin-angle:before{content:""}.bi-pin-fill:before{content:""}.bi-pin:before{content:""}.bi-pip-fill:before{content:""}.bi-pip:before{content:""}.bi-play-btn-fill:before{content:""}.bi-play-btn:before{content:""}.bi-play-circle-fill:before{content:""}.bi-play-circle:before{content:""}.bi-play-fill:before{content:""}.bi-play:before{content:""}.bi-plug-fill:before{content:""}.bi-plug:before{content:""}.bi-plus-circle-dotted:before{content:""}.bi-plus-circle-fill:before{content:""}.bi-plus-circle:before{content:""}.bi-plus-square-dotted:before{content:""}.bi-plus-square-fill:before{content:""}.bi-plus-square:before{content:""}.bi-plus:before{content:""}.bi-power:before{content:""}.bi-printer-fill:before{content:""}.bi-printer:before{content:""}.bi-puzzle-fill:before{content:""}.bi-puzzle:before{content:""}.bi-question-circle-fill:before{content:""}.bi-question-circle:before{content:""}.bi-question-diamond-fill:before{content:""}.bi-question-diamond:before{content:""}.bi-question-octagon-fill:before{content:""}.bi-question-octagon:before{content:""}.bi-question-square-fill:before{content:""}.bi-question-square:before{content:""}.bi-question:before{content:""}.bi-rainbow:before{content:""}.bi-receipt-cutoff:before{content:""}.bi-receipt:before{content:""}.bi-reception-0:before{content:""}.bi-reception-1:before{content:""}.bi-reception-2:before{content:""}.bi-reception-3:before{content:""}.bi-reception-4:before{content:""}.bi-record-btn-fill:before{content:""}.bi-record-btn:before{content:""}.bi-record-circle-fill:before{content:""}.bi-record-circle:before{content:""}.bi-record-fill:before{content:""}.bi-record:before{content:""}.bi-record2-fill:before{content:""}.bi-record2:before{content:""}.bi-reply-all-fill:before{content:""}.bi-reply-all:before{content:""}.bi-reply-fill:before{content:""}.bi-reply:before{content:""}.bi-rss-fill:before{content:""}.bi-rss:before{content:""}.bi-rulers:before{content:""}.bi-save-fill:before{content:""}.bi-save:before{content:""}.bi-save2-fill:before{content:""}.bi-save2:before{content:""}.bi-scissors:before{content:""}.bi-screwdriver:before{content:""}.bi-search:before{content:""}.bi-segmented-nav:before{content:""}.bi-server:before{content:""}.bi-share-fill:before{content:""}.bi-share:before{content:""}.bi-shield-check:before{content:""}.bi-shield-exclamation:before{content:""}.bi-shield-fill-check:before{content:""}.bi-shield-fill-exclamation:before{content:""}.bi-shield-fill-minus:before{content:""}.bi-shield-fill-plus:before{content:""}.bi-shield-fill-x:before{content:""}.bi-shield-fill:before{content:""}.bi-shield-lock-fill:before{content:""}.bi-shield-lock:before{content:""}.bi-shield-minus:before{content:""}.bi-shield-plus:before{content:""}.bi-shield-shaded:before{content:""}.bi-shield-slash-fill:before{content:""}.bi-shield-slash:before{content:""}.bi-shield-x:before{content:""}.bi-shield:before{content:""}.bi-shift-fill:before{content:""}.bi-shift:before{content:""}.bi-shop-window:before{content:""}.bi-shop:before{content:""}.bi-shuffle:before{content:""}.bi-signpost-2-fill:before{content:""}.bi-signpost-2:before{content:""}.bi-signpost-fill:before{content:""}.bi-signpost-split-fill:before{content:""}.bi-signpost-split:before{content:""}.bi-signpost:before{content:""}.bi-sim-fill:before{content:""}.bi-sim:before{content:""}.bi-skip-backward-btn-fill:before{content:""}.bi-skip-backward-btn:before{content:""}.bi-skip-backward-circle-fill:before{content:""}.bi-skip-backward-circle:before{content:""}.bi-skip-backward-fill:before{content:""}.bi-skip-backward:before{content:""}.bi-skip-end-btn-fill:before{content:""}.bi-skip-end-btn:before{content:""}.bi-skip-end-circle-fill:before{content:""}.bi-skip-end-circle:before{content:""}.bi-skip-end-fill:before{content:""}.bi-skip-end:before{content:""}.bi-skip-forward-btn-fill:before{content:""}.bi-skip-forward-btn:before{content:""}.bi-skip-forward-circle-fill:before{content:""}.bi-skip-forward-circle:before{content:""}.bi-skip-forward-fill:before{content:""}.bi-skip-forward:before{content:""}.bi-skip-start-btn-fill:before{content:""}.bi-skip-start-btn:before{content:""}.bi-skip-start-circle-fill:before{content:""}.bi-skip-start-circle:before{content:""}.bi-skip-start-fill:before{content:""}.bi-skip-start:before{content:""}.bi-slack:before{content:""}.bi-slash-circle-fill:before{content:""}.bi-slash-circle:before{content:""}.bi-slash-square-fill:before{content:""}.bi-slash-square:before{content:""}.bi-slash:before{content:""}.bi-sliders:before{content:""}.bi-smartwatch:before{content:""}.bi-snow:before{content:""}.bi-snow2:before{content:""}.bi-snow3:before{content:""}.bi-sort-alpha-down-alt:before{content:""}.bi-sort-alpha-down:before{content:""}.bi-sort-alpha-up-alt:before{content:""}.bi-sort-alpha-up:before{content:""}.bi-sort-down-alt:before{content:""}.bi-sort-down:before{content:""}.bi-sort-numeric-down-alt:before{content:""}.bi-sort-numeric-down:before{content:""}.bi-sort-numeric-up-alt:before{content:""}.bi-sort-numeric-up:before{content:""}.bi-sort-up-alt:before{content:""}.bi-sort-up:before{content:""}.bi-soundwave:before{content:""}.bi-speaker-fill:before{content:""}.bi-speaker:before{content:""}.bi-speedometer:before{content:""}.bi-speedometer2:before{content:""}.bi-spellcheck:before{content:""}.bi-square-fill:before{content:""}.bi-square-half:before{content:""}.bi-square:before{content:""}.bi-stack:before{content:""}.bi-star-fill:before{content:""}.bi-star-half:before{content:""}.bi-star:before{content:""}.bi-stars:before{content:""}.bi-stickies-fill:before{content:""}.bi-stickies:before{content:""}.bi-sticky-fill:before{content:""}.bi-sticky:before{content:""}.bi-stop-btn-fill:before{content:""}.bi-stop-btn:before{content:""}.bi-stop-circle-fill:before{content:""}.bi-stop-circle:before{content:""}.bi-stop-fill:before{content:""}.bi-stop:before{content:""}.bi-stoplights-fill:before{content:""}.bi-stoplights:before{content:""}.bi-stopwatch-fill:before{content:""}.bi-stopwatch:before{content:""}.bi-subtract:before{content:""}.bi-suit-club-fill:before{content:""}.bi-suit-club:before{content:""}.bi-suit-diamond-fill:before{content:""}.bi-suit-diamond:before{content:""}.bi-suit-heart-fill:before{content:""}.bi-suit-heart:before{content:""}.bi-suit-spade-fill:before{content:""}.bi-suit-spade:before{content:""}.bi-sun-fill:before{content:""}.bi-sun:before{content:""}.bi-sunglasses:before{content:""}.bi-sunrise-fill:before{content:""}.bi-sunrise:before{content:""}.bi-sunset-fill:before{content:""}.bi-sunset:before{content:""}.bi-symmetry-horizontal:before{content:""}.bi-symmetry-vertical:before{content:""}.bi-table:before{content:""}.bi-tablet-fill:before{content:""}.bi-tablet-landscape-fill:before{content:""}.bi-tablet-landscape:before{content:""}.bi-tablet:before{content:""}.bi-tag-fill:before{content:""}.bi-tag:before{content:""}.bi-tags-fill:before{content:""}.bi-tags:before{content:""}.bi-telegram:before{content:""}.bi-telephone-fill:before{content:""}.bi-telephone-forward-fill:before{content:""}.bi-telephone-forward:before{content:""}.bi-telephone-inbound-fill:before{content:""}.bi-telephone-inbound:before{content:""}.bi-telephone-minus-fill:before{content:""}.bi-telephone-minus:before{content:""}.bi-telephone-outbound-fill:before{content:""}.bi-telephone-outbound:before{content:""}.bi-telephone-plus-fill:before{content:""}.bi-telephone-plus:before{content:""}.bi-telephone-x-fill:before{content:""}.bi-telephone-x:before{content:""}.bi-telephone:before{content:""}.bi-terminal-fill:before{content:""}.bi-terminal:before{content:""}.bi-text-center:before{content:""}.bi-text-indent-left:before{content:""}.bi-text-indent-right:before{content:""}.bi-text-left:before{content:""}.bi-text-paragraph:before{content:""}.bi-text-right:before{content:""}.bi-textarea-resize:before{content:""}.bi-textarea-t:before{content:""}.bi-textarea:before{content:""}.bi-thermometer-half:before{content:""}.bi-thermometer-high:before{content:""}.bi-thermometer-low:before{content:""}.bi-thermometer-snow:before{content:""}.bi-thermometer-sun:before{content:""}.bi-thermometer:before{content:""}.bi-three-dots-vertical:before{content:""}.bi-three-dots:before{content:""}.bi-toggle-off:before{content:""}.bi-toggle-on:before{content:""}.bi-toggle2-off:before{content:""}.bi-toggle2-on:before{content:""}.bi-toggles:before{content:""}.bi-toggles2:before{content:""}.bi-tools:before{content:""}.bi-tornado:before{content:""}.bi-trash-fill:before{content:""}.bi-trash:before{content:""}.bi-trash2-fill:before{content:""}.bi-trash2:before{content:""}.bi-tree-fill:before{content:""}.bi-tree:before{content:""}.bi-triangle-fill:before{content:""}.bi-triangle-half:before{content:""}.bi-triangle:before{content:""}.bi-trophy-fill:before{content:""}.bi-trophy:before{content:""}.bi-tropical-storm:before{content:""}.bi-truck-flatbed:before{content:""}.bi-truck:before{content:""}.bi-tsunami:before{content:""}.bi-tv-fill:before{content:""}.bi-tv:before{content:""}.bi-twitch:before{content:""}.bi-twitter:before{content:""}.bi-type-bold:before{content:""}.bi-type-h1:before{content:""}.bi-type-h2:before{content:""}.bi-type-h3:before{content:""}.bi-type-italic:before{content:""}.bi-type-strikethrough:before{content:""}.bi-type-underline:before{content:""}.bi-type:before{content:""}.bi-ui-checks-grid:before{content:""}.bi-ui-checks:before{content:""}.bi-ui-radios-grid:before{content:""}.bi-ui-radios:before{content:""}.bi-umbrella-fill:before{content:""}.bi-umbrella:before{content:""}.bi-union:before{content:""}.bi-unlock-fill:before{content:""}.bi-unlock:before{content:""}.bi-upc-scan:before{content:""}.bi-upc:before{content:""}.bi-upload:before{content:""}.bi-vector-pen:before{content:""}.bi-view-list:before{content:""}.bi-view-stacked:before{content:""}.bi-vinyl-fill:before{content:""}.bi-vinyl:before{content:""}.bi-voicemail:before{content:""}.bi-volume-down-fill:before{content:""}.bi-volume-down:before{content:""}.bi-volume-mute-fill:before{content:""}.bi-volume-mute:before{content:""}.bi-volume-off-fill:before{content:""}.bi-volume-off:before{content:""}.bi-volume-up-fill:before{content:""}.bi-volume-up:before{content:""}.bi-vr:before{content:""}.bi-wallet-fill:before{content:""}.bi-wallet:before{content:""}.bi-wallet2:before{content:""}.bi-watch:before{content:""}.bi-water:before{content:""}.bi-whatsapp:before{content:""}.bi-wifi-1:before{content:""}.bi-wifi-2:before{content:""}.bi-wifi-off:before{content:""}.bi-wifi:before{content:""}.bi-wind:before{content:""}.bi-window-dock:before{content:""}.bi-window-sidebar:before{content:""}.bi-window:before{content:""}.bi-wrench:before{content:""}.bi-x-circle-fill:before{content:""}.bi-x-circle:before{content:""}.bi-x-diamond-fill:before{content:""}.bi-x-diamond:before{content:""}.bi-x-octagon-fill:before{content:""}.bi-x-octagon:before{content:""}.bi-x-square-fill:before{content:""}.bi-x-square:before{content:""}.bi-x:before{content:""}.bi-youtube:before{content:""}.bi-zoom-in:before{content:""}.bi-zoom-out:before{content:""}.bi-bank:before{content:""}.bi-bank2:before{content:""}.bi-bell-slash-fill:before{content:""}.bi-bell-slash:before{content:""}.bi-cash-coin:before{content:""}.bi-check-lg:before{content:""}.bi-coin:before{content:""}.bi-currency-bitcoin:before{content:""}.bi-currency-dollar:before{content:""}.bi-currency-euro:before{content:""}.bi-currency-exchange:before{content:""}.bi-currency-pound:before{content:""}.bi-currency-yen:before{content:""}.bi-dash-lg:before{content:""}.bi-exclamation-lg:before{content:""}.bi-file-earmark-pdf-fill:before{content:""}.bi-file-earmark-pdf:before{content:""}.bi-file-pdf-fill:before{content:""}.bi-file-pdf:before{content:""}.bi-gender-ambiguous:before{content:""}.bi-gender-female:before{content:""}.bi-gender-male:before{content:""}.bi-gender-trans:before{content:""}.bi-headset-vr:before{content:""}.bi-info-lg:before{content:""}.bi-mastodon:before{content:""}.bi-messenger:before{content:""}.bi-piggy-bank-fill:before{content:""}.bi-piggy-bank:before{content:""}.bi-pin-map-fill:before{content:""}.bi-pin-map:before{content:""}.bi-plus-lg:before{content:""}.bi-question-lg:before{content:""}.bi-recycle:before{content:""}.bi-reddit:before{content:""}.bi-safe-fill:before{content:""}.bi-safe2-fill:before{content:""}.bi-safe2:before{content:""}.bi-sd-card-fill:before{content:""}.bi-sd-card:before{content:""}.bi-skype:before{content:""}.bi-slash-lg:before{content:""}.bi-translate:before{content:""}.bi-x-lg:before{content:""}.bi-safe:before{content:""}.bi-apple:before{content:""}.bi-microsoft:before{content:""}.bi-windows:before{content:""}.bi-behance:before{content:""}.bi-dribbble:before{content:""}.bi-line:before{content:""}.bi-medium:before{content:""}.bi-paypal:before{content:""}.bi-pinterest:before{content:""}.bi-signal:before{content:""}.bi-snapchat:before{content:""}.bi-spotify:before{content:""}.bi-stack-overflow:before{content:""}.bi-strava:before{content:""}.bi-wordpress:before{content:""}.bi-vimeo:before{content:""}.bi-activity:before{content:""}.bi-easel2-fill:before{content:""}.bi-easel2:before{content:""}.bi-easel3-fill:before{content:""}.bi-easel3:before{content:""}.bi-fan:before{content:""}.bi-fingerprint:before{content:""}.bi-graph-down-arrow:before{content:""}.bi-graph-up-arrow:before{content:""}.bi-hypnotize:before{content:""}.bi-magic:before{content:""}.bi-person-rolodex:before{content:""}.bi-person-video:before{content:""}.bi-person-video2:before{content:""}.bi-person-video3:before{content:""}.bi-person-workspace:before{content:""}.bi-radioactive:before{content:""}.bi-webcam-fill:before{content:""}.bi-webcam:before{content:""}.bi-yin-yang:before{content:""}.bi-bandaid-fill:before{content:""}.bi-bandaid:before{content:""}.bi-bluetooth:before{content:""}.bi-body-text:before{content:""}.bi-boombox:before{content:""}.bi-boxes:before{content:""}.bi-dpad-fill:before{content:""}.bi-dpad:before{content:""}.bi-ear-fill:before{content:""}.bi-ear:before{content:""}.bi-envelope-check-fill:before{content:""}.bi-envelope-check:before{content:""}.bi-envelope-dash-fill:before{content:""}.bi-envelope-dash:before{content:""}.bi-envelope-exclamation-fill:before{content:""}.bi-envelope-exclamation:before{content:""}.bi-envelope-plus-fill:before{content:""}.bi-envelope-plus:before{content:""}.bi-envelope-slash-fill:before{content:""}.bi-envelope-slash:before{content:""}.bi-envelope-x-fill:before{content:""}.bi-envelope-x:before{content:""}.bi-explicit-fill:before{content:""}.bi-explicit:before{content:""}.bi-git:before{content:""}.bi-infinity:before{content:""}.bi-list-columns-reverse:before{content:""}.bi-list-columns:before{content:""}.bi-meta:before{content:""}.bi-nintendo-switch:before{content:""}.bi-pc-display-horizontal:before{content:""}.bi-pc-display:before{content:""}.bi-pc-horizontal:before{content:""}.bi-pc:before{content:""}.bi-playstation:before{content:""}.bi-plus-slash-minus:before{content:""}.bi-projector-fill:before{content:""}.bi-projector:before{content:""}.bi-qr-code-scan:before{content:""}.bi-qr-code:before{content:""}.bi-quora:before{content:""}.bi-quote:before{content:""}.bi-robot:before{content:""}.bi-send-check-fill:before{content:""}.bi-send-check:before{content:""}.bi-send-dash-fill:before{content:""}.bi-send-dash:before{content:""}.bi-send-exclamation-fill:before{content:""}.bi-send-exclamation:before{content:""}.bi-send-fill:before{content:""}.bi-send-plus-fill:before{content:""}.bi-send-plus:before{content:""}.bi-send-slash-fill:before{content:""}.bi-send-slash:before{content:""}.bi-send-x-fill:before{content:""}.bi-send-x:before{content:""}.bi-send:before{content:""}.bi-steam:before{content:""}.bi-terminal-dash:before{content:""}.bi-terminal-plus:before{content:""}.bi-terminal-split:before{content:""}.bi-ticket-detailed-fill:before{content:""}.bi-ticket-detailed:before{content:""}.bi-ticket-fill:before{content:""}.bi-ticket-perforated-fill:before{content:""}.bi-ticket-perforated:before{content:""}.bi-ticket:before{content:""}.bi-tiktok:before{content:""}.bi-window-dash:before{content:""}.bi-window-desktop:before{content:""}.bi-window-fullscreen:before{content:""}.bi-window-plus:before{content:""}.bi-window-split:before{content:""}.bi-window-stack:before{content:""}.bi-window-x:before{content:""}.bi-xbox:before{content:""}.bi-ethernet:before{content:""}.bi-hdmi-fill:before{content:""}.bi-hdmi:before{content:""}.bi-usb-c-fill:before{content:""}.bi-usb-c:before{content:""}.bi-usb-fill:before{content:""}.bi-usb-plug-fill:before{content:""}.bi-usb-plug:before{content:""}.bi-usb-symbol:before{content:""}.bi-usb:before{content:""}.bi-boombox-fill:before{content:""}.bi-displayport:before{content:""}.bi-gpu-card:before{content:""}.bi-memory:before{content:""}.bi-modem-fill:before{content:""}.bi-modem:before{content:""}.bi-motherboard-fill:before{content:""}.bi-motherboard:before{content:""}.bi-optical-audio-fill:before{content:""}.bi-optical-audio:before{content:""}.bi-pci-card:before{content:""}.bi-router-fill:before{content:""}.bi-router:before{content:""}.bi-thunderbolt-fill:before{content:""}.bi-thunderbolt:before{content:""}.bi-usb-drive-fill:before{content:""}.bi-usb-drive:before{content:""}.bi-usb-micro-fill:before{content:""}.bi-usb-micro:before{content:""}.bi-usb-mini-fill:before{content:""}.bi-usb-mini:before{content:""}.bi-cloud-haze2:before{content:""}.bi-device-hdd-fill:before{content:""}.bi-device-hdd:before{content:""}.bi-device-ssd-fill:before{content:""}.bi-device-ssd:before{content:""}.bi-displayport-fill:before{content:""}.bi-mortarboard-fill:before{content:""}.bi-mortarboard:before{content:""}.bi-terminal-x:before{content:""}.bi-arrow-through-heart-fill:before{content:""}.bi-arrow-through-heart:before{content:""}.bi-badge-sd-fill:before{content:""}.bi-badge-sd:before{content:""}.bi-bag-heart-fill:before{content:""}.bi-bag-heart:before{content:""}.bi-balloon-fill:before{content:""}.bi-balloon-heart-fill:before{content:""}.bi-balloon-heart:before{content:""}.bi-balloon:before{content:""}.bi-box2-fill:before{content:""}.bi-box2-heart-fill:before{content:""}.bi-box2-heart:before{content:""}.bi-box2:before{content:""}.bi-braces-asterisk:before{content:""}.bi-calendar-heart-fill:before{content:""}.bi-calendar-heart:before{content:""}.bi-calendar2-heart-fill:before{content:""}.bi-calendar2-heart:before{content:""}.bi-chat-heart-fill:before{content:""}.bi-chat-heart:before{content:""}.bi-chat-left-heart-fill:before{content:""}.bi-chat-left-heart:before{content:""}.bi-chat-right-heart-fill:before{content:""}.bi-chat-right-heart:before{content:""}.bi-chat-square-heart-fill:before{content:""}.bi-chat-square-heart:before{content:""}.bi-clipboard-check-fill:before{content:""}.bi-clipboard-data-fill:before{content:""}.bi-clipboard-fill:before{content:""}.bi-clipboard-heart-fill:before{content:""}.bi-clipboard-heart:before{content:""}.bi-clipboard-minus-fill:before{content:""}.bi-clipboard-plus-fill:before{content:""}.bi-clipboard-pulse:before{content:""}.bi-clipboard-x-fill:before{content:""}.bi-clipboard2-check-fill:before{content:""}.bi-clipboard2-check:before{content:""}.bi-clipboard2-data-fill:before{content:""}.bi-clipboard2-data:before{content:""}.bi-clipboard2-fill:before{content:""}.bi-clipboard2-heart-fill:before{content:""}.bi-clipboard2-heart:before{content:""}.bi-clipboard2-minus-fill:before{content:""}.bi-clipboard2-minus:before{content:""}.bi-clipboard2-plus-fill:before{content:""}.bi-clipboard2-plus:before{content:""}.bi-clipboard2-pulse-fill:before{content:""}.bi-clipboard2-pulse:before{content:""}.bi-clipboard2-x-fill:before{content:""}.bi-clipboard2-x:before{content:""}.bi-clipboard2:before{content:""}.bi-emoji-kiss-fill:before{content:""}.bi-emoji-kiss:before{content:""}.bi-envelope-heart-fill:before{content:""}.bi-envelope-heart:before{content:""}.bi-envelope-open-heart-fill:before{content:""}.bi-envelope-open-heart:before{content:""}.bi-envelope-paper-fill:before{content:""}.bi-envelope-paper-heart-fill:before{content:""}.bi-envelope-paper-heart:before{content:""}.bi-envelope-paper:before{content:""}.bi-filetype-aac:before{content:""}.bi-filetype-ai:before{content:""}.bi-filetype-bmp:before{content:""}.bi-filetype-cs:before{content:""}.bi-filetype-css:before{content:""}.bi-filetype-csv:before{content:""}.bi-filetype-doc:before{content:""}.bi-filetype-docx:before{content:""}.bi-filetype-exe:before{content:""}.bi-filetype-gif:before{content:""}.bi-filetype-heic:before{content:""}.bi-filetype-html:before{content:""}.bi-filetype-java:before{content:""}.bi-filetype-jpg:before{content:""}.bi-filetype-js:before{content:""}.bi-filetype-jsx:before{content:""}.bi-filetype-key:before{content:""}.bi-filetype-m4p:before{content:""}.bi-filetype-md:before{content:""}.bi-filetype-mdx:before{content:""}.bi-filetype-mov:before{content:""}.bi-filetype-mp3:before{content:""}.bi-filetype-mp4:before{content:""}.bi-filetype-otf:before{content:""}.bi-filetype-pdf:before{content:""}.bi-filetype-php:before{content:""}.bi-filetype-png:before{content:""}.bi-filetype-ppt:before{content:""}.bi-filetype-psd:before{content:""}.bi-filetype-py:before{content:""}.bi-filetype-raw:before{content:""}.bi-filetype-rb:before{content:""}.bi-filetype-sass:before{content:""}.bi-filetype-scss:before{content:""}.bi-filetype-sh:before{content:""}.bi-filetype-svg:before{content:""}.bi-filetype-tiff:before{content:""}.bi-filetype-tsx:before{content:""}.bi-filetype-ttf:before{content:""}.bi-filetype-txt:before{content:""}.bi-filetype-wav:before{content:""}.bi-filetype-woff:before{content:""}.bi-filetype-xls:before{content:""}.bi-filetype-xml:before{content:""}.bi-filetype-yml:before{content:""}.bi-heart-arrow:before{content:""}.bi-heart-pulse-fill:before{content:""}.bi-heart-pulse:before{content:""}.bi-heartbreak-fill:before{content:""}.bi-heartbreak:before{content:""}.bi-hearts:before{content:""}.bi-hospital-fill:before{content:""}.bi-hospital:before{content:""}.bi-house-heart-fill:before{content:""}.bi-house-heart:before{content:""}.bi-incognito:before{content:""}.bi-magnet-fill:before{content:""}.bi-magnet:before{content:""}.bi-person-heart:before{content:""}.bi-person-hearts:before{content:""}.bi-phone-flip:before{content:""}.bi-plugin:before{content:""}.bi-postage-fill:before{content:""}.bi-postage-heart-fill:before{content:""}.bi-postage-heart:before{content:""}.bi-postage:before{content:""}.bi-postcard-fill:before{content:""}.bi-postcard-heart-fill:before{content:""}.bi-postcard-heart:before{content:""}.bi-postcard:before{content:""}.bi-search-heart-fill:before{content:""}.bi-search-heart:before{content:""}.bi-sliders2-vertical:before{content:""}.bi-sliders2:before{content:""}.bi-trash3-fill:before{content:""}.bi-trash3:before{content:""}.bi-valentine:before{content:""}.bi-valentine2:before{content:""}.bi-wrench-adjustable-circle-fill:before{content:""}.bi-wrench-adjustable-circle:before{content:""}.bi-wrench-adjustable:before{content:""}.bi-filetype-json:before{content:""}.bi-filetype-pptx:before{content:""}.bi-filetype-xlsx:before{content:""}.bi-1-circle-fill:before{content:""}.bi-1-circle:before{content:""}.bi-1-square-fill:before{content:""}.bi-1-square:before{content:""}.bi-2-circle-fill:before{content:""}.bi-2-circle:before{content:""}.bi-2-square-fill:before{content:""}.bi-2-square:before{content:""}.bi-3-circle-fill:before{content:""}.bi-3-circle:before{content:""}.bi-3-square-fill:before{content:""}.bi-3-square:before{content:""}.bi-4-circle-fill:before{content:""}.bi-4-circle:before{content:""}.bi-4-square-fill:before{content:""}.bi-4-square:before{content:""}.bi-5-circle-fill:before{content:""}.bi-5-circle:before{content:""}.bi-5-square-fill:before{content:""}.bi-5-square:before{content:""}.bi-6-circle-fill:before{content:""}.bi-6-circle:before{content:""}.bi-6-square-fill:before{content:""}.bi-6-square:before{content:""}.bi-7-circle-fill:before{content:""}.bi-7-circle:before{content:""}.bi-7-square-fill:before{content:""}.bi-7-square:before{content:""}.bi-8-circle-fill:before{content:""}.bi-8-circle:before{content:""}.bi-8-square-fill:before{content:""}.bi-8-square:before{content:""}.bi-9-circle-fill:before{content:""}.bi-9-circle:before{content:""}.bi-9-square-fill:before{content:""}.bi-9-square:before{content:""}.bi-airplane-engines-fill:before{content:""}.bi-airplane-engines:before{content:""}.bi-airplane-fill:before{content:""}.bi-airplane:before{content:""}.bi-alexa:before{content:""}.bi-alipay:before{content:""}.bi-android:before{content:""}.bi-android2:before{content:""}.bi-box-fill:before{content:""}.bi-box-seam-fill:before{content:""}.bi-browser-chrome:before{content:""}.bi-browser-edge:before{content:""}.bi-browser-firefox:before{content:""}.bi-browser-safari:before{content:""}.bi-c-circle-fill:before{content:""}.bi-c-circle:before{content:""}.bi-c-square-fill:before{content:""}.bi-c-square:before{content:""}.bi-capsule-pill:before{content:""}.bi-capsule:before{content:""}.bi-car-front-fill:before{content:""}.bi-car-front:before{content:""}.bi-cassette-fill:before{content:""}.bi-cassette:before{content:""}.bi-cc-circle-fill:before{content:""}.bi-cc-circle:before{content:""}.bi-cc-square-fill:before{content:""}.bi-cc-square:before{content:""}.bi-cup-hot-fill:before{content:""}.bi-cup-hot:before{content:""}.bi-currency-rupee:before{content:""}.bi-dropbox:before{content:""}.bi-escape:before{content:""}.bi-fast-forward-btn-fill:before{content:""}.bi-fast-forward-btn:before{content:""}.bi-fast-forward-circle-fill:before{content:""}.bi-fast-forward-circle:before{content:""}.bi-fast-forward-fill:before{content:""}.bi-fast-forward:before{content:""}.bi-filetype-sql:before{content:""}.bi-fire:before{content:""}.bi-google-play:before{content:""}.bi-h-circle-fill:before{content:""}.bi-h-circle:before{content:""}.bi-h-square-fill:before{content:""}.bi-h-square:before{content:""}.bi-indent:before{content:""}.bi-lungs-fill:before{content:""}.bi-lungs:before{content:""}.bi-microsoft-teams:before{content:""}.bi-p-circle-fill:before{content:""}.bi-p-circle:before{content:""}.bi-p-square-fill:before{content:""}.bi-p-square:before{content:""}.bi-pass-fill:before{content:""}.bi-pass:before{content:""}.bi-prescription:before{content:""}.bi-prescription2:before{content:""}.bi-r-circle-fill:before{content:""}.bi-r-circle:before{content:""}.bi-r-square-fill:before{content:""}.bi-r-square:before{content:""}.bi-repeat-1:before{content:""}.bi-repeat:before{content:""}.bi-rewind-btn-fill:before{content:""}.bi-rewind-btn:before{content:""}.bi-rewind-circle-fill:before{content:""}.bi-rewind-circle:before{content:""}.bi-rewind-fill:before{content:""}.bi-rewind:before{content:""}.bi-train-freight-front-fill:before{content:""}.bi-train-freight-front:before{content:""}.bi-train-front-fill:before{content:""}.bi-train-front:before{content:""}.bi-train-lightrail-front-fill:before{content:""}.bi-train-lightrail-front:before{content:""}.bi-truck-front-fill:before{content:""}.bi-truck-front:before{content:""}.bi-ubuntu:before{content:""}.bi-unindent:before{content:""}.bi-unity:before{content:""}.bi-universal-access-circle:before{content:""}.bi-universal-access:before{content:""}.bi-virus:before{content:""}.bi-virus2:before{content:""}.bi-wechat:before{content:""}.bi-yelp:before{content:""}.bi-sign-stop-fill:before{content:""}.bi-sign-stop-lights-fill:before{content:""}.bi-sign-stop-lights:before{content:""}.bi-sign-stop:before{content:""}.bi-sign-turn-left-fill:before{content:""}.bi-sign-turn-left:before{content:""}.bi-sign-turn-right-fill:before{content:""}.bi-sign-turn-right:before{content:""}.bi-sign-turn-slight-left-fill:before{content:""}.bi-sign-turn-slight-left:before{content:""}.bi-sign-turn-slight-right-fill:before{content:""}.bi-sign-turn-slight-right:before{content:""}.bi-sign-yield-fill:before{content:""}.bi-sign-yield:before{content:""}.bi-ev-station-fill:before{content:""}.bi-ev-station:before{content:""}.bi-fuel-pump-diesel-fill:before{content:""}.bi-fuel-pump-diesel:before{content:""}.bi-fuel-pump-fill:before{content:""}.bi-fuel-pump:before{content:""}.bi-0-circle-fill:before{content:""}.bi-0-circle:before{content:""}.bi-0-square-fill:before{content:""}.bi-0-square:before{content:""}.bi-rocket-fill:before{content:""}.bi-rocket-takeoff-fill:before{content:""}.bi-rocket-takeoff:before{content:""}.bi-rocket:before{content:""}.bi-stripe:before{content:""}.bi-subscript:before{content:""}.bi-superscript:before{content:""}.bi-trello:before{content:""}.bi-envelope-at-fill:before{content:""}.bi-envelope-at:before{content:""}.bi-regex:before{content:""}.bi-text-wrap:before{content:""}.bi-sign-dead-end-fill:before{content:""}.bi-sign-dead-end:before{content:""}.bi-sign-do-not-enter-fill:before{content:""}.bi-sign-do-not-enter:before{content:""}.bi-sign-intersection-fill:before{content:""}.bi-sign-intersection-side-fill:before{content:""}.bi-sign-intersection-side:before{content:""}.bi-sign-intersection-t-fill:before{content:""}.bi-sign-intersection-t:before{content:""}.bi-sign-intersection-y-fill:before{content:""}.bi-sign-intersection-y:before{content:""}.bi-sign-intersection:before{content:""}.bi-sign-merge-left-fill:before{content:""}.bi-sign-merge-left:before{content:""}.bi-sign-merge-right-fill:before{content:""}.bi-sign-merge-right:before{content:""}.bi-sign-no-left-turn-fill:before{content:""}.bi-sign-no-left-turn:before{content:""}.bi-sign-no-parking-fill:before{content:""}.bi-sign-no-parking:before{content:""}.bi-sign-no-right-turn-fill:before{content:""}.bi-sign-no-right-turn:before{content:""}.bi-sign-railroad-fill:before{content:""}.bi-sign-railroad:before{content:""}.bi-building-add:before{content:""}.bi-building-check:before{content:""}.bi-building-dash:before{content:""}.bi-building-down:before{content:""}.bi-building-exclamation:before{content:""}.bi-building-fill-add:before{content:""}.bi-building-fill-check:before{content:""}.bi-building-fill-dash:before{content:""}.bi-building-fill-down:before{content:""}.bi-building-fill-exclamation:before{content:""}.bi-building-fill-gear:before{content:""}.bi-building-fill-lock:before{content:""}.bi-building-fill-slash:before{content:""}.bi-building-fill-up:before{content:""}.bi-building-fill-x:before{content:""}.bi-building-fill:before{content:""}.bi-building-gear:before{content:""}.bi-building-lock:before{content:""}.bi-building-slash:before{content:""}.bi-building-up:before{content:""}.bi-building-x:before{content:""}.bi-buildings-fill:before{content:""}.bi-buildings:before{content:""}.bi-bus-front-fill:before{content:""}.bi-bus-front:before{content:""}.bi-ev-front-fill:before{content:""}.bi-ev-front:before{content:""}.bi-globe-americas:before{content:""}.bi-globe-asia-australia:before{content:""}.bi-globe-central-south-asia:before{content:""}.bi-globe-europe-africa:before{content:""}.bi-house-add-fill:before{content:""}.bi-house-add:before{content:""}.bi-house-check-fill:before{content:""}.bi-house-check:before{content:""}.bi-house-dash-fill:before{content:""}.bi-house-dash:before{content:""}.bi-house-down-fill:before{content:""}.bi-house-down:before{content:""}.bi-house-exclamation-fill:before{content:""}.bi-house-exclamation:before{content:""}.bi-house-gear-fill:before{content:""}.bi-house-gear:before{content:""}.bi-house-lock-fill:before{content:""}.bi-house-lock:before{content:""}.bi-house-slash-fill:before{content:""}.bi-house-slash:before{content:""}.bi-house-up-fill:before{content:""}.bi-house-up:before{content:""}.bi-house-x-fill:before{content:""}.bi-house-x:before{content:""}.bi-person-add:before{content:""}.bi-person-down:before{content:""}.bi-person-exclamation:before{content:""}.bi-person-fill-add:before{content:""}.bi-person-fill-check:before{content:""}.bi-person-fill-dash:before{content:""}.bi-person-fill-down:before{content:""}.bi-person-fill-exclamation:before{content:""}.bi-person-fill-gear:before{content:""}.bi-person-fill-lock:before{content:""}.bi-person-fill-slash:before{content:""}.bi-person-fill-up:before{content:""}.bi-person-fill-x:before{content:""}.bi-person-gear:before{content:""}.bi-person-lock:before{content:""}.bi-person-slash:before{content:""}.bi-person-up:before{content:""}.bi-scooter:before{content:""}.bi-taxi-front-fill:before{content:""}.bi-taxi-front:before{content:""}.bi-amd:before{content:""}.bi-database-add:before{content:""}.bi-database-check:before{content:""}.bi-database-dash:before{content:""}.bi-database-down:before{content:""}.bi-database-exclamation:before{content:""}.bi-database-fill-add:before{content:""}.bi-database-fill-check:before{content:""}.bi-database-fill-dash:before{content:""}.bi-database-fill-down:before{content:""}.bi-database-fill-exclamation:before{content:""}.bi-database-fill-gear:before{content:""}.bi-database-fill-lock:before{content:""}.bi-database-fill-slash:before{content:""}.bi-database-fill-up:before{content:""}.bi-database-fill-x:before{content:""}.bi-database-fill:before{content:""}.bi-database-gear:before{content:""}.bi-database-lock:before{content:""}.bi-database-slash:before{content:""}.bi-database-up:before{content:""}.bi-database-x:before{content:""}.bi-database:before{content:""}.bi-houses-fill:before{content:""}.bi-houses:before{content:""}.bi-nvidia:before{content:""}.bi-person-vcard-fill:before{content:""}.bi-person-vcard:before{content:""}.bi-sina-weibo:before{content:""}.bi-tencent-qq:before{content:""}.bi-wikipedia:before{content:""}.bi-alphabet-uppercase:before{content:""}.bi-alphabet:before{content:""}.bi-amazon:before{content:""}.bi-arrows-collapse-vertical:before{content:""}.bi-arrows-expand-vertical:before{content:""}.bi-arrows-vertical:before{content:""}.bi-arrows:before{content:""}.bi-ban-fill:before{content:""}.bi-ban:before{content:""}.bi-bing:before{content:""}.bi-cake:before{content:""}.bi-cake2:before{content:""}.bi-cookie:before{content:""}.bi-copy:before{content:""}.bi-crosshair:before{content:""}.bi-crosshair2:before{content:""}.bi-emoji-astonished-fill:before{content:""}.bi-emoji-astonished:before{content:""}.bi-emoji-grimace-fill:before{content:""}.bi-emoji-grimace:before{content:""}.bi-emoji-grin-fill:before{content:""}.bi-emoji-grin:before{content:""}.bi-emoji-surprise-fill:before{content:""}.bi-emoji-surprise:before{content:""}.bi-emoji-tear-fill:before{content:""}.bi-emoji-tear:before{content:""}.bi-envelope-arrow-down-fill:before{content:""}.bi-envelope-arrow-down:before{content:""}.bi-envelope-arrow-up-fill:before{content:""}.bi-envelope-arrow-up:before{content:""}.bi-feather:before{content:""}.bi-feather2:before{content:""}.bi-floppy-fill:before{content:""}.bi-floppy:before{content:""}.bi-floppy2-fill:before{content:""}.bi-floppy2:before{content:""}.bi-gitlab:before{content:""}.bi-highlighter:before{content:""}.bi-marker-tip:before{content:""}.bi-nvme-fill:before{content:""}.bi-nvme:before{content:""}.bi-opencollective:before{content:""}.bi-pci-card-network:before{content:""}.bi-pci-card-sound:before{content:""}.bi-radar:before{content:""}.bi-send-arrow-down-fill:before{content:""}.bi-send-arrow-down:before{content:""}.bi-send-arrow-up-fill:before{content:""}.bi-send-arrow-up:before{content:""}.bi-sim-slash-fill:before{content:""}.bi-sim-slash:before{content:""}.bi-sourceforge:before{content:""}.bi-substack:before{content:""}.bi-threads-fill:before{content:""}.bi-threads:before{content:""}.bi-transparency:before{content:""}.bi-twitter-x:before{content:""}.bi-type-h4:before{content:""}.bi-type-h5:before{content:""}.bi-type-h6:before{content:""}.bi-backpack-fill:before{content:""}.bi-backpack:before{content:""}.bi-backpack2-fill:before{content:""}.bi-backpack2:before{content:""}.bi-backpack3-fill:before{content:""}.bi-backpack3:before{content:""}.bi-backpack4-fill:before{content:""}.bi-backpack4:before{content:""}.bi-brilliance:before{content:""}.bi-cake-fill:before{content:""}.bi-cake2-fill:before{content:""}.bi-duffle-fill:before{content:""}.bi-duffle:before{content:""}.bi-exposure:before{content:""}.bi-gender-neuter:before{content:""}.bi-highlights:before{content:""}.bi-luggage-fill:before{content:""}.bi-luggage:before{content:""}.bi-mailbox-flag:before{content:""}.bi-mailbox2-flag:before{content:""}.bi-noise-reduction:before{content:""}.bi-passport-fill:before{content:""}.bi-passport:before{content:""}.bi-person-arms-up:before{content:""}.bi-person-raised-hand:before{content:""}.bi-person-standing-dress:before{content:""}.bi-person-standing:before{content:""}.bi-person-walking:before{content:""}.bi-person-wheelchair:before{content:""}.bi-shadows:before{content:""}.bi-suitcase-fill:before{content:""}.bi-suitcase-lg-fill:before{content:""}.bi-suitcase-lg:before{content:""}.bi-suitcase:before{content:"豈"}.bi-suitcase2-fill:before{content:"更"}.bi-suitcase2:before{content:"車"}.bi-vignette:before{content:"賈"}.bi-bluesky:before{content:""}.bi-tux:before{content:"滑"}.bi-beaker-fill:before{content:"串"}.bi-beaker:before{content:"句"}.bi-flask-fill:before{content:"龜"}.bi-flask-florence-fill:before{content:"龜"}.bi-flask-florence:before{content:"契"}.bi-flask:before{content:"金"}.bi-leaf-fill:before{content:"喇"}.bi-leaf:before{content:"奈"}.bi-measuring-cup-fill:before{content:"懶"}.bi-measuring-cup:before{content:"癩"}.bi-unlock2-fill:before{content:"羅"}.bi-unlock2:before{content:"蘿"}.bi-battery-low:before{content:"螺"}.bi-anthropic:before{content:"裸"}.bi-apple-music:before{content:"邏"}.bi-claude:before{content:"樂"}.bi-openai:before{content:"洛"}.bi-perplexity:before{content:"烙"}.bi-css:before{content:"珞"}.bi-javascript:before{content:"落"}.bi-typescript:before{content:"酪"}.bi-fork-knife:before{content:"駱"}.bi-globe-americas-fill:before{content:"亂"}.bi-globe-asia-australia-fill:before{content:"卵"}.bi-globe-central-south-asia-fill:before{content:"欄"}.bi-globe-europe-africa-fill:before{content:"爛"}/*!
* Bootstrap v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, .75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, .5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, .15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:.25rem}.g-1,.gy-1{--bs-gutter-y:.25rem}.g-2,.gx-2{--bs-gutter-x:.5rem}.g-2,.gy-2{--bs-gutter-y:.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), .05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), .1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), .075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translate(.15rem)}.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after{position:absolute;inset:1rem .375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label:after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);--bs-btn-disabled-opacity:.65;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:.25rem;--bs-btn-padding-x:.5rem;--bs-btn-font-size:.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:.5rem;--bs-dropdown-spacer:.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle:after{display:none}.dropstart .dropdown-toggle:before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, .15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, .55);--bs-navbar-hover-color:rgba(255, 255, 255, .75);--bs-navbar-disabled-color:rgba(255, 255, 255, .25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), .03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;inset:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform .2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:.75rem;--bs-pagination-padding-y:.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:.5rem;--bs-pagination-padding-y:.25rem;--bs-pagination-font-size:.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:.65em;--bs-badge-padding-y:.35em;--bs-badge-font-size:.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width .6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:.5;--bs-btn-close-hover-opacity:.75;--bs-btn-close-focus-shadow:0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:.25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:.75rem;--bs-toast-padding-y:.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:.5rem;--bs-tooltip-padding-y:.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:.9;--bs-tooltip-arrow-width:.8rem;--bs-tooltip-arrow-height:.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow:before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow:after,.popover .popover-arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translate(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform .3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translate(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn:before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,#000c,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix:after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-underline-offset:.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio:before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link:after{position:absolute;inset:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translate(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:.1}.border-opacity-25{--bs-border-opacity:.25}.border-opacity-50{--bs-border-opacity:.5}.border-opacity-75{--bs-border-opacity:.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:#00000080!important}.text-white-50{--bs-text-opacity:1;color:#ffffff80!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:.25}.text-opacity-50{--bs-text-opacity:.5}.text-opacity-75{--bs-text-opacity:.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10,.link-opacity-10-hover:hover{--bs-link-opacity:.1}.link-opacity-25,.link-opacity-25-hover:hover{--bs-link-opacity:.25}.link-opacity-50,.link-opacity-50-hover:hover{--bs-link-opacity:.5}.link-opacity-75,.link-opacity-75-hover:hover{--bs-link-opacity:.75}.link-opacity-100,.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1,.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2,.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3,.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:.1}.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:.25}.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:.5}.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:.75}.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:.1}.bg-opacity-25{--bs-bg-opacity:.25}.bg-opacity-50{--bs-bg-opacity:.5}.bg-opacity-75{--bs-bg-opacity:.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}:root{--font-base: .8rem !important;--text-xxs: .625rem !important;--text-xs: .75rem !important;--text-sm: .875rem !important;--text-base: 1rem !important;--text-lg: 1.125rem !important;--text-xl: 1.25rem !important;--text-2xl: 1.5rem !important;--text-3xl: 1.875rem !important;--text-4xl: 2.25rem !important;--heading-h1: 2rem !important;--heading-h2: 1.5rem !important;--heading-h3: 1.25rem !important;--heading-h4: 1.125rem !important;--heading-h5: 1rem !important;--heading-h6: .875rem !important;--input-text: 1rem !important;--button-text: 1rem !important;--label-text: .9rem !important;--badge-text: .75rem !important;--table-text: .9rem !important;--nav-text: .875rem !important;--icon-text: 1rem !important}html{font-size:var(--font-base)!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}body{font-size:var(--text-base)!important;line-height:1.5!important}h1{font-size:var(--heading-h1)!important;line-height:1.2!important;font-weight:600!important}h2{font-size:var(--heading-h2)!important;line-height:1.3!important;font-weight:600!important}h3{font-size:var(--heading-h3)!important;line-height:1.3!important;font-weight:600!important}h4{font-size:var(--heading-h4)!important;line-height:1.4!important;font-weight:600!important}h5{font-size:var(--heading-h5)!important;line-height:1.4!important;font-weight:600!important}h6{font-size:var(--heading-h6)!important;line-height:1.4!important;font-weight:600!important}p{font-size:var(--text-base)!important;line-height:1.6!important}span{font-size:.8rem!important}strong,b{font-weight:600!important}em,i{font-style:italic!important}ul,ol{font-size:var(--text-base)!important;line-height:1.6!important}li{font-size:inherit!important;line-height:1.6!important}dl{font-size:var(--text-base)!important}dt{font-size:inherit!important;font-weight:600!important}dd{font-size:inherit!important}label{font-size:var(--label-text)!important;font-weight:500!important;margin-bottom:.375rem!important}input[type=text],input[type=textarea],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],select{font-size:var(--input-text)!important;line-height:1.5!important}option{font-size:var(--input-text)!important}textarea{font-size:var(--input-text)!important;line-height:1.5!important}fieldset{font-size:var(--text-base)!important}legend{font-size:var(--text-lg)!important;font-weight:600!important}::placeholder{font-size:inherit!important;opacity:.6!important}button{font-size:var(--button-text)!important;font-weight:500!important;line-height:1.5!important}.btn{font-size:var(--button-text)!important;font-weight:500!important}.btn-lg{font-size:var(--text-lg)!important}.btn-sm{font-size:var(--text-sm)!important}.btn-xs{font-size:var(--text-xs)!important}table,thead,tbody{font-size:var(--table-text)!important}th{font-size:var(--table-text)!important;font-weight:600!important}td{font-size:var(--table-text)!important}tfoot,caption{font-size:var(--text-sm)!important}.text-xxs{font-size:var(--text-xxs)!important}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-3xl{font-size:var(--text-3xl)!important}.text-4xl{font-size:var(--text-4xl)!important}.title-primary{font-size:var(--heading-h1)!important}.title-secondary{font-size:var(--heading-h2)!important}.title-tertiary{font-size:var(--heading-h3)!important}.nav-link{font-size:var(--nav-text)!important}.submenu-link,.breadcrumb{font-size:var(--text-sm)!important}.badge,.tag{font-size:var(--badge-text)!important;font-weight:500!important}.badge-lg{font-size:var(--text-sm)!important}.badge-sm{font-size:var(--text-xxs)!important}.card-title{font-size:var(--text-xl)!important;font-weight:600!important}.card-subtitle{font-size:var(--text-sm)!important;font-weight:400!important}.card-text{font-size:var(--text-base)!important}.modal-title{font-size:var(--text-xl)!important;font-weight:600!important}.modal-body{font-size:var(--text-base)!important}.modal-footer{font-size:var(--text-sm)!important}.alert{font-size:var(--text-base)!important}.alert-heading{font-size:var(--text-lg)!important}.tooltip{font-size:var(--text-xs)!important}.popover{font-size:var(--text-sm)!important}.help-text,.form-text,.form-help{font-size:var(--text-xs)!important;color:#6c757d!important}.error-message,.form-error,.invalid-feedback{font-size:var(--text-xs)!important;color:#dc3545!important}.success-message,.valid-feedback{font-size:var(--text-xs)!important;color:#28a745!important}.manage-directors-title{font-weight:600;color:#2e3a59;margin-bottom:1.5rem}.manage-directors-search-input{flex:1;min-width:220px;padding:.5rem .1;border-radius:8px;border:1px solid #ccc;background:#fff}.manage-directors-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80;background:#fff}.manage-directors-search-btn,.manage-directors-add-btn{padding:.5rem .8rem;border-radius:8px;transition:.3s ease;cursor:pointer;width:fit-content}.manage-directors-search-btn{background-color:#3498db;color:#fff;border:none}.manage-directors-search-btn:hover{background-color:#2980b9}.manage-directors-add-btn{border:1px solid #007bff;color:#007bff;background-color:#fff;text-decoration:none;display:flex;align-items:center;gap:5px}.manage-directors-add-btn:hover{background-color:#007bff;color:#fff}.table-responsive{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem}.directors-table{width:100%;border-collapse:collapse;min-width:900px}.directors-table thead{background-color:#f1f3f6}.directors-table th,.directors-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.directors-table th{font-weight:600;color:#34495e}.directors-table td{color:#2c3e50}.no-data{text-align:center;padding:2rem;color:#999}.action-buttons{display:flex;gap:10px}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background-color .2s ease}.action-btn.delete{color:#e74c3c}.cards-wrapper{display:none}.director-card{background:#fff;border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 10px #0000000f}.card-header h4{margin:0;color:#2e3a59}.card-body p{margin:.4rem 0;color:#444}.card-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.card-actions button,.card-actions a{background:none;border:none;cursor:pointer}.view-icon{color:#00f}.delete-icon{color:#e74c3c}@media (max-width: 768px){.table-responsive{display:none}.cards-wrapper{display:block}}.director-type{padding:2px 8px;border-radius:12px;font-weight:500;display:inline-block;text-transform:capitalize}.director-type.executive{background-color:#e0f7fa;color:#00796b}.director-type.non-executive{background-color:#fce4ec;color:#c2185b}.director-type.alternate{background-color:#e8f5e9;color:#2e7d32}.director-type.nominee{background-color:#fff3e0;color:#ef6c00}.director-type.default{background-color:#eceff1;color:#37474f}.directors-pagination-wrapper{margin-top:2rem}.directors-pagination-list{list-style:none;padding:0;display:flex;gap:.5rem;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 4px #0000000d}.directors-page-btn button{border:none;background-color:transparent;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out;color:#333}.directors-page-btn.active button{background-color:#007bff;color:#fff;font-weight:700}.directors-page-btn:not(.active):hover button{background-color:#e2e6ea}.directors-page-btn.disabled button{color:#bbb;cursor:not-allowed;pointer-events:none}.terminate-toggle-wrapper{display:flex;align-items:center;gap:1rem}.terminate-label{font-weight:600;color:#333}.terminate-switch{position:relative;display:inline-block;width:50px;height:28px}.terminate-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.terminate-switch input:checked+.slider{background-color:#dc3545}.terminate-switch input:checked+.slider:before{transform:translate(22px)}.add-director-form{display:flex;flex-direction:column;padding:1.5rem;border-radius:8px;box-shadow:0 4px 4px #0000001a;background-color:#fff}.add-director-form-group{margin-bottom:.8rem;display:flex;flex-direction:column}.add-director-form-group label{margin-bottom:.5rem;font-weight:600;color:#324a62}.add-director-input{padding:.34rem;border:1px solid #ccc;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease}.add-director-input:focus,.add-director-radio-group-input:focus,.add-director-input:focus-visible{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff}.add-director-radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.add-director-radio-group label{font-weight:400}.add-director-error{color:#e53935;margin-top:.25rem}.layout-container{display:flex;flex-direction:column;min-height:100vh}.main-wrapper{display:flex;flex:1;overflow:hidden;min-height:calc(100vh - 60px);margin-top:60px}.content-area{flex:1;padding:20px;overflow-y:auto}.header-container{position:fixed;top:0;left:0;right:0;background-color:#fff;padding:.6rem 1rem;box-shadow:0 2px 4px #0000001a;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-toggle-sidebar-btn{cursor:pointer;margin-right:0;font-size:1.5rem!important;display:flex;align-items:center;flex-shrink:0}.header-logo-container{flex-grow:0;display:flex;align-items:center;flex-shrink:0;height:100%}.header-logo-container .header-logo{display:flex;align-items:center;height:100%}.header-logo-img{height:50px;width:10rem}.header-search-bar{flex-grow:1;max-width:400px;margin-left:1rem}.header-search-form{width:100%}.header-search-input{border:1px solid #ccc;border-radius:2px 0 0 2px;padding:.375rem .75rem;flex-grow:1}.header-search-btn{background:#0d6efd;border:none;color:#fff;padding:.375rem .75rem;border-radius:0 2px 2px 0;cursor:pointer}.header-nav{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.header-nav-list{list-style:none;margin:0;padding:0}.header-nav-item{position:relative}.header-nav-link{color:#333;display:flex;align-items:center;text-decoration:none}.header-nav-link:hover{color:#0d6efd}.header-profile-img{width:36px;height:36px;object-fit:cover}.header-profile-name{margin-left:.5rem;font-weight:700;font-size:.9rem!important}.header-profile-dropdown{min-width:220px;padding:.5rem 0;background:#fff;border-radius:.25rem;box-shadow:0 .5rem 1rem #00000026}.header-dropdown-header{text-align:center}.header-profile-header-name{margin:0;font-weight:600}.header-profile-header-role{color:#6c757d}.header-dropdown-divider{margin:.5rem 0;border-top:1px solid #ddd}.header-dropdown-item{padding:.5rem 1rem;display:flex;align-items:center;color:#333;text-decoration:none;border:none;background:none;cursor:pointer;width:100%;text-align:left}.header-dropdown-item i{margin-right:.5rem}.header-dropdown-item:hover{background-color:#f8f9fa;color:#0d6efd}.header-dropdown-item-signout{color:#dc3545}.header-dropdown-item-signout:hover{background-color:#dc3545;color:#fff}@media (max-width: 768px){.header-profile-name{display:none}}.main-sidebar{width:300px;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 0;top:0;bottom:0;left:0;overflow-y:auto;z-index:2000;border-right:none;height:100vh;transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav .nav-link{display:flex;align-items:center;padding:10px;color:#4a5568;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;margin:6px 12px;font-weight:500;font-size:.95rem;position:relative;overflow:hidden;letter-spacing:.3px;width:100%}.header-span{text-align:left;width:100%}.sidebar-nav .nav-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#0d6efd,#0a58ca);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.sidebar-nav .nav-link:hover{background:linear-gradient(135deg,#e7f1ff,#f0f7ff);color:#0d6efd;transform:translate(4px);box-shadow:0 2px 8px #0d6efd1a}.sidebar-nav .nav-link:hover:before{transform:scaleY(1)}.sidebar-nav .nav-link.active{background:linear-gradient(135deg,#e7f1ff,#f0f7ff);color:#0d6efd;box-shadow:0 2px 8px #0d6efd26}.sidebar-nav .nav-link.active:before{transform:scaleY(1)}.sidebar-nav .nav-link i{margin-right:14px;font-size:1.15rem;width:26px;text-align:center;transition:transform .3s ease}.sidebar-nav .nav-link:hover i{transform:scale(1.1)}.sidebar-nav .nav-content{padding-left:15px;margin-top:5px}.nav-content a{display:flex;align-items:center;padding:11px 18px;color:#64748b;text-decoration:none;border-radius:10px;margin:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.88rem;font-weight:450;position:relative}.nav-content a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#0d6efd;border-radius:50%;opacity:0;transition:opacity .3s ease;margin-left:8px}.nav-content a:hover{color:#0d6efd;background:linear-gradient(135deg,#f0f7ff,#e7f1ff);transform:translate(4px);box-shadow:0 1px 6px #0d6efd14;padding-left:24px}.nav-content a:hover:before{opacity:1}.nav-content a.active{color:#0d6efd;background:linear-gradient(135deg,#f0f7ff,#e7f1ff);box-shadow:0 1px 6px #0d6efd1f;font-weight:500}.nav-content a.active:before{opacity:1}.nav-content i{margin-right:12px;font-size:.98rem;width:22px;text-align:center;transition:transform .3s ease}.nav-content a:hover i{transform:scale(1.08)}.sidebar-toggle-btn{position:fixed;top:15px;left:15px;z-index:2100;background:none;border:none;cursor:pointer;display:none;color:#333}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:1999}.offcanvas-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:#fff;border-right:none;z-index:1050;transition:left .3s ease-in-out;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 20px #00000014}.offcanvas-sidebar.show{left:0}.sidebar-overlay{position:fixed;top:0;left:0;height:100%;width:100%;background:#0006;z-index:1040;display:none}.offcanvas-sidebar.show+.sidebar-overlay{display:block}.sidebar-content{padding:24px 8px;height:100%;background:#fff}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:transparent;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;transition:background .3s ease}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-nav .nav-link.collapsed .bi-chevron-down{transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6}.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down{transform:rotate(180deg);opacity:1}.sidebar-nav .nav-link .bi-chevron-down{margin-left:auto;font-size:.9rem;transition:all .3s ease}.offcanvas-sidebar::-webkit-scrollbar{width:5px}.offcanvas-sidebar::-webkit-scrollbar-track{background:transparent;border-radius:10px}.offcanvas-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;transition:background .3s ease}.offcanvas-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-close-btn{position:absolute;top:18px;right:18px;background:none;border:none;cursor:pointer;color:#64748b;z-index:1060;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all .3s ease;line-height:1;font-size:1.5rem!important}.sidebar-close-btn:hover{color:#0d6efd;background:#f0f7ff}.footer{background:#f8f9fa;padding:20px 0;text-align:center;color:#6c757d;border-top:1px solid #dee2e6}.footer span{color:#000}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:99999;background:#0d6efd;width:40px;height:40px;border-radius:50px;transition:all .4s;color:#fff}.back-to-top:hover{background:#0b5ed7;color:#fff}.back-to-top.show{visibility:visible;opacity:1}.tr-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.tr-content{width:100%;max-width:800px}.tr-header{text-align:center;margin-bottom:2rem}.tr-header-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#e53e3e,#ef4444);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 4px 15px #e53e3e4d}.tr-header-icon svg{font-size:2rem!important}.tr-title{font-weight:700;margin-bottom:.5rem;color:#2d3748}.tr-subtitle{color:#718096;margin:0}.tr-card{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.tr-form{display:flex;flex-direction:column;gap:1.5rem}.tr-form-group{display:flex;flex-direction:column;gap:.5rem}.tr-conditional-field{animation:slideIn .3s ease-out;border-left:4px solid #667eea;padding-left:1rem;background:#f7fafc;border-radius:8px;padding:1rem;margin-left:1rem}.tr-label{font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.5rem}.tr-label-icon{color:#667eea}.tr-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background:#fff;color:#2d3748}.tr-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.tr-input-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.tr-textarea{resize:vertical;min-height:100px}.tr-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:3rem}.tr-file-upload{position:relative}.tr-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.tr-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #cbd5e0;border-radius:12px;background:#f7fafc;cursor:pointer;transition:all .3s ease;text-align:center}.tr-file-label:hover{border-color:#667eea;background:#edf2f7}.tr-file-icon{color:#667eea;margin-bottom:.5rem}.tr-file-label span{font-weight:600;color:#2d3748;margin-bottom:.25rem}.tr-file-label small{color:#718096}.tr-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0}.tr-checkbox-item{display:flex;align-items:center}.tr-checkbox{display:none}.tr-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#2d3748;transition:all .2s ease}.tr-checkbox-custom{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.tr-checkbox:checked+.tr-checkbox-label .tr-checkbox-custom{background:#667eea;border-color:#667eea}.tr-checkbox:checked+.tr-checkbox-label .tr-checkbox-custom:after{content:"";color:#fff;font-weight:700}.tr-checkbox-label:hover .tr-checkbox-custom{border-color:#667eea}.tr-date-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tr-date-field{display:flex;flex-direction:column;gap:.5rem}.tr-date-label{font-weight:500;color:#4a5568}.tr-checkbox-with-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;border:1px solid #e2e8f0}.tr-info-container{position:relative}.tr-info-button{width:32px;height:32px;border-radius:50%;border:none;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tr-info-button:hover{background:#5a6fd8;transform:scale(1.1)}.tr-info-popup{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#2d3748;color:#fff;padding:1rem;border-radius:8px;width:280px;box-shadow:0 4px 15px #0003;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tr-info-content{line-height:1.4}.tr-info-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2d3748}.tr-error-message{display:flex;align-items:center;gap:.5rem;color:#e53e3e;margin-top:.25rem}.tr-error-icon{flex-shrink:0}.tr-submit-section{margin-top:2rem;display:flex;justify-content:center}.tr-submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:200px;box-shadow:0 4px 15px #667eea4d}.tr-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.tr-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.tr-loading{display:flex;align-items:center;gap:.75rem}.tr-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.tr-container{padding:1rem}.tr-card{padding:1.5rem}.tr-date-range,.tr-checkbox-grid{grid-template-columns:1fr}.tr-checkbox-with-info{flex-direction:column;align-items:flex-start;gap:.75rem}.tr-info-popup{width:250px}}.cp-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 1rem}.cp-content{position:relative;z-index:2;width:100%;max-width:500px}.cp-header{text-align:center;margin-bottom:2rem;color:#2d3748}.cp-header-icon{font-size:2rem!important;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 4px 15px #667eea4d}.cp-title{font-weight:700;margin-bottom:.5rem;color:#2d3748}.cp-subtitle{color:#718096;margin:0}.cp-card{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.cp-form{display:flex;flex-direction:column;gap:1.5rem}.cp-form-group{display:flex;flex-direction:column;gap:.5rem}.cp-label{font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.5rem}.cp-label-icon{color:#667eea}.cp-input-wrapper{position:relative;display:flex;align-items:center}.cp-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background:#fff;color:#1a202c!important}.cp-input::placeholder{color:#a0a0a0!important}.cp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.cp-input-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.cp-password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.cp-password-toggle:hover{color:#667eea;background:#667eea1a}.cp-strength-indicator{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.cp-strength-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.cp-strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.cp-strength-text{font-weight:600;min-width:80px;text-align:right}.cp-requirements{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.cp-requirement{display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.cp-requirement.met .cp-requirement-text{color:#38a169;font-weight:500}.cp-requirement.unmet .cp-requirement-text{color:#718096}.cp-requirement-icon{flex-shrink:0}.cp-requirement-icon.success{color:#38a169}.cp-requirement-icon.error{color:#e53e3e}.cp-error-message{display:flex;align-items:center;gap:.5rem;color:#e53e3e;margin-top:.25rem}.cp-error-icon{flex-shrink:0}.cp-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;font-weight:500;margin:.5rem 0}.cp-message-success{background:#f0fff4;color:#38a169;border:1px solid #9ae6b4}.cp-message-error{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.cp-message-icon{flex-shrink:0}.cp-submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;box-shadow:0 4px 15px #667eea4d}.cp-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.cp-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.cp-loading{display:flex;align-items:center;gap:.75rem}.cp-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.cp-container{padding:1rem}.cp-card{padding:1.5rem}.cp-requirements{grid-template-columns:1fr}}.category-title{color:navy;font-weight:700}.category-search-input{border-radius:9999px;padding:.6rem 1rem;border:1px solid #cfe2ff;box-shadow:0 0 0 .15rem #0d6efd26}.category-search-input:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.category-add-btn{border-radius:9999px;padding:.55rem 1rem;border:1px solid #cfe2ff;background:#fff;color:#0d6efd;display:inline-flex;align-items:center;gap:6px}.category-table{width:100%;border-collapse:collapse}.category-table thead{background:#f1f5f9}.category-table th,.category-table td{padding:.875rem 1rem;border-bottom:1px solid #eef2f7}.category-table th{color:#243b53;font-weight:700}.category-table tbody tr:hover{background:#fafcff}.category-icon-btn{background:none;border:none;cursor:pointer;margin:0 6px}.category-icon-btn.view{color:#17a2b8}.category-icon-btn.edit{color:#0d6efd}.category-icon-btn.delete{color:#dc2626}.category-icon-btn.activate{color:#0d6efd}.category-icon-btn.deactivate{color:#6c757d}@media (max-width: 768px){.category-table{display:none}.category-cards{display:flex;flex-direction:column;gap:1rem}.category-card{border:1px solid #ccc;border-radius:8px;padding:1rem;background-color:#fff}.category-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}}.category-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.category-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014}.category-page-btn.active button{background:#0d6efd;color:#fff}.category-page-btn.disabled button{opacity:.5;cursor:not-allowed}.ac-card{border-radius:14px}.ac-card .card-header{border-bottom:1px solid #eef2f7}.ac-dot{width:10px;height:10px;border-radius:50%;background:#0d6efd;display:inline-block;box-shadow:0 0 0 4px #0d6efd1f}.ac-upload{background:#fafbff}.ac-upload:hover{background:#f5f7ff}.form-floating>.form-control{border-radius:.75rem}.category-tree-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.modern-tree{position:relative}.tree-subcategory{margin-bottom:12px;position:relative}.tree-subcategory-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;cursor:pointer;transition:all .2s ease;position:relative}.tree-subcategory-item:hover{background:#f1f5f9;border-color:#cbd5e0;transform:translate(2px)}.tree-subcategory-content{display:flex;justify-content:space-between;align-items:center}.tree-subcategory-left{display:flex;align-items:center;gap:12px;color:#334155}.tree-subcategory-icon{color:#3b82f6;transition:transform .2s ease}.tree-subcategory-item:hover .tree-subcategory-icon{transform:scale(1.1)}.tree-subcategory-title{font-weight:600;margin:0;color:#1e293b}.tree-subcategory-count{color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:12px}.tree-badge{padding:4px 12px;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tree-badge.active{background:#dcfce7;color:#166534}.tree-badge.inactive{background:#fee2e2;color:#991b1b}.tree-super-categories{margin-left:24px;margin-top:8px;position:relative}.tree-super-categories-scroll-container{max-height:300px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fafbfc;position:relative}.tree-super-categories:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:2px;background:#e2e8f0;border-radius:1px}.tree-super-category{margin-bottom:8px;position:relative}.tree-super-category:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:2px;background:#e2e8f0;border-radius:1px;transform:translateY(-50%)}.tree-super-category-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.tree-super-category-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(2px)}.tree-super-category-content{display:flex;justify-content:space-between;align-items:center}.tree-super-category-left{display:flex;align-items:center;gap:8px;color:#475569}.tree-super-category-icon{color:#3b82f6;transition:transform .2s ease}.tree-super-category-item:hover .tree-super-category-icon{transform:scale(1.1)}.tree-super-category-title{font-weight:500;margin:0}.tree-super-category-count{color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:8px}.tree-super-sub-categories{margin-left:20px;margin-top:6px;position:relative}.tree-super-sub-categories-scroll-container{max-height:200px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;position:relative}.tree-super-sub-categories:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:1px;background:#e2e8f0;border-radius:.5px}.tree-super-sub-category{margin-bottom:6px;position:relative}.tree-super-sub-category:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1px;background:#e2e8f0;border-radius:.5px;transform:translateY(-50%)}.tree-super-sub-category-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:4px;padding:10px 14px;transition:all .2s ease}.tree-super-sub-category-item:hover{background:#f1f5f9;transform:translate(2px)}.tree-super-sub-category-content{display:flex;justify-content:space-between;align-items:center}.tree-super-sub-category-left{display:flex;align-items:center;gap:8px;color:#64748b}.tree-super-sub-category-icon{color:#3b82f6}.tree-super-sub-category-title{font-weight:500;margin:0}.tree-super-categories-scroll-container::-webkit-scrollbar{width:6px}.tree-super-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tree-super-categories-scroll-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.tree-super-categories-scroll-container::-webkit-scrollbar-thumb:hover{background:#2563eb}.tree-super-categories-scroll-container{scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9;scroll-behavior:smooth}.tree-super-sub-categories-scroll-container::-webkit-scrollbar{width:6px}.tree-super-sub-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tree-super-sub-categories-scroll-container::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.tree-super-sub-categories-scroll-container::-webkit-scrollbar-thumb:hover{background:#059669}.tree-super-sub-categories-scroll-container{scrollbar-width:thin;scrollbar-color:#10b981 #f1f5f9;scroll-behavior:smooth}.tree-super-categories-scroll-container:after{content:"";position:sticky;bottom:0;height:16px;background:linear-gradient(transparent,#fafbfc);pointer-events:none;display:block;margin-top:-16px;z-index:1}.tree-super-sub-categories-scroll-container:after{content:"";position:sticky;bottom:0;height:16px;background:linear-gradient(transparent,#f8fafc);pointer-events:none;display:block;margin-top:-16px;z-index:1}@media (max-width: 768px){.tree-super-categories-scroll-container{max-height:250px}.tree-super-sub-categories-scroll-container{max-height:150px}}.tree-expand-animation{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.tree-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.tree-chevron.expanded{transform:rotate(90deg)}@media (max-width: 768px){.category-tree-container{padding:16px;border-radius:16px}.tree-subcategory-item{padding:16px 20px}.tree-super-categories{margin-left:20px}.tree-super-sub-categories{margin-left:16px}}.tree-loading{display:flex;justify-content:center;align-items:center;height:200px}.tree-loading:after{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.tree-empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:16px;box-shadow:0 8px 25px #fcb69f4d}.tree-empty-icon{color:#8b4513;margin-bottom:16px;opacity:.7}.tree-empty-title{font-weight:600;color:#8b4513;margin-bottom:8px}.tree-empty-description{color:sienna;margin-bottom:20px}.tree-empty-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.tree-empty-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.tree-pulse{animation:pulse 2s infinite}.view-subcategory-tree-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.view-modern-tree{position:relative}.view-super-categories-scroll-container{max-height:350px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:8px;background:#fafbfc;position:relative}.view-super-category-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;cursor:pointer;transition:all .2s ease;position:relative}.view-super-category-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(2px)}.view-badge{padding:4px 12px;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.view-badge.active{background:#dcfce7;color:#166534}.view-badge.inactive{background:#fee2e2;color:#991b1b}.view-super-sub-categories{margin-left:24px;margin-top:8px;position:relative}.view-super-sub-categories-scroll-container{max-height:250px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;position:relative}.view-super-sub-category{margin-bottom:8px;position:relative}.view-super-sub-category-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;transition:all .2s ease}.view-super-sub-category-item:hover{background:#f1f5f9;transform:translate(2px)}.view-super-sub-category-content{display:flex;justify-content:space-between;align-items:center}.view-super-sub-category-left{display:flex;align-items:center;gap:8px;color:#64748b}.view-super-sub-category-icon{color:#3b82f6}.view-super-sub-category-title{font-weight:500;margin:0}.view-super-categories-scroll-container::-webkit-scrollbar{width:6px}.view-super-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.view-super-categories-scroll-container{scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9;scroll-behavior:smooth}.view-super-sub-categories-scroll-container::-webkit-scrollbar{width:6px}.view-super-sub-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.view-super-sub-categories-scroll-container::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.view-super-sub-categories-scroll-container::-webkit-scrollbar-thumb:hover{background:#059669}.view-super-sub-categories-scroll-container{scrollbar-width:thin;scrollbar-color:#10b981 #f1f5f9;scroll-behavior:smooth}.view-super-categories-scroll-container:after{content:"";position:sticky;bottom:0;height:16px;background:linear-gradient(transparent,#fafbfc);pointer-events:none;display:block;margin-top:-16px;z-index:1}.view-super-sub-categories-scroll-container:after{content:"";position:sticky;bottom:0;height:16px;background:linear-gradient(transparent,#f8fafc);pointer-events:none;display:block;margin-top:-16px;z-index:1}@keyframes viewSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-expand-animation{animation:viewSlideIn .3s cubic-bezier(.4,0,.2,1)}.view-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.view-chevron.expanded{transform:rotate(90deg)}.view-empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:16px;box-shadow:0 8px 25px #fcb69f4d}.view-empty-icon{color:#8b4513;margin-bottom:16px;opacity:.7}.view-empty-title{font-weight:600;color:#8b4513;margin-bottom:8px}.view-empty-description{color:sienna;margin-bottom:20px}.view-empty-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;text-decoration:none;display:inline-flex;align-items:center}.view-empty-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;color:#fff;text-decoration:none}.view-super-sub-category.selected .view-super-sub-category-item{background:#e7f3ff;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f633}.view-super-sub-category.selected .view-super-sub-category-title{color:#1e40af;font-weight:600}.view-super-sub-category.selected .view-super-sub-category-icon{color:#1e40af}.selected-super-category-details{position:sticky;top:20px}@media (max-width: 768px){.view-subcategory-tree-container{padding:16px;border-radius:8px}.view-super-categories-scroll-container{max-height:300px}.view-super-sub-categories-scroll-container{max-height:200px}.view-super-category-item{padding:12px 16px}.selected-super-category-details{position:static;margin-top:20px}}.super-category-products-list{display:flex;flex-direction:column;gap:16px}.super-category-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.super-category-product-card.inactive{opacity:.7;border-color:#cbd5e0}.super-category-product-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.super-category-product-header{display:flex;align-items:center;padding:20px;cursor:pointer;transition:background-color .2s ease}.super-category-product-header:hover{background-color:#f8fafc}.super-category-product-basic-info{display:flex;align-items:center;gap:16px;flex:1}.super-category-product-image-section{position:relative;flex-shrink:0}.super-category-product-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.super-category-brand-logo{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.super-category-product-details{flex:1;min-width:0}.super-category-product-name{font-weight:600;color:#1e293b;margin:0 0 4px;line-height:1.3}.super-category-product-brand{color:#64748b;margin:0 0 8px}.super-category-product-pricing{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.super-category-product-mrp{color:#94a3b8;text-decoration:line-through}.super-category-product-sale-price{font-weight:700;color:#059669}.super-category-product-discount{font-weight:600;color:#dc2626;background:#fee2e2;padding:2px 8px;border-radius:12px}.super-category-product-summary{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:16px}.super-category-product-sellers-summary{text-align:right}.super-category-sellers-count{display:block;margin-bottom:2px}.super-category-sellers-count.active{color:#059669;font-weight:600}.super-category-sellers-count.inactive{color:#6b7280}.super-category-product-expand-btn{margin-left:16px}.super-category-product-expanded-content{background:#fafbfc;padding:24px}.super-category-product-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-label{font-weight:600;color:#475569}.info-value{font-weight:500;color:#1e293b;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.fee-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;transition:all .2s ease}.fee-info-card:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translateY(-2px)}.fee-label{font-weight:600;color:#0c4a6e}.fee-amount{font-weight:700;color:#059669;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #10b981;box-shadow:0 2px 4px #10b9811a}.statistics-cards{display:flex;gap:12px;flex-wrap:wrap}.stat-card{flex:1;min-width:100px;padding:16px;border-radius:10px;text-align:center;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.stat-card.returns{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#f87171}.stat-card.replacements{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.stat-number{display:block;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-label{font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.price-range-cards{display:flex;gap:16px;flex-wrap:wrap}.price-range-card{flex:1;min-width:200px;padding:16px;border-radius:12px;border:2px solid;transition:all .2s ease}.price-range-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.price-range-card.lowest{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.price-range-card.highest{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.price-range-header{margin-bottom:12px}.price-range-type{font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#374151}.price-range-content{display:flex;flex-direction:column;gap:6px}.price-range-amount{font-weight:700;color:#1e293b}.price-range-card.lowest .price-range-amount{color:#065f46}.price-range-card.highest .price-range-amount{color:#991b1b}.price-range-seller{font-weight:500;color:#64748b;background:#fffc;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.seller-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:all .2s ease}.seller-item.active{background:#f0fdf4;border:1px solid #bbf7d0}.seller-item.inactive{background:#fafafa;border:1px solid #e5e5e5}.seller-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.seller-icon{flex-shrink:0}.seller-item.active .seller-icon{color:#059669}.seller-item.inactive .seller-icon{color:#9ca3af}.seller-name{font-weight:600;color:#1e293b;display:block;margin-bottom:2px}.seller-meta{color:#64748b;display:block}.seller-price{font-weight:600;color:#059669;margin-top:4px;display:block}.no-sellers{color:#94a3b8;text-align:center;padding:20px;background:#f8fafc;border-radius:8px;margin:0}.expand-animation{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.sellers-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.sellers-list::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.sellers-list::-webkit-scrollbar-thumb:hover{background:#2563eb}.seller-item-expandable{display:flex;flex-direction:column;padding:0;margin-bottom:16px;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;overflow:hidden}.seller-item-expandable.active{background:#fff;border:2px solid #16a34a}.seller-item-expandable.inactive{background:#fff;border:2px solid #cbd5e0}.seller-item-expandable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.seller-header{display:flex;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s ease;width:100%}.seller-header:hover{background-color:#00000005}.seller-item-expandable.active .seller-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.seller-item-expandable.inactive .seller-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.seller-expanded-content{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.1);background:#00000003}.seller-expand-icon{margin-left:8px;color:#64748b;transition:transform .3s ease}.seller-expand-icon.expanded{transform:rotate(90deg)}.seller-basic-details{display:flex;align-items:center;gap:12px}.seller-metrics{display:flex;gap:16px;margin-top:8px}.seller-quantity{font-weight:600;color:#6366f1;background:#6366f11a;padding:4px 8px;border-radius:12px;border:1px solid rgba(99,102,241,.2)}.star-icon{color:#fbbf24;margin-right:2px}.seller-review-chart{border-top:1px solid rgba(0,0,0,.1);padding-top:16px}.seller-chart-container{display:flex;justify-content:center;margin-bottom:12px}.review-breakdown{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap}.review-breakdown span{font-weight:600;padding:4px 6px;border-radius:8px;border:1px solid}.review-breakdown .five-star{color:#1565c0;background:#e3f2fd;border-color:#2196f3}.review-breakdown .four-star{color:#00695c;background:#e0f2f1;border-color:#03dac6}.review-breakdown .three-star{color:#f57f17;background:#fffde7;border-color:#ffeb3b}.review-breakdown .two-star{color:#e65100;background:#fff3e0;border-color:#ff9800}.review-breakdown .one-star{color:#ad1457;background:#fce4ec;border-color:#e91e63}.super-category-product-reviews{grid-column:span 2;padding:20px}.review-chart-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.chart-section{display:flex;justify-content:center}.review-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;background:#ffffff80;transition:background-color .2s ease}.legend-item:hover{background:#fffc}.legend-label{font-weight:500;color:#374151;flex:1}.legend-value{font-weight:600;color:#1f2937;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb}.custom-tooltip{box-shadow:0 8px 32px #00000040;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.recharts-pie-sector:hover{filter:brightness(1.1) saturate(1.2);transform:scale(1.05);transition:all .2s ease-out;cursor:pointer}.recharts-pie-sector{transition:all .2s ease-out}.legend-item:hover{background:#ffffffe6;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.legend-item:hover .legend-color{transform:scale(1.2);box-shadow:0 2px 8px #0003}.legend-color{transition:all .2s ease-out}@media (max-width: 768px){.super-category-product-expanded-grid{grid-template-columns:1fr;gap:16px}.super-category-product-header{flex-direction:column;align-items:flex-start;gap:16px}.super-category-product-basic-info{width:100%}.super-category-product-summary{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-left:0}.super-category-product-sellers-summary{text-align:left}.statistics-cards{flex-direction:column;gap:8px}.stat-card{min-width:auto}.price-range-cards{flex-direction:column;gap:12px}.price-range-card{min-width:auto}.sellers-list{overflow-x:hidden}.super-category-product-reviews{grid-column:span 1}.review-chart-container{grid-template-columns:1fr;gap:16px}.seller-item-enhanced{margin-bottom:12px}.seller-metrics{flex-direction:column;gap:8px;align-items:flex-start}.review-breakdown{justify-content:center;gap:4px}.review-breakdown span{padding:3px 5px}}.view-super-category-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;cursor:pointer;transition:all .2s ease;position:relative}.view-super-category-item:hover{background:#f1f5f9;border-color:#cbd5e0;transform:translate(2px)}.view-super-category-icon{color:#3b82f6;transition:transform .2s ease}.view-super-category-item:hover .view-super-category-icon{transform:scale(1.1)}.view-super-category-title{font-weight:600;margin:0;color:#1e293b}.view-super-category-count{color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:12px}.view-super-badge{padding:4px 12px;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.view-super-badge.inactive{background:#fee2e2;color:#991b1b}.view-super-subcategories{margin-left:24px;margin-top:8px;position:relative}.view-super-subcategories-scroll-container{max-height:300px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:6px;background:#fafbfc;position:relative}.view-super-subcategories:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:2px;background:#e2e8f0;border-radius:1px}.view-super-subcategory{margin-bottom:8px;position:relative}.view-super-subcategory:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:2px;background:#e2e8f0;border-radius:1px;transform:translateY(-50%)}.view-super-subcategory-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.view-super-subcategory-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(2px)}.view-super-subcategory-left{display:flex;align-items:center;gap:8px;color:#475569}.view-super-subcategory-icon{color:#3b82f6;transition:transform .2s ease}.view-super-subcategory-item:hover .view-super-subcategory-icon{transform:scale(1.1)}.view-super-subcategory-title{font-weight:500;margin:0}.view-super-subcategory-count{color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:8px}.view-super-categories-level{margin-left:20px;margin-top:6px;position:relative}.view-super-categories-level-scroll-container{max-height:250px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:5px;background:#f1f5f9;position:relative}.view-super-categories-level:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:1.5px;background:#e2e8f0;border-radius:.75px}.view-super-category-level{margin-bottom:6px;position:relative}.view-super-category-level:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1.5px;background:#e2e8f0;border-radius:.75px;transform:translateY(-50%)}.view-super-category-level-item{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:11px 15px;cursor:pointer;transition:all .2s ease}.view-super-category-level-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(2px)}.view-super-category-level-left{display:flex;align-items:center;gap:8px;color:#64748b}.view-super-category-level-icon{color:#8b5cf6;transition:transform .2s ease}.view-super-category-level-item:hover .view-super-category-level-icon{transform:scale(1.1)}.view-super-category-level-title{font-weight:600;margin:0}.view-super-category-level-count{color:#64748b;background:#e2e8f0;padding:2px 6px;border-radius:8px}.view-super-super-sub-categories{margin-left:20px;margin-top:6px;position:relative}.view-super-super-sub-categories-scroll-container{max-height:200px;overflow-y:auto;padding-right:4px;border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;position:relative}.view-super-super-sub-categories:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:1px;background:#e2e8f0;border-radius:.5px}.view-super-super-sub-category:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1px;background:#e2e8f0;border-radius:.5px;transform:translateY(-50%)}.view-super-super-sub-category-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:4px;padding:10px 14px;transition:all .2s ease}.view-super-super-sub-category-item:hover{background:#f1f5f9;transform:translate(2px)}.view-super-super-sub-category-left{display:flex;align-items:center;gap:8px;color:#64748b}.view-super-super-sub-category-icon{color:#f59e0b}.view-super-super-sub-category-title{font-weight:500;margin:0}.view-super-categories-scroll-container{max-height:400px;overflow-y:auto;padding-right:4px}.view-super-categories-scroll-container::-webkit-scrollbar,.view-super-subcategories-scroll-container::-webkit-scrollbar,.view-super-categories-level-scroll-container::-webkit-scrollbar,.view-super-super-sub-categories-scroll-container::-webkit-scrollbar{width:6px}.view-super-categories-scroll-container::-webkit-scrollbar-track,.view-super-subcategories-scroll-container::-webkit-scrollbar-track,.view-super-categories-level-scroll-container::-webkit-scrollbar-track,.view-super-super-sub-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.view-super-categories-scroll-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.view-super-subcategories-scroll-container::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.view-super-categories-level-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.view-super-super-sub-categories-scroll-container::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.view-super-categories-scroll-container::-webkit-scrollbar-thumb:hover{background:#2563eb}.view-super-subcategories-scroll-container::-webkit-scrollbar-thumb:hover{background:#059669}.view-super-categories-level-scroll-container::-webkit-scrollbar-thumb:hover{background:#7c3aed}.view-super-super-sub-categories-scroll-container::-webkit-scrollbar-thumb:hover{background:#d97706}.view-super-categories-scroll-container,.view-super-subcategories-scroll-container,.view-super-categories-level-scroll-container,.view-super-super-sub-categories-scroll-container{scrollbar-width:thin;scroll-behavior:smooth}.view-super-categories-scroll-container{scrollbar-color:#3b82f6 #f1f5f9}.view-super-subcategories-scroll-container{scrollbar-color:#10b981 #f1f5f9}.view-super-categories-level-scroll-container{scrollbar-color:#8b5cf6 #f1f5f9}.view-super-super-sub-categories-scroll-container{scrollbar-color:#f59e0b #f1f5f9}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.view-super-expand-animation{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.view-super-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.view-super-chevron.expanded{transform:rotate(90deg)}.view-super-empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:16px;box-shadow:0 8px 25px #fcb69f4d}.view-super-empty-icon{color:#8b4513;margin-bottom:16px;opacity:.7}.view-super-empty-title{font-weight:600;color:#8b4513;margin-bottom:8px}.view-super-empty-description{color:sienna;margin-bottom:20px}@media (max-width: 768px){.category-section .d-flex.justify-content-between.align-items-center.mb-4{flex-direction:column;align-items:flex-start!important;gap:16px}.category-section .d-flex.justify-content-between.align-items-center.mb-4>div:first-child{width:100%}.category-section .d-flex.justify-content-between.align-items-center.mb-4>div:last-child{align-self:flex-end}.breadcrumb{flex-wrap:wrap}.btn-outline-primary{padding:8px 12px}.view-super-category-tree-container{padding:12px;border-radius:12px;margin:0 -4px}.view-super-category{margin-bottom:8px}.view-super-category-item{padding:14px 16px;border-radius:10px}.view-super-category-left{gap:10px}.view-super-category-title{font-weight:600;line-height:1.3}.view-super-category-count{padding:2px 6px;border-radius:8px}.view-super-category-icon{min-width:14px}.view-super-subcategories{margin-left:16px;margin-top:8px}.view-super-subcategories:before{left:-10px;width:2px;background:#cbd5e0}.view-super-subcategories-scroll-container{max-height:250px;padding:8px;border-radius:8px;background:#fafbfc}.view-super-subcategory{margin-bottom:6px}.view-super-subcategory:before{left:-10px;width:8px;height:2px;background:#cbd5e0}.view-super-subcategory-item{padding:12px 14px;border-radius:8px;background:#fff}.view-super-subcategory-left{gap:8px}.view-super-subcategory-title{font-weight:500;line-height:1.3}.view-super-subcategory-count{padding:2px 6px;border-radius:8px}.view-super-subcategory-icon{min-width:13px}.view-super-categories-level{margin-left:16px;margin-top:8px}.view-super-categories-level:before{left:-10px;width:2px;background:#d1d5db}.view-super-categories-level-scroll-container{max-height:200px;padding:8px;border-radius:6px;background:#f8fafc}.view-super-category-level{margin-bottom:6px}.view-super-category-level:before{left:-10px;width:8px;height:2px;background:#d1d5db}.view-super-category-level-item{padding:10px 12px;border-radius:6px;background:#fff}.view-super-category-level-left{gap:8px}.view-super-category-level-title{font-weight:500;line-height:1.3}.view-super-category-level-count{padding:1px 5px;border-radius:6px}.view-super-category-level-icon,.view-super-chevron{min-width:12px}.view-super-super-sub-categories{margin-left:14px;margin-top:6px}.view-super-super-sub-categories:before{left:-9px;width:1px;background:#d1d5db}.view-super-super-sub-categories-scroll-container{max-height:150px;padding:6px;border-radius:4px;background:#f1f5f9}.view-super-super-sub-category{margin-bottom:4px}.view-super-super-sub-category:before{left:-9px;width:7px;height:1px;background:#d1d5db}.view-super-super-sub-category-item{padding:8px 10px;border-radius:4px;background:#fff}.view-super-super-sub-category-left{gap:6px}.view-super-super-sub-category-title{font-weight:500;line-height:1.3}.view-super-super-sub-category-icon{min-width:11px}.view-super-badge{padding:3px 8px;border-radius:10px;font-weight:700;letter-spacing:.3px}.view-super-categories-scroll-container{max-height:400px;padding:4px}.view-super-category-item:hover,.view-super-subcategory-item:hover,.view-super-category-level-item:hover,.view-super-super-sub-category-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.view-super-subcategories-scroll-container::-webkit-scrollbar,.view-super-categories-level-scroll-container::-webkit-scrollbar,.view-super-super-sub-categories-scroll-container::-webkit-scrollbar{width:4px}.view-super-subcategories-scroll-container::-webkit-scrollbar-track,.view-super-categories-level-scroll-container::-webkit-scrollbar-track,.view-super-super-sub-categories-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.view-super-subcategories-scroll-container::-webkit-scrollbar-thumb,.view-super-categories-level-scroll-container::-webkit-scrollbar-thumb,.view-super-super-sub-categories-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}}.view-super-loading{display:flex;justify-content:center;align-items:center;height:200px}.view-super-loading:after{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.view-super-tabs-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.view-super-tabs-nav{display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:12px 12px 0 0;padding:0;margin:0}.view-super-tab{flex:1;padding:16px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-super-tab:first-child{border-radius:12px 0 0}.view-super-tab:last-child{border-radius:0 12px 0 0}.view-super-tab:hover{background:#f1f5f9;color:#3b82f6}.view-super-tab.active{background:#fff;color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.view-super-tab-content{padding:24px;min-height:400px}.view-super-products-content{width:100%}.view-super-products-list{display:flex;flex-direction:column;gap:16px}.view-super-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.view-super-product-card.inactive{opacity:.7;border-color:#cbd5e0}.view-super-product-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.view-super-product-header{display:flex;align-items:center;padding:20px;cursor:pointer;transition:background-color .2s ease}.view-super-product-header:hover{background-color:#f8fafc}.view-super-product-basic-info{display:flex;align-items:center;gap:16px;flex:1}.view-super-product-image-section{position:relative;flex-shrink:0}.view-super-product-image{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.view-super-brand-logo{position:absolute;bottom:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 8px #0000001a}.view-super-product-details{flex:1}.view-super-product-name{font-weight:600;color:#1e293b;margin:0 0 4px}.view-super-product-brand{color:#64748b;margin:0 0 8px}.view-super-product-pricing{display:flex;align-items:center;gap:12px}.view-super-product-mrp{color:#94a3b8;text-decoration:line-through}.view-super-product-sale-price{font-weight:700;color:#059669}.view-super-product-discount{background:#dcfce7;color:#166534;padding:2px 8px;border-radius:12px;font-weight:500}.view-super-product-summary{display:flex;align-items:center;gap:20px;margin-left:auto}.view-super-product-sellers-summary{display:flex;flex-direction:column;gap:4px;text-align:right}.view-super-sellers-count{padding:2px 8px;border-radius:8px;font-weight:500}.view-super-sellers-count.active{background:#dcfce7;color:#166534}.view-super-sellers-count.inactive{background:#f1f5f9;color:#64748b}.view-super-product-expand-btn{margin-left:16px}.view-super-product-status{margin-left:20px}.view-super-product-expanded-content{border-top:1px solid #f1f5f9;background:#fafbfc;padding:24px}.view-super-product-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.view-super-expanded-section-title{font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center}.view-super-product-fees{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.view-super-fee-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.view-super-fee-label{color:#64748b;font-weight:500}.view-super-fee-amount{font-weight:700;color:#059669}.view-super-product-sellers{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.view-super-sellers-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.view-super-seller-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.view-super-seller-item.active{background:#f0fdf4;border-color:#bbf7d0}.view-super-seller-item.inactive{background:#f8fafc;border-color:#e2e8f0;opacity:.8}.view-super-seller-item:hover{transform:translate(2px)}.view-super-seller-icon{color:#059669}.view-super-seller-item.inactive .view-super-seller-icon{color:#94a3b8}.view-super-seller-info{display:flex;flex-direction:column;gap:2px}.view-super-seller-name{font-weight:500;color:#1e293b}.view-super-seller-meta{color:#64748b}.view-super-seller-price{font-weight:600;color:#059669;margin-top:4px;display:block}.view-super-no-sellers{color:#94a3b8;text-align:center;margin:16px 0;font-style:italic}.view-super-products-empty{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:16px;border:1px solid #f59e0b}.view-super-products-empty-icon{color:#d97706;margin-bottom:20px;opacity:.8}.view-super-products-empty-title{font-weight:600;color:#92400e;margin-bottom:12px}.view-super-products-empty-description{color:#a16207;max-width:400px;margin:0 auto}@media (max-width: 768px){.view-super-tabs-nav{flex-direction:column}.view-super-tab{border-radius:0!important;border-right:none;border-bottom:1px solid #e2e8f0}.view-super-tab.active{border-bottom-color:#e2e8f0;border-left:3px solid #3b82f6}.view-super-tab-content{padding:16px}.view-super-fee-cards{grid-template-columns:1fr;gap:16px}.view-super-fee-card{padding:16px}.view-super-fee-amount{flex-direction:column;align-items:flex-start;gap:8px}.view-super-product-expanded-grid{grid-template-columns:1fr;gap:16px}.view-super-product-header{flex-direction:column;align-items:flex-start;gap:16px}.view-super-product-basic-info{width:100%}.view-super-product-summary{width:100%;justify-content:space-between;margin-left:0}.view-super-product-sellers-summary{text-align:left}.view-super-sellers-list{max-height:150px}}.view-super-product-info-cards{display:flex;flex-direction:column;gap:12px}.view-super-product-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.view-super-product-info-card:hover{background:#f1f5f9;border-color:#cbd5e0}.view-super-info-label{font-weight:600;color:#475569}.view-super-info-value{font-weight:500;color:#1e293b;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.view-super-fee-info-cards{display:flex;flex-direction:column;gap:12px}.view-super-fee-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;transition:all .2s ease}.view-super-fee-info-card:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translateY(-2px)}.view-super-fee-label{font-weight:600;color:#0c4a6e}.view-super-fee-amount{font-weight:700;color:#059669;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #10b981;box-shadow:0 2px 4px #10b9811a}.view-super-statistics-cards{display:flex;gap:12px;flex-wrap:wrap}.view-super-stat-card{flex:1;min-width:100px;padding:16px;border-radius:10px;text-align:center;border:1px solid #e2e8f0;transition:all .2s ease}.view-super-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.view-super-stat-card.orders{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.view-super-stat-card.returns{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#f87171}.view-super-stat-card.replacements{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.view-super-stat-number{display:block;font-weight:700;color:#1e293b;margin-bottom:4px}.view-super-stat-label{font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.view-super-price-range-cards{display:flex;gap:16px;flex-wrap:wrap}.view-super-price-range-card{flex:1;min-width:200px;padding:16px;border-radius:12px;border:2px solid;transition:all .2s ease}.view-super-price-range-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.view-super-price-range-card.lowest{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.view-super-price-range-card.highest{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.view-super-price-range-header{margin-bottom:12px}.view-super-price-range-type{font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#374151}.view-super-price-range-content{display:flex;flex-direction:column;gap:6px}.view-super-price-range-amount{font-weight:700;color:#1e293b}.view-super-price-range-card.lowest .view-super-price-range-amount{color:#065f46}.view-super-price-range-card.highest .view-super-price-range-amount{color:#991b1b}.view-super-price-range-seller{font-weight:500;color:#64748b;background:#fffc;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.view-super-statistics-cards{flex-direction:column;gap:8px}.view-super-stat-card{min-width:auto}.view-super-price-range-cards{flex-direction:column;gap:12px}.view-super-price-range-card{min-width:auto}.view-super-product-info-cards,.view-super-fee-info-cards{gap:8px}}.view-super-statistics-dashboard{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.view-super-charts-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:20px}.view-super-chart-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease}.view-super-chart-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.view-super-chart-title{font-weight:600;color:#1e293b;margin-bottom:16px;text-align:center}.view-super-pie-chart-container{display:flex;align-items:flex-start;justify-content:center;gap:24px}.view-super-pie-chart{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.view-super-chart-legend{flex:1;display:flex;flex-direction:column;justify-content:center}.view-super-legend-item{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px;padding:4px 0;font-weight:500;color:#374151}.view-super-legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.view-super-legend-color.active{background:#10b981}.view-super-legend-color.inactive{background:#ef4444}.view-super-legend-color.brands-inactive{background:#ef4444}@media (max-width: 768px){.view-super-charts-container{grid-template-columns:1fr;gap:20px}.view-super-pie-chart-container{flex-direction:column;gap:16px}.view-super-chart-legend{width:100%}.view-super-statistics-dashboard{padding:16px}}@media (max-width: 480px){.badge.fs-6{padding:4px 8px}.btn-outline-primary{padding:6px 10px}.view-super-category-tree-container{padding:8px;margin:0 -8px}}.clickable-chart:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000040!important}.clickable-legend{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:4px 8px;margin:-4px -8px}.clickable-legend:hover{background:#3b82f61a;transform:translate(4px)}.brands-horizontal-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.horizontal-brand-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;cursor:default;position:relative}.horizontal-brand-card.active{border-left:4px solid #374151;border-color:#f1f5f9;box-shadow:0 2px 8px #00000014}.horizontal-brand-card.inactive{opacity:.6;background:#fafafa}.horizontal-brand-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px);border-color:#e2e8f0}.horizontal-brand-content{padding:18px 24px;display:flex;align-items:center;gap:18px}.horizontal-brand-logo-section{flex-shrink:0}.horizontal-brand-logo{width:54px;height:54px;object-fit:cover;border-radius:6px;border:1px solid #f8fafc;box-shadow:0 1px 3px #0000000f;transition:all .2s ease;background:#fff}.horizontal-brand-card:hover .horizontal-brand-logo{box-shadow:0 2px 6px #0000001a}.horizontal-brand-info{flex:1;display:flex;align-items:center}.horizontal-brand-details{display:flex;flex-direction:column;gap:4px}.horizontal-brand-name{font-weight:600;color:#1f2937;margin:0;line-height:1.3;letter-spacing:-.01em}.horizontal-brand-products{display:inline-flex;align-items:center;font-weight:500;color:#6b7280;background:#f9fafb;padding:3px 8px;border-radius:4px;width:fit-content}.horizontal-brand-status-section{flex-shrink:0;display:flex;align-items:center}.horizontal-brand-status{font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:4px 10px;border-radius:4px;text-align:center;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.horizontal-brand-card.active .horizontal-brand-name{color:#111827}.horizontal-brand-card.active .horizontal-brand-products{background:#f3f4f6;color:#374151}.horizontal-brand-card.active .horizontal-brand-status{background:#374151;color:#fff;border-color:#374151}.horizontal-brand-card.inactive .horizontal-brand-name{color:#9ca3af}.horizontal-brand-card.inactive .horizontal-brand-products{background:#f5f5f5;color:#9ca3af}.horizontal-brand-card.inactive .horizontal-brand-status{background:#f5f5f5;color:#9ca3af;border-color:#e5e5e5}@media (max-width: 768px){.brands-horizontal-list{gap:10px;margin-top:20px}.horizontal-brand-content{padding:16px 20px;gap:14px}.horizontal-brand-logo{width:48px;height:48px}.horizontal-brand-products{padding:3px 6px}.horizontal-brand-status{padding:3px 8px}}@media (max-width: 480px){.brands-horizontal-list{gap:8px}.horizontal-brand-content{padding:14px 16px;gap:12px;flex-direction:column;align-items:flex-start}.horizontal-brand-info{width:100%}.horizontal-brand-details{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.horizontal-brand-logo{width:42px;height:42px}.horizontal-brand-products{padding:2px 5px}.horizontal-brand-status-section{align-self:flex-end}.horizontal-brand-status{padding:2px 6px}}.text-center{text-align:center}.text-muted{color:#6b7280}.super-sub-category-products-list{display:flex;flex-direction:column;gap:16px}.super-sub-category-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.super-sub-category-product-card.inactive{opacity:.7;border-color:#cbd5e0}.super-sub-category-product-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.super-sub-category-product-header{display:flex;align-items:center;padding:20px;cursor:pointer;transition:background-color .2s ease}.super-sub-category-product-header:hover{background-color:#f8fafc}.super-sub-category-product-basic-info{display:flex;align-items:center;gap:16px;flex:1}.super-sub-category-product-image-section{position:relative;flex-shrink:0}.super-sub-category-product-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.super-sub-category-brand-logo{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.super-sub-category-product-details{flex:1;min-width:0}.super-sub-category-product-name{font-weight:600;color:#1e293b;margin:0 0 4px;line-height:1.3}.super-sub-category-product-brand{color:#64748b;margin:0 0 8px}.super-sub-category-product-pricing{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.super-sub-category-product-mrp{color:#94a3b8;text-decoration:line-through}.super-sub-category-product-sale-price{font-weight:700;color:#059669}.super-sub-category-product-discount{font-weight:600;color:#dc2626;background:#fee2e2;padding:2px 8px;border-radius:12px}.super-sub-category-product-summary{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-left:16px}.super-sub-category-product-sellers-summary{text-align:right}.super-sub-category-sellers-count{display:block;margin-bottom:2px}.super-sub-category-sellers-count.active{color:#059669;font-weight:600}.super-sub-category-sellers-count.inactive{color:#6b7280}.super-sub-category-product-expand-btn{margin-left:16px}.chevron{color:#64748b;transition:transform .3s ease}.chevron.expanded{transform:rotate(90deg)}.super-sub-category-product-expanded-content{background:#fafbfc;padding:24px}.expand-animation{animation:slideDown .3s ease-out}.super-sub-category-product-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.expanded-section-title{font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center}.product-info-cards{display:flex;flex-direction:column;gap:12px}.product-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.product-info-card:hover{background:#f1f5f9;border-color:#cbd5e0}.info-label{font-weight:600;color:#6b7280;text-transform:uppercase}.info-value{font-weight:600;color:#1e293b}.fee-info-cards{display:flex;flex-direction:column;gap:12px}.fee-info-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.fee-label{font-weight:600;color:#15803d;text-transform:uppercase}.fee-amount{font-weight:700;color:#166534}.statistics-cards{display:flex;gap:12px}.stat-card{flex:1;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-align:center;transition:all .2s ease}.stat-card:hover{background:#f8fafc;transform:translateY(-2px)}.stat-card.orders{border-left:4px solid #3b82f6}.stat-card.returns{border-left:4px solid #f50b0b}.stat-card.replacements{border-left:4px solid #b9a810}.stat-card .stat-number{display:block;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-card .stat-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.price-range-cards{display:flex;gap:16px}.price-range-card{flex:1;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.price-range-card:hover{background:#f8fafc;box-shadow:0 4px 12px #0000000d}.price-range-card.lowest{border-left:4px solid #10b981}.price-range-card.highest{border-left:4px solid #dc2626}.price-range-header{margin-bottom:8px}.price-range-type{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.price-range-amount{display:block;font-weight:700;color:#1e293b;margin-bottom:4px}.price-range-seller{color:#64748b}.super-sub-category-product-reviews{grid-column:span 2}.review-chart-container{display:flex;align-items:center;gap:24px;padding:20px}.chart-section{flex-shrink:0;display:flex;align-items:center;justify-content:center}.review-legend{flex:1;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:12px;padding:8px 0}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:#374151;display:flex;align-items:center}.legend-value{font-weight:600;color:#1e293b}.super-sub-category-product-sellers{grid-column:span 1;margin-top:24px}.sellers-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;padding:10px;max-height:200px}.seller-item-enhanced{display:flex;flex-direction:column;padding:16px;margin-bottom:16px;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.seller-item-enhanced.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #16a34a}.seller-item-enhanced.inactive{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #cbd5e0}.seller-item-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.seller-main-info{margin-bottom:16px}.seller-basic-details{display:flex;align-items:flex-start;gap:12px}.seller-icon{color:#64748b;margin-top:2px;flex-shrink:0}.seller-item-enhanced.active .seller-icon{color:#16a34a}.seller-item-enhanced.inactive .seller-icon{color:#94a3b8}.seller-info{flex:1}.seller-name{font-weight:600;color:#1e293b;display:block;margin-bottom:4px}.seller-meta{color:#64748b;display:block;margin-bottom:8px}.star-icon{color:#f59e0b;margin-right:2px}.seller-metrics{display:flex;gap:16px;flex-wrap:wrap}.seller-price{font-weight:600;color:#059669}.seller-quantity{color:#64748b}.seller-review-chart{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:16px}.chart-title{font-weight:600;color:#374151;margin-bottom:12px;display:flex;align-items:center}.seller-chart-container{display:flex;align-items:center;justify-content:center;margin-bottom:12px;width:150px;height:150px}.seller-review-summary{text-align:center}.review-breakdown{display:flex;justify-content:space-between;gap:8px}.review-breakdown span{padding:2px 6px;border-radius:4px;font-weight:600}.five-star{background:#dcfce7;color:#166534}.four-star{background:#ecfccb;color:#365314}.three-star{background:#fef3c7;color:#92400e}.two-star{background:#fed7aa;color:#9a3412}.one-star{background:#fecaca;color:#991b1b}.no-sellers{text-align:center;color:#6b7280;font-style:italic;padding:20px;background:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.custom-tooltip{z-index:1000}@media (max-width: 1024px){.super-sub-category-product-expanded-grid{grid-template-columns:1fr}.super-sub-category-product-reviews,.super-sub-category-product-sellers{grid-column:span 1}}@media (max-width: 768px){.super-sub-category-product-expanded-content{padding:16px}.statistics-cards,.price-range-cards{flex-direction:column}.review-chart-container{flex-direction:column;gap:16px}.seller-metrics,.review-breakdown{flex-direction:column;gap:4px}}.view-super-category-tree-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.view-super-modern-tree{position:relative}.view-super-category{margin-bottom:12px;position:relative}.view-super-category-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;cursor:default;transition:all .2s ease;position:relative}.view-super-category-content{display:flex;justify-content:space-between;align-items:center}.view-super-category-left{display:flex;align-items:center;gap:12px;color:#334155}.view-super-category-icon{color:#3b82f6}.view-super-category-title{font-weight:600;color:#1e293b}.view-super-subcategories{margin-left:24px;margin-top:12px;position:relative}.view-super-subcategories:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;background:#cbd5e0}.view-super-subcategory{margin-bottom:10px;position:relative}.view-super-subcategory:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:1px;background:#cbd5e0}.view-super-subcategory-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 16px;transition:all .2s ease}.view-super-subcategory-content{display:flex;justify-content:space-between;align-items:center}.view-super-subcategory-left{display:flex;align-items:center;gap:10px;color:#475569}.view-super-subcategory-icon{color:#10b981}.view-super-subcategory-title{font-weight:600;color:#374151}.view-super-categories-level{margin-left:24px;margin-top:10px;position:relative}.view-super-categories-level:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;background:#d1d5db}.view-super-category-level{margin-bottom:8px;position:relative}.view-super-category-level:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:1px;background:#d1d5db}.view-super-category-level-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 14px;transition:all .2s ease}.view-super-category-level-content{display:flex;justify-content:space-between;align-items:center}.view-super-category-level-left{display:flex;align-items:center;gap:8px;color:#6b7280}.view-super-category-level-icon{color:#f59e0b}.view-super-category-level-title{font-weight:600;color:#4b5563}.view-super-super-sub-categories{margin-left:24px;margin-top:8px;position:relative}.view-super-super-sub-categories:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;background:#e5e7eb}.view-super-super-sub-category{margin-bottom:6px;position:relative}.view-super-super-sub-category:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:1px;background:#e5e7eb}.view-super-super-sub-category-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 12px;transition:all .2s ease;position:relative}.view-super-super-sub-category-content{display:flex;justify-content:space-between;align-items:center}.view-super-super-sub-category-left{display:flex;align-items:center;gap:6px;color:#9ca3af}.view-super-super-sub-category-icon{color:#8b5cf6}.view-super-super-sub-category-icon.current{color:#3b82f6}.view-super-super-sub-category-title{font-weight:500;color:#6b7280}.view-super-super-sub-category-title.current{font-weight:700;color:#1e293b}.view-super-badge{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:12px;white-space:nowrap}.view-super-badge.active{background:#dcfce7;color:#166534}.view-super-badge.inactive{background:#f1f5f9;color:#64748b}.view-super-expand-animation{animation:slideIn .3s ease-out}.view-hierarchy-path{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0}.view-hierarchy-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}.view-hierarchy-item.active .view-hierarchy-value{color:#3b82f6;font-weight:700}.view-hierarchy-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px}.view-hierarchy-value{font-weight:600;color:#1e293b;line-height:1.2}.view-hierarchy-arrow{color:#cbd5e0;flex-shrink:0}.card-icon{display:block;margin:0 auto}.view-super-statistics-dashboard{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.view-super-charts-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.view-super-chart-card{text-align:center}.view-super-chart-title{font-weight:600;color:#1e293b;margin-bottom:20px}.view-super-pie-chart-container{display:flex;align-items:center;justify-content:center;gap:24px}.view-super-chart{width:120px;height:120px;border-radius:50%;position:relative;transition:all .3s ease}.view-super-pie-chart{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.view-super-pie-chart-center{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.view-super-pie-chart-total{font-weight:700;color:#1e293b;line-height:1}.view-super-pie-chart-label{font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.view-super-chart-legend{display:flex;flex-direction:column;gap:8px}.view-super-legend-item{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px;padding:4px 0;font-weight:500;color:#374151;transition:all .2s ease}.view-super-legend-left{display:flex;align-items:center;gap:4px}.view-super-legend-text{color:#374151}.view-super-legend-percentage{font-weight:600;color:#6b7280}.view-super-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.view-super-legend-color.products-active{background:#22c55e}.view-super-legend-color.products-inactive{background:#ef4444}.view-super-legend-color.brands-active{background:#8b5cf6}.view-super-legend-color.brands-inactive{background:#f87171}.view-super-legend-color.orders-successful{background:#06b6d4}.view-super-legend-color.orders-returned{background:#f97316}.view-super-legend-color.orders{background:#3b82f6}.view-super-legend-color.returns{background:#ef4444}.view-super-legend-color.replacements{background:#f59e0b}.clickable-chart{cursor:pointer!important;transition:all .3s ease}.clickable-chart:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.clickable-legend{cursor:pointer!important;transition:all .2s ease}.clickable-legend:hover{color:#1e293b;font-weight:600}@media (max-width: 768px){.view-hierarchy-path{gap:8px;justify-content:center}.view-hierarchy-item{min-width:80px}.view-super-charts-container{grid-template-columns:1fr;gap:20px}.view-super-pie-chart-container{flex-direction:column;gap:16px}.view-super-chart{width:100px;height:100px}.view-super-statistics-dashboard{padding:16px}}@media (max-width: 480px){.view-hierarchy-path{flex-direction:column;gap:12px}.view-hierarchy-arrow{transform:rotate(90deg)}.view-hierarchy-item{min-width:auto;width:100%}.view-super-chart{width:80px;height:80px}}.unified-category-manager{min-height:100vh}.unified-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:2rem 0;box-shadow:0 4px 20px #0000001a}.unified-title{font-weight:700;margin-bottom:.5rem;color:#fff}.unified-subtitle{margin-bottom:1rem;color:#ffffffe6}.unified-stats{display:flex;gap:2rem;justify-content:flex-end}.stat-item{text-align:center;background:#ffffff1a;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-weight:700;color:#fff}.stat-label{display:block;color:#fffc;margin-top:.25rem}.tab-navigation{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.tab-nav-container{display:flex;gap:0;overflow-x:auto;padding:0}.tab-nav-btn{flex:1;background:transparent;border:none;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;min-width:200px}.tab-nav-btn:hover{background:#f8fafc;transform:translateY(-2px)}.tab-nav-btn.active{background:#f1f5f9;border-bottom-color:#2c3e50}.tab-nav-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#2c3e50,#34495e)}.tab-nav-content{display:flex;align-items:center;gap:12px;justify-content:center}.tab-nav-icon{color:#64748b;transition:color .3s ease}.tab-nav-btn.active .tab-nav-icon{color:#2c3e50}.tab-nav-text{text-align:left}.tab-nav-label{display:block;font-weight:600;color:#334155;margin-bottom:2px}.tab-nav-desc{display:block;color:#64748b;line-height:1.2}.tab-nav-btn.active .tab-nav-label{color:#2c3e50}.tab-content-container{padding:2rem 0;min-height:calc(100vh - 300px)}.tab-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;animation:fadeInUp .4s ease}@media (max-width: 768px){.unified-stats{justify-content:center;margin-top:1rem}.tab-nav-container{flex-direction:column}.tab-nav-btn{min-width:auto;text-align:left}.tab-nav-content{justify-content:flex-start}.tab-content-container{padding:1rem 0}}@media (max-width: 480px){.unified-header{padding:1rem 0}.tab-nav-text{display:none}.tab-nav-content{justify-content:center}.tab-nav-btn{padding:1rem .5rem}}.tab-success-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s infinite}.tab-pane-content{padding:2rem;min-height:600px}.tab-form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.tab-form-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.tab-form-title{font-weight:600;color:#2c3e50;margin-bottom:.5rem}.tab-form-subtitle{color:#6c757d;margin:0}.tab-pane-content .form-control:focus,.tab-pane-content .form-select:focus{border-color:#2c3e50!important;box-shadow:0 0 0 .2rem #2c3e5040!important}.tab-pane-content .form-control.is-valid,.tab-pane-content .form-select.is-valid{border-color:#10b981!important}.tab-pane-content .form-control.is-invalid,.tab-pane-content .form-select.is-invalid{border-color:#ef4444!important}.tab-pane-content .alert-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:12px;font-weight:500;animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.unified-category-manager .breadcrumb-item a{color:#fffc}.unified-category-manager .breadcrumb-item.active{color:#fff}.unified-category-manager .breadcrumb-item+.breadcrumb-item:before{color:#fff9}@media (max-width: 768px){.tab-pane-content{padding:1rem}.tab-form-card{padding:1.5rem}}.mge-cat-container{min-height:100vh}.mge-cat-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:2.5rem 0;margin:1rem 1rem 2rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.mge-cat-header-content{display:flex;justify-content:space-between;align-items:center}.mge-cat-header-left{display:flex;align-items:center;gap:1.5rem}.mge-cat-header-icon{width:55px;height:55px;background:#ffffff26;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ffffff1a;border:2px solid rgba(255,255,255,.2)}.mge-cat-header-info h2{font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.1}.mge-cat-header-info p{color:#ffffffd9;margin:.5rem 0 0;font-weight:400;line-height:1.4}.mge-cat-header-actions{display:flex;gap:1rem}.mge-cat-add-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mge-cat-add-btn:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.mge-cat-tab-nav{background:transparent;margin:0 1rem 2rem;padding:0}.mge-cat-tab-container{display:flex;gap:.5rem;background:#f8fafc;padding:.5rem;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f}.mge-cat-tab-btn{flex:1;background:transparent;border:none;padding:.875rem 1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;font-weight:600;position:relative;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem}.mge-cat-tab-btn:hover:not(.active){background:#fff9;color:#475569;transform:translateY(-1px)}.mge-cat-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #2563eb26,0 1px 3px #0000001a;transform:translateY(0)}.mge-cat-tab-btn.active:before{display:none}.mge-cat-content-area{padding:0 1rem 2rem}.mge-cat-content-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;border:1px solid #e2e8f0}.mge-cat-tab-content{padding:2rem}.mge-cat-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}.mge-cat-tab-title{font-weight:700;color:#1e293b;margin:0;position:relative}.mge-cat-tab-title:after{content:"";position:absolute;bottom:-1.25rem;left:0;width:50px;height:3px;background:linear-gradient(90deg,#2563eb,#1e40af);border-radius:2px}.mge-cat-tab-actions{display:flex;gap:1rem;align-items:center}.mge-cat-filter-select{border:2px solid #e2e8f0;border-radius:10px;padding:.65rem 1rem;min-width:150px;transition:all .3s ease;background:#f8fafc;font-weight:500;color:#64748b}.mge-cat-filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none;background:#fff}.mge-cat-clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #ef44444d;min-width:auto;white-space:nowrap}.mge-cat-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.mge-cat-search-input{border:2px solid #e2e8f0;border-radius:10px;padding:.65rem 1rem;width:280px;transition:all .3s ease;background:#f8fafc;font-weight:500}.mge-cat-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none;background:#fff}.mge-cat-search-input::placeholder{color:#94a3b8}.mge-cat-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.mge-cat-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.mge-cat-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);transition:all .3s ease}.mge-cat-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#c7d2fe}.mge-cat-stat-card.total:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.mge-cat-stat-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.mge-cat-stat-card.inactive:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.mge-cat-stat-card.filtered:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.mge-cat-stat-number{font-size:1.5rem;font-weight:800;color:#1e293b;display:block;margin-bottom:.4rem;line-height:1}.mge-cat-stat-label{color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mge-cat-stat-card.total .mge-cat-stat-number{color:#3b82f6}.mge-cat-stat-card.active .mge-cat-stat-number{color:#10b981}.mge-cat-stat-card.inactive .mge-cat-stat-number{color:#ef4444}.mge-cat-stat-card.filtered .mge-cat-stat-number{color:#8b5cf6}.mge-cat-cards-container{display:flex;flex-direction:column;gap:.75rem}.mge-cat-horizontal-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;gap:1rem}.mge-cat-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#c7d2fe;background:linear-gradient(135deg,#f8fafc,#fff)}.mge-cat-card-left{display:flex;align-items:center;gap:1rem;flex:1}.mge-cat-card-index{width:36px;height:36px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 12px #1e3c724d}.mge-cat-card-content{flex:1}.mge-cat-card-title{font-weight:600;color:#1e293b;margin:0 0 .35rem;line-height:1.3}.mge-cat-card-subtitle{color:#64748b;margin:0;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mge-cat-card-right{display:flex;align-items:center;gap:.75rem}.mge-cat-card-status{display:flex;align-items:center;gap:.5rem}.mge-cat-status-badge{padding:.3rem .75rem;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.mge-cat-status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.mge-cat-status-badge.inactive{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border-color:#d1d5db}.mge-cat-card-actions{display:flex;align-items:center;gap:.4rem}.mge-cat-card-action-btn{width:32px;height:32px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0}.mge-cat-card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mge-cat-card-action-btn.view{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.mge-cat-card-action-btn.view:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666}.mge-cat-card-action-btn.edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.mge-cat-card-action-btn.edit:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.mge-cat-card-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.mge-cat-card-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466}.mge-cat-card-action-btn.toggle{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b72804d}.mge-cat-card-action-btn.toggle:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b728066}.mge-cat-card-action-btn.toggle.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.mge-cat-card-action-btn.toggle.active:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66}@media (max-width: 768px){.mge-cat-horizontal-card{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem}.mge-cat-card-left{width:100%;gap:1rem}.mge-cat-card-index{width:50px;height:50px;flex-shrink:0}.mge-cat-card-content{flex:1;min-width:0}.mge-cat-card-title{margin-bottom:.5rem}.mge-cat-card-subtitle{flex-direction:column;align-items:flex-start;gap:.5rem}.mge-cat-card-subtitle .badge{padding:.25rem .75rem}.mge-cat-card-right{width:100%;flex-direction:column;gap:1rem}.mge-cat-card-status{align-self:center;width:100%;display:flex;justify-content:center}.mge-cat-status-badge{padding:.5rem 1rem}.mge-cat-card-actions{width:100%;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.mge-cat-card-action-btn{width:50px;height:50px;border-radius:12px}.mge-cat-header{margin:.5rem;padding:2rem 0}.mge-cat-header-content{flex-direction:column;gap:1.5rem;text-align:center}.mge-cat-header-left{flex-direction:column;gap:1rem}.mge-cat-tab-container{flex-wrap:wrap;gap:.5rem}.mge-cat-tab-btn{padding:.75rem 1rem;min-width:auto;flex:1}.mge-cat-stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.mge-cat-stat-card{padding:1rem}}.mge-cat-badge-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.25rem .65rem;border-radius:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d}.mge-cat-badge-subcategory{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:.25rem .65rem;border-radius:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f093fb4d}.mge-cat-badge-supercategory{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:.25rem .65rem;border-radius:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4facfe4d}.mge-cat-badge-count{background:#e0e7ff;color:#3730a3;border:none;padding:.2rem .5rem;border-radius:10px;font-weight:700;min-width:22px;text-align:center;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.mge-cat-badge-category,.mge-cat-badge-subcategory,.mge-cat-badge-supercategory{padding:.3rem .75rem;margin-bottom:.25rem}}.mge-cat-table{display:none}.mge-cat-action-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.625rem;margin:0 .25rem;cursor:pointer;transition:all .3s ease;color:#64748b;box-shadow:0 2px 4px #0000000d}.mge-cat-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mge-cat-action-btn.view:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;border-color:#93c5fd}.mge-cat-action-btn.edit:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-color:#6ee7b7}.mge-cat-action-btn.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#f87171}.mge-cat-action-btn.activate:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-color:#6ee7b7}.mge-cat-action-btn.deactivate:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border-color:#fbbf24}.mge-cat-badge,.badge{padding:.375rem .875rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.bg-success,.mge-cat-badge.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.badge.bg-secondary,.mge-cat-badge.secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.badge.bg-light,.mge-cat-badge.light{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1f2937;border:1px solid #e2e8f0}.badge.bg-info,.mge-cat-badge.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.badge.bg-warning,.mge-cat-badge.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.mge-cat-mobile-cards{display:grid;gap:1.5rem}.mge-cat-mobile-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.mge-cat-mobile-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:#c7d2fe}.mge-cat-mobile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.mge-cat-mobile-actions .btn{border-radius:8px;font-weight:600;padding:.625rem;transition:all .3s ease}.mge-cat-mobile-actions .btn:hover{transform:translateY(-2px)}.mge-cat-pagination{display:flex;gap:.5rem;list-style:none;padding:0;margin:2rem 0 0;justify-content:center}.mge-cat-page-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.mge-cat-page-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#c7d2fe}.mge-cat-page-btn button{background:transparent;border:none;padding:.75rem 1rem;cursor:pointer;color:#64748b;transition:all .3s ease;font-weight:600;min-width:44px}.mge-cat-page-btn.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#2563eb}.mge-cat-page-btn.active button{color:#fff}.mge-cat-page-btn.disabled{opacity:.5;pointer-events:none}.mge-cat-page-btn.disabled button{cursor:not-allowed}@media (max-width: 1024px){.mge-cat-header-content{flex-direction:column;gap:1.5rem;text-align:center}.mge-cat-tab-container{flex-wrap:wrap}.mge-cat-tab-btn{flex:1 1 calc(50% - .25rem);min-width:0}.mge-cat-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mge-cat-header{margin-bottom:1rem}.mge-cat-tab-nav{margin:0 .5rem 1rem}.mge-cat-tab-container{flex-direction:column;gap:.5rem}.mge-cat-tab-btn{text-align:center;padding:.875rem 1rem;flex:1 1 auto}.mge-cat-content-area{padding:0 .5rem 1rem}.mge-cat-tab-content{padding:1.5rem}.mge-cat-tab-header{flex-direction:column;gap:2.5rem;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem}.mge-cat-tab-actions{width:100%;flex-direction:column;gap:1rem}.mge-cat-filter-select{width:100%;min-width:auto;padding:.75rem 1rem;box-sizing:border-box}.mge-cat-search-input{width:100%!important;max-width:100%;padding:.75rem 1rem;box-sizing:border-box}.mge-cat-stats-grid{grid-template-columns:1fr;gap:1rem}.mge-cat-stat-card{padding:1.5rem}.mge-cat-mobile-actions{grid-template-columns:1fr}}@media (max-width: 480px){.mge-cat-pagination{gap:.25rem}.mge-cat-page-btn button{padding:.5rem .75rem;min-width:36px}}.manage-products-container{padding:25px 15px;min-height:100vh}.mp-header-section{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;margin:0 -15px 30px;overflow:hidden;position:relative}.mp-header-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');opacity:.3}.mp-header-content{display:flex;justify-content:space-between;align-items:center;padding:2rem;position:relative;z-index:1}.mp-header-main{display:flex;align-items:center;gap:1.5rem}.mp-header-icon{width:70px;height:70px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.mp-header-icon i,.mp-header-text{color:#fff}.mp-header-title{font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1}.mp-header-subtitle{margin:0;opacity:.9;font-weight:400;line-height:1.4;max-width:400px}.mp-header-stats{display:flex;gap:1rem}.mp-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.25rem;text-align:center;min-width:100px;transition:all .3s ease}.mp-stat-card:hover{background:#ffffff40;transform:translateY(-2px)}.mp-stat-number{font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem;font-size:1rem!important}.mp-stat-label{color:#ffffffe6;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.modern-product-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);position:relative}.modern-product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.modern-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.card-content{display:grid;grid-template-columns:200px 1fr auto auto;align-items:center;gap:24px;padding:24px}.product-image-section{position:relative}.image-wrapper{position:relative;width:160px;height:120px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #f1f3f4;transition:all .3s ease}.image-wrapper:hover{border-color:#667eea;transform:scale(1.05)}.product-img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s ease}.image-overlay{position:absolute;inset:0;background:#667eeae6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.image-wrapper:hover .image-overlay{opacity:1}.product-details-section{flex:1;min-width:0}.product-header{margin-bottom:16px}.product-title{color:#2d3748;font-weight:600;margin:0 0 12px;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-height:6.2rem}.product-codes{display:flex;gap:20px;flex-wrap:wrap}.code-item{display:flex;align-items:center;gap:6px;color:#4a5568}.code-item i{color:#718096}.code-label{font-weight:500}.code-value{background:#f7fafc;padding:4px 10px;border-radius:8px;color:#2d3748;border:1px solid #e2e8f0}.category-flow{margin-top:16px}.category-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.path-item{padding:4px 10px;border-radius:15px;font-weight:500;transition:all .2s ease}.path-item.primary{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.path-item.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.path-item.accent{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.path-item.highlight{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.path-arrow{color:#cbd5e0}.product-stats-section{display:flex;flex-direction:column;gap:12px;justify-content:center}.stat-item{display:flex;align-items:center;padding:8px 10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;transition:all .2s ease}.stat-item:hover{background:#f1f3f4;border-color:#dee2e6}.stat-text{color:#495057}.product-actions-section{display:flex;align-items:center}.view-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.view-btn:active{transform:translateY(0)}.btn-text,.btn-icon{transition:transform .2s ease}.view-btn:hover .btn-text{transform:translate(-2px)}.view-btn:hover .btn-icon{transform:translate(2px)}@media (max-width: 1200px){.card-content{grid-template-columns:160px 1fr auto;gap:20px}.product-stats-section{gap:12px}.stat-group{flex-direction:row;gap:12px}}@media (max-width: 992px){.card-content{grid-template-columns:140px 1fr;gap:16px}.product-stats-section{grid-column:1 / -1;margin-top:16px}.stat-group{justify-content:space-between}.product-actions-section{grid-column:1 / -1;justify-content:center;margin-top:16px}}@media (max-width: 768px){.card-content{grid-template-columns:1fr;gap:20px;text-align:center}.product-codes,.category-path{justify-content:center}.image-wrapper{width:140px;height:100px;margin:0 auto}.view-btn{width:100%;justify-content:center}.d-flex.align-items-center.justify-content-between{flex-direction:column;align-items:center!important;gap:.5rem}.product-title{text-align:center}.mp-pagination-wrapper{justify-content:center!important}.mp-pagination-list{justify-content:center;flex-wrap:wrap}.mp-header-content{flex-direction:column;text-align:center;gap:2rem;padding:1.5rem}.mp-header-main{flex-direction:column;text-align:center;gap:1rem}.mp-header-subtitle{max-width:none}.mp-header-stats{flex-wrap:wrap;justify-content:center;gap:.75rem}.mp-stat-card{flex:1;min-width:80px}}@media (max-width: 576px){.manage-products-container{padding:15px 10px}.card-content{padding:20px}.path-item{padding:3px 8px}.category-path{gap:4px}}.modern-product-card{animation:fadeInUp .6s ease-out forwards}.modern-product-card:nth-child(1){animation-delay:.1s}.modern-product-card:nth-child(2){animation-delay:.2s}.modern-product-card:nth-child(3){animation-delay:.3s}.modern-product-card:nth-child(4){animation-delay:.4s}.modern-product-card:nth-child(n+5){animation-delay:.5s}.spinner-border{width:3rem;height:3rem}.empty-state{padding:60px 20px;text-align:center}.empty-state i{opacity:.6;color:#a0aec0}.empty-state h4{margin-top:24px;font-weight:600;color:#4a5568}.empty-state p{color:#718096}.mp-filter-group,.mp-search-group{display:flex;flex-direction:column}.mp-filter-label{font-weight:600;color:#2d3748;margin-bottom:.75rem}.mp-filter-select{padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.mp-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mp-filter-select:hover{border-color:#667eea}.mp-search-container{position:relative}.mp-search-input{padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#4a5568;transition:all .3s ease}.mp-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mp-search-input:hover{border-color:#667eea}.mp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.mp-clear-filter-group{display:flex;flex-direction:column;height:100%}.mp-clear-filter-btn{background:linear-gradient(135deg,#e53e3e,#ef4444);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #e53e3e33;height:100%;min-height:50px}.mp-clear-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e53e3e4d;background:linear-gradient(135deg,#dc2626,#e53e3e)}.mp-clear-filter-btn:active{transform:translateY(0);box-shadow:0 2px 8px #e53e3e33}@media (max-width: 768px){.mp-clear-filter-btn{width:100%;margin-top:1rem}}.mp-status-badge{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .6rem;border-radius:12px;white-space:nowrap}.mp-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mp-status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.mp-pagination-wrapper{margin-top:2rem}.mp-pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:8px}.mp-page-btn{border-radius:8px;overflow:hidden}.mp-page-btn button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease;font-weight:600;border-radius:8px}.mp-page-btn:hover:not(.disabled) button{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.mp-page-btn.active button{background:#667eea;color:#fff;border-color:#667eea}.mp-page-btn.disabled button{opacity:.5;cursor:not-allowed;background:#f8f9fa;color:#6c757d}.btn{border-radius:10px;font-weight:500;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.btn-outline-secondary{border:2px solid #e2e8f0;color:#4a5568}.btn-outline-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.product-insight-container{padding:25px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.insight-title{color:#1a202c;font-weight:700;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.insight-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;border:1px solid #e2e8f0;overflow:hidden;margin-top:24px}.insight-header{background:#fff;padding:32px;border-bottom:1px solid #e2e8f0}.product-image-slider{position:relative}.slider-container{background:#fff;border-radius:16px;padding:16px;border:2px solid #e2e8f0;box-shadow:0 8px 25px #0000001a}.slider-wrapper{position:relative;width:100%;height:280px;overflow:hidden;border-radius:12px;background:#f8f9fa;border:1px solid #e2e8f0}.slider-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.slider-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 12px;pointer-events:none;z-index:10}.slider-btn{width:44px;height:44px;border-radius:50%;background:#fffffff2;border:2px solid #667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:all;color:#667eea;font-weight:600;box-shadow:0 4px 12px #00000026}.slider-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #667eea66}.slider-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffffb3;border-color:#cbd5e0;color:#a0aec0}.slider-indicators{display:flex;justify-content:center;gap:10px;margin-top:16px;padding:8px}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #667eea;background:#fff;cursor:pointer;transition:all .3s ease}.indicator.active{background:#667eea;transform:scale(1.3);box-shadow:0 0 0 2px #667eea4d}.product-details{padding-left:24px}.insight-product-name{color:#2d3748;font-weight:700;margin:0 0 20px;line-height:1.3}.product-identifiers{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.identifier{display:flex;align-items:center;gap:8px;color:#4a5568;background:#f7fafc;padding:10px 14px;border-radius:8px;border:1px solid #e2e8f0;font-weight:500}.identifier i{color:#718096}.identifier.mrp-identifier{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 4px 12px #48bb784d}.identifier.mrp-identifier i{color:#fff}.category-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chain-link{background:#edf2f7;color:#4a5568;padding:8px 14px;border-radius:8px;font-weight:500;border:1px solid #e2e8f0;transition:all .2s ease}.chain-link.highlighted{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.category-chain i{color:#a0aec0}.product-stats-enhanced{margin-top:20px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.stat-box.sellers-stat{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #48bb784d}.stat-box.sellers-stat:hover{box-shadow:0 8px 20px #48bb7866}.stat-icon{width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-number{font-weight:800;line-height:1;margin-bottom:4px;display:block;color:#fff}.stat-label{font-weight:500;color:#fff;opacity:.95}.insight-body{padding:0}.insight-row{display:flex;flex-direction:column;gap:0}.insight-section{padding:32px;border-bottom:1px solid #e2e8f0}.insight-section:nth-child(2n){background:#f7fafc}.section-title{display:flex;align-items:center;gap:12px;font-weight:700;color:#2d3748;margin-bottom:24px}.section-title i{color:#667eea}.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:#fff;border-radius:16px;padding:28px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.price-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.price-card.highest:before{background:linear-gradient(135deg,#e53e3e,#c53030)}.price-card.lowest:before{background:linear-gradient(135deg,#38a169,#2f855a)}.price-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.price-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.price-card.highest .price-icon{background:linear-gradient(135deg,#e53e3e,#c53030)}.price-card.lowest .price-icon{background:linear-gradient(135deg,#38a169,#2f855a)}.price-details{text-align:left}.price-label{color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.price-value{font-weight:800;color:#2d3748;margin-bottom:8px;display:block;line-height:1}.store-name{color:#4a5568;font-weight:600}.sellers-section{padding:32px;background:#fff}.sellers-section .insight-row{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sellers-column{min-width:0}.sellers-header{margin-bottom:20px}.sellers-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#2d3748;margin-bottom:16px}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#718096;z-index:2}.search-input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s ease;background:#f7fafc}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#a0aec0}.sellers-list{background:#f7fafc;border-radius:12px;padding:8px;max-height:500px;overflow-y:auto}.sellers-list::-webkit-scrollbar{width:6px}.sellers-list::-webkit-scrollbar-track{background:transparent}.sellers-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sellers-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.seller-item{background:#fff;border-radius:12px;padding:18px;margin-bottom:8px;border-left:4px solid transparent;transition:all .2s ease;box-shadow:0 2px 8px #00000014;position:relative;overflow:visible;min-height:120px;display:flex;align-items:center;gap:16px}.seller-item:last-child{margin-bottom:0}.seller-item.active{border-left-color:#38a169}.seller-item.inactive{border-left-color:#e53e3e;opacity:.85}.seller-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.seller-info{display:block;flex:1;min-width:0}.seller-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f7fafc;border-radius:50%;border:2px solid #e2e8f0;transition:all .3s ease;flex-shrink:0}.arrow-icon{color:#718096;transition:all .3s ease}.seller-item:hover .seller-arrow{background:#667eea;border-color:#667eea;transform:translate(4px)}.seller-item:hover .arrow-icon{color:#fff;transform:scale(1.1)}.seller-name{font-weight:600;color:#2d3748;line-height:1.4;margin-bottom:12px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:initial;max-height:none;height:auto}.seller-price{font-weight:700;color:#667eea;white-space:nowrap}.seller-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.last-updated{color:#718096;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:4px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.no-results{text-align:center;padding:40px 20px;color:#718096}.no-results i{margin-bottom:12px;opacity:.5}.no-results p{margin:0}.insight-footer{background:#f7fafc;padding:24px 32px;border-top:1px solid #e2e8f0}.insight-back-btn{background:#e2e8f0;color:#4a5568;padding:14px 24px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.insight-back-btn:hover{background:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.spinner-border{width:3.5rem;height:3.5rem}.error-state{padding:80px 20px;text-align:center}.error-state i{color:#f6ad55;opacity:.8}.error-state h4{margin-top:20px;font-weight:600;color:#2d3748}.error-state p{color:#4a5568;margin-bottom:24px}@media (max-width: 1200px){.sellers-section .insight-row{grid-template-columns:1fr;gap:32px}.seller-item{padding:14px}}@media (max-width: 992px){.price-cards,.stats-row{grid-template-columns:1fr}.product-details{padding-left:0;margin-top:24px}.product-identifiers,.category-chain{justify-content:center}}@media (max-width: 768px){.product-insight-container{padding:15px}.insight-title{text-align:center}.insight-header,.insight-section,.sellers-section,.insight-footer{padding:16px 12px}.slider-wrapper{height:220px}.insight-product-name{text-align:center}.sellers-list{max-height:none;padding:8px;background:transparent}.sellers-section .insight-row{gap:20px}.sellers-column{min-width:0;width:100%}.seller-item{background:#fff;padding:16px;margin-bottom:12px;border-radius:12px;border-left:4px solid transparent;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:12px;width:100%;position:relative;overflow:visible}.seller-arrow{width:32px;height:32px}.seller-item.active{border-left-color:#38a169}.seller-item.inactive{border-left-color:#e53e3e}.seller-info{display:block;width:100%}.seller-name{font-weight:600;color:#2d3748;line-height:1.3;margin-bottom:12px;display:block;width:100%;word-wrap:break-word}.price-rating-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;margin-bottom:12px}.seller-price{font-weight:700;color:#667eea;flex-shrink:0}.seller-rating{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:0}.stars{display:flex;gap:2px}.rating-text{color:#718096;font-weight:500}.seller-meta{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.last-updated{color:#718096;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.status-badge{padding:4px 8px;font-weight:600;text-transform:uppercase;border-radius:8px;flex-shrink:0}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#742a2a}.sellers-title{margin-bottom:16px}.search-input{padding:12px 12px 12px 40px}}@media (max-width: 576px){.slider-wrapper{height:200px}.price-card{padding:16px}.insight-back-btn{width:100%;justify-content:center}.sellers-section{padding:12px 8px}.sellers-list{padding:6px;background:transparent}.seller-item{background:#fff;padding:12px;margin-bottom:10px;border-radius:10px;border-left:3px solid transparent;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;gap:10px;width:100%;overflow:visible}.seller-arrow{width:28px;height:28px;border-width:1px}.seller-item.active{border-left-color:#38a169}.seller-item.inactive{border-left-color:#e53e3e}.seller-info{display:block;width:100%}.seller-name{font-weight:600;color:#2d3748;line-height:1.2;margin-bottom:10px;display:block;width:100%;word-wrap:break-word}.price-rating-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-bottom:10px}.seller-price{font-weight:700;color:#667eea;flex-shrink:0}.seller-rating{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-top:0}.stars{display:flex;gap:1px}.rating-text{color:#718096;font-weight:500}.seller-meta{display:flex;justify-content:space-between;align-items:center;width:100%;gap:6px}.last-updated{color:#718096;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.status-badge{padding:3px 6px;font-weight:600;text-transform:uppercase;border-radius:6px;flex-shrink:0}.sellers-title{margin-bottom:12px}.search-input{padding:10px 10px 10px 36px;border-radius:8px}.search-icon{left:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.insight-card{animation:fadeInUp .6s ease-out}.seller-item{animation:fadeInUp .4s ease-out forwards}.seller-item:nth-child(1){animation-delay:.05s}.seller-item:nth-child(2){animation-delay:.1s}.seller-item:nth-child(3){animation-delay:.15s}.seller-item:nth-child(4){animation-delay:.2s}.seller-item:nth-child(5){animation-delay:.25s}.seller-item.clickable{cursor:pointer;position:relative}.seller-item.clickable:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.seller-item.clickable:active{transform:translateY(-1px)}.seller-rating{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.price-rating-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.seller-item{box-sizing:border-box;min-height:auto;height:auto}.seller-item *{box-sizing:border-box}.stars{display:flex;gap:2px}.star{transition:color .2s ease}.star.filled{color:#f6ad55}.star.half-filled{color:#f6ad55;opacity:.6}.star.empty{color:#e2e8f0}.rating-text{color:#718096;font-weight:500;margin-left:8px}.seller-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.seller-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-weight:700;margin:0}.modal-close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-body{padding:32px}.seller-details-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}.detail-card{background:#f8f9fa;border-radius:16px;padding:24px;border:2px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .3s ease}.detail-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.card-content{flex:1}.card-label{display:block;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.card-value{display:block;font-weight:700;color:#2d3748}.rating-section{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden}.rating-title{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-weight:700;padding:20px 24px;margin:0;display:flex;align-items:center;gap:10px}.rating-display{padding:24px;text-align:center;background:#f8f9fa;border-bottom:1px solid #e2e8f0}.rating-stars-large{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.rating-info{display:flex;justify-content:center;align-items:center;gap:12px}.rating-score{font-weight:800;color:#2d3748}.reviews-count{color:#718096;font-weight:500}.rating-chart{padding:24px}.chart-title{font-weight:600;color:#2d3748;margin-bottom:20px;text-align:center}.rating-bars{display:flex;flex-direction:column;gap:12px}.rating-bar-row{display:grid;grid-template-columns:60px 1fr 50px;align-items:center;gap:12px}.star-label{display:flex;align-items:center;gap:4px;font-weight:600;color:#4a5568}.star-label .star{color:#f6ad55}.rating-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.rating-fill{height:100%;background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:4px;transition:width .8s ease-in-out;position:relative}.rating-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.percentage{color:#718096;font-weight:600;text-align:right}.order-statistics-section{margin:32px 0;padding:24px 0;border-top:1px solid #e2e8f0}.order-stats-title{font-weight:700;color:#2d3748;margin-bottom:24px;display:flex;align-items:center;gap:10px}.order-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.order-stat-card{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e2e8f0;display:flex;align-items:center;gap:12px;transition:all .3s ease}.order-stat-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.order-stat-card.total-orders{border-left:4px solid #667eea}.order-stat-card.successful-orders{border-left:4px solid #48bb78}.order-stat-card.returns{border-left:4px solid #ed8936}.order-stat-card.replacements{border-left:4px solid #4299e1}.order-stat-card .stat-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.total-orders .stat-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.successful-orders .stat-icon-wrapper{background:linear-gradient(135deg,#48bb78,#38a169)}.returns .stat-icon-wrapper{background:linear-gradient(135deg,#ed8936,#dd6b20)}.replacements .stat-icon-wrapper{background:linear-gradient(135deg,#4299e1,#3182ce)}.order-stat-card .stat-content{display:flex;flex-direction:column}.order-stat-card .stat-number{font-weight:700;color:#2d3748;line-height:1}.order-stat-card .stat-label{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.success-rate-display{background:#f0f4f8;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.success-rate-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.success-rate-label{font-weight:600;color:#2d3748}.success-rate-value{font-weight:700;color:#48bb78}.success-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.success-progress-fill{height:100%;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:4px;transition:width .8s ease-in-out;position:relative}.success-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.seller-modal{margin:10px;max-width:calc(100% - 20px)}.modal-header,.modal-body{padding:20px}.seller-details-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.rating-display{padding:20px}.order-stats-grid{grid-template-columns:1fr;gap:12px}.order-stat-card,.success-rate-display{padding:16px}}.analytics-charts{background:#fff;border-bottom:1px solid #e2e8f0}.modern-chart-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease;height:100%;min-height:320px}.modern-chart-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#667eea}.chart-header{background:linear-gradient(135deg,#f8fafc,#edf2f7);padding:20px 24px;border-bottom:1px solid #e2e8f0}.chart-title{font-weight:700;color:#2d3748;margin:0 0 4px;display:flex;align-items:center}.chart-subtitle{color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stats-overview{padding:24px}.main-stat{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f3f4}.main-stat-value{font-weight:800;color:#2d3748;line-height:1;margin-bottom:8px}.main-stat-label{color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.secondary-stats{display:grid;grid-template-columns:1fr;gap:12px}.secondary-stat{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:12px;border-left:4px solid transparent;transition:all .2s ease}.secondary-stat:hover{background:#f1f3f4;transform:translate(4px)}.secondary-stat.success{border-left-color:#48bb78}.secondary-stat.warning{border-left-color:#ed8936}.secondary-stat.info{border-left-color:#4299e1}.stat-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.secondary-stat.success .stat-icon-wrapper{background:linear-gradient(135deg,#48bb78,#38a169)}.secondary-stat.warning .stat-icon-wrapper{background:linear-gradient(135deg,#ed8936,#dd6b20)}.secondary-stat.info .stat-icon-wrapper{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-content{flex:1}.stat-value{display:block;font-weight:700;color:#2d3748;line-height:1}.stat-label{display:block;color:#fefefe;font-weight:600;margin-top:2px}.stat-label-order{display:block;color:#616161;font-weight:600;margin-top:2px}.success-rate{margin:20px 24px 24px;padding-top:20px;border-top:1px solid #f1f3f4}.rate-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rate-label{color:#4a5568;font-weight:600}.rate-value{color:#2d3748;font-weight:700}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:4px;transition:width 1s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.rating-overview{padding:24px;text-align:center}.overall-rating-large{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f3f4}.rating-number{font-weight:800;color:#2d3748;line-height:1;margin-bottom:12px}.rating-stars-display{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.total-reviews-count{color:#718096;font-weight:500}.rating-distribution{padding:0 24px 24px}.rating-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0}.rating-label{display:flex;align-items:center;gap:6px;min-width:50px;flex-shrink:0}.star-number{font-weight:600;color:#4a5568}.rating-star{color:#f6ad55}.rating-bar-container{flex:1;margin:0 12px}.rating-bar-bg{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:3px;transition:width .8s ease-out;position:relative}.rating-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.rating-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:60px;flex-shrink:0}.percentage-value{color:#4a5568;font-weight:600}.count-value{color:#718096;margin-top:1px}@media (max-width: 992px){.modern-chart-card{margin-bottom:24px}}@media (max-width: 768px){.chart-header{padding:16px 20px}.stats-overview,.rating-overview,.rating-distribution{padding-left:20px;padding-right:20px}.secondary-stats{gap:8px}.secondary-stat{padding:10px}.rating-row{gap:8px}.rating-label{min-width:40px}.rating-stats{min-width:50px}}@media (max-width: 576px){.modern-chart-card{min-height:auto}.secondary-stats{grid-template-columns:1fr}.rating-row{flex-wrap:wrap;gap:6px}.rating-stats{flex-direction:row;gap:8px;min-width:auto}}.question-card:not(.disabled-card):hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#2c3e50!important}.question-card.disabled-card:before{background:linear-gradient(90deg,#6c757d,#adb5bd)}.question-card:not(.disabled-card):hover .badge{transform:rotate(0) scale(1.1)}.questions-container{max-height:75vh;overflow-y:auto;padding-right:5px}.disabled-card{pointer-events:none;position:relative}.disabled-card:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:inherit;z-index:5}@media (max-width: 768px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:2rem!important}.btn{padding:.75rem 1.5rem!important}.d-flex.gap-3{flex-direction:column!important;align-items:stretch!important}.d-flex.gap-3 .btn{width:100%!important;justify-content:center!important}.question-card{padding:1.5rem!important}.badge{padding:.4rem .6rem!important}.ad-pro .d-flex.justify-content-between{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.ad-pro .d-flex.justify-content-between .btn{width:100%!important}.ad-pro .d-flex.align-items-center{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.questions-container{max-height:60vh}}@media (max-width: 576px){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.mb-5{margin-bottom:2rem!important}.card-body{padding:1.5rem!important}.form-control,.form-select{height:45px!important}.questions-container{max-height:50vh}.question-card .badge{top:-8px!important;left:-8px!important}.alert{padding:1rem!important}}.form-control,.form-select,.btn,.question-card,.badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px}.mpq-container{min-height:100vh;background:#f8fafc;padding:2rem}.mpq-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.mpq-header-content h2.mpq-title{color:#fff;font-weight:700;margin:0}.mpq-subtitle{color:#fffc;margin:.5rem 0 0}.mpq-stats{display:flex;gap:2rem}.mpq-stat-item{text-align:center;padding:.5rem}.mpq-stat-number{display:block;font-weight:700;color:#fff;font-size:1rem!important}.mpq-stat-label{display:block;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.mpq-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.mpq-controls-left{display:flex;align-items:center;gap:1rem;flex:1}.mpq-search-wrapper{max-width:320px}.mpq-search-container{position:relative;display:flex;align-items:center}.mpq-search-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.mpq-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:25px;background:#f8fafc;outline:none;transition:all .2s ease}.mpq-search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mpq-search-input:focus+.mpq-search-icon,.mpq-search-container:focus-within .mpq-search-icon{color:#667eea}.mpq-search-input::placeholder{color:#9ca3af}.mpq-filters{display:flex;gap:.75rem}.mpq-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;outline:none;transition:all .2s ease;min-width:120px}.mpq-filter-select:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mpq-clear-filters-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mpq-clear-filters-btn:hover{background:#fecaca;border-color:#dc2626;color:#b91c1c}.mpq-add-btn{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;transition:all .2s ease;border:none}.mpq-add-btn:hover{background:#5a67d8;color:#fff;text-decoration:none}.mpq-cards-container{display:flex;flex-direction:column;gap:1.5rem}.mpq-horizontal-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;overflow:hidden;border:1px solid #e2e8f0}.mpq-horizontal-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#cbd5e0}.mpq-card-content{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.mpq-card-left{flex:1}.mpq-question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.mpq-question-title{color:#2d3748;font-weight:600;margin:0;line-height:1.4;flex:1}.mpq-question-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mpq-question-number{background:#6366f1;color:#fff;padding:.3rem .6rem;border-radius:6px;font-weight:600;height:fit-content;display:inline-flex;align-items:center}.mpq-question-category{background:#fef3c7;color:#92400e;padding:.3rem .6rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;height:fit-content;display:inline-flex;align-items:center}.mpq-question-subcategory{background:#dbeafe;color:#1d4ed8;padding:.3rem .6rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;height:fit-content;display:inline-flex;align-items:center}.mpq-question-details{display:flex;align-items:center;gap:.75rem}.mpq-detail-item:first-child{color:#7c2d12;background:#fed7aa;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mpq-detail-item:last-child{color:#86198f;background:#f3e8ff;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mpq-detail-item{color:#64748b;background:#f1f5f9;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mpq-status-badge{padding:.3rem .75rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mpq-status-badge.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.mpq-status-badge.inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.mpq-card-actions{display:flex;gap:.5rem}.mpq-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff}.mpq-action-btn:hover{border-color:#cbd5e0;background:#f8fafc}.mpq-action-btn.edit{color:#3b82f6}.mpq-action-btn.edit:hover{background:#dbeafe;border-color:#3b82f6}.mpq-action-btn.delete{color:#ef4444}.mpq-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444}.mpq-action-btn.toggle.active{color:#22c55e}.mpq-action-btn.toggle.active:hover{background:#dcfce7;border-color:#22c55e}.mpq-action-btn.toggle.inactive{color:#9ca3af}.mpq-action-btn.toggle.inactive:hover{background:#f1f5f9;border-color:#9ca3af}.mpq-empty-state{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.mpq-empty-icon{margin-bottom:1rem;opacity:.7}.mpq-empty-state h4{color:#2d3748;margin-bottom:.5rem;font-weight:600}.mpq-empty-state p{color:#64748b;margin-bottom:2rem}.mpq-empty-action{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-block}.mpq-empty-action:hover{background:#5a67d8;color:#fff;text-decoration:none}.mpq-pagination-wrapper{margin-top:2rem}.mpq-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.mpq-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease}.mpq-page-btn button:hover{background:#f1f5f9}.mpq-page-btn.active button{background:#0d6efd;color:#fff}.mpq-page-btn.disabled button{opacity:.5;cursor:not-allowed}.mpq-page-btn.disabled button:hover{background:#f8fafc;border-color:#e2e8f0}@media (max-width: 768px){.mpq-container{padding:1rem}.mpq-header{flex-direction:column;text-align:center}.mpq-stats{justify-content:center}.mpq-controls,.mpq-controls-left{flex-direction:column;gap:1rem}.mpq-search-wrapper{max-width:none;width:100%}.mpq-filters{flex-wrap:wrap;justify-content:center}.mpq-card-content{flex-direction:column;gap:1.5rem;align-items:stretch}.mpq-question-header{flex-direction:column;gap:.5rem;text-align:center}.mpq-question-title{text-align:center}.mpq-card-actions{justify-content:center;order:1}.mpq-card-left{order:2}.mpq-question-meta,.mpq-question-details{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.mpq-header{padding:1.5rem}.mpq-stats{gap:1rem}.mpq-pagination-list{flex-wrap:wrap}}.form-select:disabled,.form-control:disabled{background-color:#f8f9fa;border-color:#e9ecef;opacity:.6;cursor:not-allowed}.arrq-question-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.arrq-question-card:not(.arrq-disabled-card):hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#2c3e50!important}.arrq-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.arrq-question-card.arrq-disabled-card:before{background:linear-gradient(90deg,#6c757d,#adb5bd)}.arrq-question-card .badge{box-shadow:0 4px 12px #2c3e504d;transform:rotate(-5deg);transition:all .3s ease;z-index:10}.arrq-question-card:not(.arrq-disabled-card):hover .badge{transform:rotate(0) scale(1.1)}.badge{font-weight:500;box-shadow:0 2px 8px #0000001a}.btn:disabled{transform:none!important;opacity:.6;cursor:not-allowed}.arrq-questions-container{max-height:75vh;overflow-y:auto;padding-right:5px}.arrq-questions-container::-webkit-scrollbar{width:6px}.arrq-questions-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.arrq-questions-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.arrq-questions-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.alert{border:none;box-shadow:0 4px 12px #0000001a}.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.mb-5 h5:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#2c3e50,#6c757d);border-radius:1px}.arrq-disabled-card{pointer-events:none;position:relative}.arrq-disabled-card:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:inherit;z-index:5}@media (max-width: 768px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:2rem!important}.btn{padding:.75rem 1.5rem!important}.d-flex.gap-3{flex-direction:column!important;align-items:stretch!important}.d-flex.gap-3 .btn{width:100%!important;justify-content:center!important}.arrq-question-card{padding:1.5rem!important}.badge{padding:.4rem .6rem!important}.rrq .d-flex.justify-content-between{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.rrq .d-flex.justify-content-between .btn{width:100%!important}.rrq .d-flex.align-items-center{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.arrq-questions-container{max-height:60vh}}@media (max-width: 576px){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.mb-5{margin-bottom:2rem!important}.card-body{padding:1.5rem!important}.form-control,.form-select{height:45px!important}.arrq-questions-container{max-height:50vh}.arrq-question-card .badge{top:-8px!important;left:-8px!important}.alert{padding:1rem!important}}.form-control,.form-select,.btn,.arrq-question-card,.badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.arrq-question-card{animation:slideInUp .4s ease-out}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px}.display-6 .fa-clipboard-list{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{opacity:.7}40%,60%{opacity:1}}h5.fw-semibold{position:relative;padding-bottom:.5rem}.badge:hover{transform:scale(1.05)}.alert .fa-lock{margin-right:.5rem}.badge[style*="background-color: #d4edda"]{animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 #15572466}50%{box-shadow:0 0 0 10px #15572400}}.badge[style*="background-color: #f8d7da"]{animation:subtle-shake 3s ease-in-out infinite}@keyframes subtle-shake{0%,98%,to{transform:translate(0)}1%,3%{transform:translate(-1px)}2%{transform:translate(1px)}}.mrrq-container{min-height:100vh;background:#f8fafc;padding:2rem}.mrrq-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.mrrq-header-content h2.mrrq-title{color:#fff;font-weight:700;margin:0}.mrrq-subtitle{color:#fffc;margin:.5rem 0 0}.mrrq-stats{display:flex;gap:2rem}.mrrq-stat-item{text-align:center;padding:.5rem}.mrrq-stat-number{display:block;font-weight:700;color:#fff;font-size:1rem!important}.mrrq-stat-label{display:block;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.mrrq-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:2rem}@media (max-width: 575.98px){.mrrq-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mrrq-tabs::-webkit-scrollbar{display:none}}.mrrq-tabs .nav-tabs{border-bottom:none;margin-bottom:0}@media (max-width: 575.98px){.mrrq-tabs .nav-tabs{flex-wrap:nowrap;white-space:nowrap;padding:0 1rem;margin:0}}.mrrq-tabs .nav-link{border:none;border-radius:0;padding:1rem 1.5rem;color:#6c757d;font-weight:500;transition:all .3s ease;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none}.mrrq-tabs .nav-link:hover{background-color:#f8f9fa;color:#0984e3;border-color:transparent}.mrrq-tabs .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:4px solid #667eea;box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px);position:relative;z-index:10;border-radius:5px}.mrrq-tabs .nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;pointer-events:none}.mrrq-tabs .nav-link i{margin-right:.5rem}.mrrq-tabs .badge{font-weight:600}@media (max-width: 575.98px){.mrrq-tabs .nav-link{padding:.75rem 1rem;min-width:max-content;flex-shrink:0}.mrrq-tabs .nav-link.active{z-index:15}.mrrq-tabs .nav-link i{display:none}.mrrq-card-content-mobile{padding:1rem}.mrrq-mobile-actions{gap:.75rem}.mrrq-mobile-actions .mrrq-action-btn{padding:.6rem .8rem;min-width:45px;height:45px}}.mrrq-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.mrrq-controls-left{display:flex;align-items:center;gap:1rem;flex:1}.mrrq-search-wrapper{max-width:320px}.mrrq-search-container{position:relative;display:flex;align-items:center}.mrrq-search-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.mrrq-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:25px;background:#f8fafc;outline:none;transition:all .2s ease}.mrrq-search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mrrq-search-input:focus+.mrrq-search-icon,.mrrq-search-container:focus-within .mrrq-search-icon{color:#667eea}.mrrq-search-input::placeholder{color:#9ca3af}.mrrq-filters{display:flex;gap:.75rem}.mrrq-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;outline:none;transition:all .2s ease;min-width:120px}.mrrq-filter-select:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mrrq-clear-filters-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mrrq-clear-filters-btn:hover{background:#fecaca;border-color:#dc2626;color:#b91c1c}.mrrq-add-btn{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;transition:all .2s ease;border:none}.mrrq-add-btn:hover{background:#5a67d8;color:#fff;text-decoration:none}.mrrq-cards-container{display:flex;flex-direction:column;gap:1.5rem}.mrrq-horizontal-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;overflow:hidden;border:1px solid #e2e8f0}.mrrq-horizontal-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#cbd5e0}.mrrq-card-content{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.mrrq-card-left{flex:1}.mrrq-question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.mrrq-question-title{color:#2d3748;font-weight:600;margin:0;line-height:1.4;flex:1}.mrrq-question-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mrrq-question-number{background:#3b82f6;color:#fff;padding:.3rem .6rem;border-radius:6px;font-weight:600;height:fit-content;display:inline-flex;align-items:center}.mrrq-question-type{background:#f0f0f0;color:#333;padding:.3rem .6rem;border-radius:6px;font-weight:600;border:1px solid #ddd;height:fit-content;display:inline-flex;align-items:center}.mrrq-question-type.return{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1976d2}.mrrq-question-type.replace{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50;color:#388e3c}.mrrq-card-content-mobile{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mrrq-mobile-question-title{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.mrrq-mobile-question-title .mrrq-question-title{margin:0;font-weight:600;color:#1f2937;line-height:1.4;flex:1}.mrrq-mobile-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.mrrq-mobile-status{display:flex;justify-content:center;margin-bottom:.5rem}.mrrq-mobile-actions{display:flex;justify-content:center;gap:1rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.mrrq-mobile-actions .mrrq-action-btn{padding:.75rem 1rem;border-radius:8px;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center}.mrrq-question-category{background:#fef3c7;color:#92400e;padding:.3rem .6rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;height:fit-content;display:inline-flex;align-items:center}.mrrq-question-subcategory{background:#e0f2fe;color:#0369a1;padding:.3rem .6rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;height:fit-content;display:inline-flex;align-items:center}.mrrq-detail-item:first-of-type{color:#059669;background:#d1fae5;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mrrq-detail-item:last-of-type{color:#7c2d12;background:#fed7aa;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mrrq-detail-item{color:#64748b;background:#f1f5f9;padding:.3rem .6rem;border-radius:4px;height:fit-content;display:inline-flex;align-items:center}.mrrq-status-badge{padding:.3rem .75rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.mrrq-status-badge.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.mrrq-status-badge.inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.mrrq-card-actions{display:flex;gap:.5rem}.mrrq-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff}.mrrq-action-btn:hover{border-color:#cbd5e0;background:#f8fafc}.mrrq-action-btn.edit{color:#3b82f6}.mrrq-action-btn.edit:hover{background:#dbeafe;border-color:#3b82f6}.mrrq-action-btn.delete{color:#ef4444}.mrrq-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444}.mrrq-action-btn.toggle.active{color:#22c55e}.mrrq-action-btn.toggle.active:hover{background:#dcfce7;border-color:#22c55e}.mrrq-action-btn.toggle.inactive{color:#9ca3af}.mrrq-action-btn.toggle.inactive:hover{background:#f1f5f9;border-color:#9ca3af}.mrrq-empty-state{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.mrrq-empty-icon{margin-bottom:1rem;opacity:.7}.mrrq-empty-state h4{color:#2d3748;margin-bottom:.5rem;font-weight:600}.mrrq-empty-state p{color:#64748b;margin-bottom:2rem}.mrrq-empty-action{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-block}.mrrq-empty-action:hover{background:#5a67d8;color:#fff;text-decoration:none}.mrrq-pagination-wrapper{margin-top:2rem}.mrrq-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.mrrq-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease}.mrrq-page-btn button:hover{background:#f1f5f9}.mrrq-page-btn.active button{background:#0d6efd;color:#fff}.mrrq-page-btn.disabled button{opacity:.5;cursor:not-allowed}.mrrq-page-btn.disabled button:hover{background:#f8fafc}@media (max-width: 768px){.mrrq-container{padding:1rem}.mrrq-header{flex-direction:column;text-align:center}.mrrq-stats{justify-content:center}.mrrq-controls,.mrrq-controls-left{flex-direction:column;gap:1rem}.mrrq-search-wrapper{max-width:none;width:100%}.mrrq-filters{flex-wrap:wrap;justify-content:center}.mrrq-card-content{flex-direction:column;gap:1.5rem;align-items:stretch}.mrrq-question-header{flex-direction:column;gap:.5rem;text-align:center}.mrrq-question-title{text-align:center}.mrrq-card-actions{justify-content:center;order:1}.mrrq-card-left{order:2}.mrrq-question-meta{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.mrrq-header{padding:1.5rem}.mrrq-stats{gap:1rem}.mrrq-pagination-list{flex-wrap:wrap}}.mb-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #1e3c724d}.mb-header h3{font-weight:700;margin:0}.mb-header p{opacity:.9;margin:0}.mb-search-container{position:relative;width:100%}.mb-search-input{background:#f8fafc;border:2px solid #e2e8f0;padding:12px 50px 12px 20px;transition:all .3s ease}.mb-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mb-search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#a0aec0}.mb-add-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;transition:all .3s ease!important;color:#fff!important;text-decoration:none!important;box-shadow:0 4px 15px #667eea4d!important}.mb-add-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea66!important;color:#fff!important}.mb-filter-container{padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e2e8f0}.mb-filter-btn{padding:8px 20px;border-radius:20px;font-weight:600;border:2px solid #e2e8f0;background:#f7fafc;color:#4a5568;transition:all .3s ease;white-space:nowrap}.mb-filter-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.mb-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.mb-filter-btn.active:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.mb-brand-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden;background:#fff;border-left:4px solid #667eea}.mb-brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.mb-brand-logo{width:80px;height:80px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;position:relative;background:#f7fafc;display:flex;align-items:center;justify-content:center}.mb-brand-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.mb-brand-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.mb-brand-name{color:#2d3748;font-weight:700;margin:0}.mb-status-badge{font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.mb-status-badge.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.mb-status-badge.inactive{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.mb-stats-container{display:flex;flex-direction:column;gap:12px}.mb-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#f7fafc;border-radius:8px;border-left:3px solid #667eea}.mb-stat-label{color:#4a5568;font-weight:600}.mb-stat-value{color:#2d3748;font-weight:700}.mb-action-btn{border-radius:8px;font-weight:600;padding:8px 16px;transition:all .3s ease;border:none}.mb-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mb-icon-btn{position:relative;padding:8px;min-width:40px;max-width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;transition:all .3s ease}.mb-icon-btn .mb-btn-text{position:absolute;left:100%;opacity:0;background:inherit;padding:8px 12px 8px 8px;border-radius:0 8px 8px 0;margin-left:0;transform:translate(-5px);transition:all .3s ease;white-space:nowrap;pointer-events:none;box-shadow:inherit;z-index:10}.mb-icon-btn:hover{max-width:none;border-radius:8px 0 0 8px}.mb-icon-btn:hover .mb-btn-text{opacity:1;transform:translate(0);pointer-events:all}.mb-button-group{display:flex;align-items:center;gap:8px}.mb-empty-state{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 20px #00000014}.mb-empty-icon{margin-bottom:1rem;opacity:.5}.mb-empty-title{color:#2d3748;font-weight:700;margin-bottom:.5rem}.mb-empty-text{color:#4a5568;margin-bottom:1.5rem}.mb-pagination-wrapper{margin-top:2rem}.mb-pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:8px}.mb-page-btn{border-radius:8px;overflow:hidden}.mb-page-btn button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease;font-weight:600;border-radius:8px}.mb-page-btn:hover:not(.disabled) button{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.mb-page-btn.active button{background:#667eea;color:#fff;border-color:#667eea}.mb-page-btn.disabled button{opacity:.5;cursor:not-allowed}.mb-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mb-modal-dialog{width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.mb-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh}.mb-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;flex-shrink:0}.mb-modal-title{margin:0;font-weight:700}.mb-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.mb-modal-close:hover{background:#fff3}.mb-modal-body{padding:2rem;overflow-y:auto;flex:1}.mb-progress-container{background:#f7fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.mb-progress-bar{display:flex;justify-content:center;gap:12px;margin-top:1rem}.mb-progress-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease;border:2px solid}.mb-progress-step.pending{background:#f7fafc;color:#a0aec0;border-color:#e2e8f0}.mb-progress-step.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;animation:pulse 2s infinite}.mb-progress-step.verified{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:#48bb78}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.mb-current-person{background:#fff;border:2px solid #667eea;border-radius:12px;padding:1.5rem;position:relative}.mb-current-person:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.mb-current-person h5{color:#2d3748;font-weight:700;margin:0}.mb-current-person .text-muted{color:#667eea!important;font-weight:600}.mb-back-btn{background:#e2e8f0;border:none;border-radius:12px;padding:12px 24px;font-weight:600;color:#4a5568;transition:all .3s ease}.mb-back-btn:hover{background:#cbd5e0;transform:translateY(-2px)}.mb-otp-container{display:flex;justify-content:center;gap:12px;margin:2rem 0}.mb-otp-input{width:50px;height:50px;border:2px solid #e2e8f0;border-radius:8px;text-align:center;font-weight:700;color:#2d3748;transition:all .3s ease}.mb-otp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:scale(1.05)}.mb-otp-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:12px 32px;font-weight:600;color:#fff;transition:all .3s ease}.mb-otp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.mb-otp-btn:disabled{opacity:.5;cursor:not-allowed}.mb-danger-icon{color:#e53e3e;margin-bottom:1rem;font-size:2rem}.mb-confirm-input{border:2px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .3s ease}.mb-confirm-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.mb-delete-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:12px;padding:12px 32px;font-weight:600;color:#fff;transition:all .3s ease}.mb-delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #e53e3e4d}.mb-delete-btn:disabled{opacity:.5;cursor:not-allowed;background:#a0aec0}@media (max-width: 768px){.mb-brand-card .row{text-align:center}.mb-brand-card .row>div{margin-bottom:1rem}.mb-brand-card .row>div:last-child{margin-bottom:0}.mb-brand-card .col-lg-4.col-md-5.col-12:first-child{text-align:center;margin-bottom:1.5rem}.mb-brand-card .col-lg-4.col-md-5.col-12:first-child .d-flex{flex-direction:column;align-items:center}.mb-brand-logo{width:70px;height:70px;text-align:center}.mb-brand-name{margin-top:0;text-align:center}.mb-stats-container{flex-direction:row;justify-content:space-around;margin:1rem 0;gap:8px}.mb-stat-item{flex-direction:column;text-align:center;min-width:80px;padding:6px 8px}.mb-brand-card .col-lg-4.col-md-4.col-12:last-child{text-align:center}.mb-brand-card .col-lg-4.col-md-4.col-12:last-child .d-flex{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.mb-action-btn{flex:1;min-width:calc(50% - 4px);max-width:calc(50% - 4px);margin-bottom:0;padding:8px 12px;white-space:nowrap}.mb-icon-btn .mb-btn-text{opacity:1;width:auto;transform:translate(0);margin-left:6px}.mb-icon-btn{padding:8px 12px}.mb-action-btn:nth-child(1),.mb-action-btn:nth-child(2){margin-bottom:8px}.mb-otp-container{gap:8px}.mb-otp-input{width:40px;height:40px}.mb-modal-body{padding:1.5rem}.mb-progress-bar{gap:8px}.mb-progress-step{width:35px;height:35px}}@media (max-width: 480px){.mb-header{padding:1rem}.mb-action-btn{padding:6px 8px;min-width:calc(50% - 4px);max-width:calc(50% - 4px)}.mb-icon-btn .mb-btn-text{opacity:1;width:auto;transform:translate(0);margin-left:4px}.mb-brand-card .col-lg-4.col-md-4.col-12:last-child .d-flex{flex-direction:column;gap:6px}.mb-action-btn{width:100%;min-width:auto;max-width:none}.mb-stat-item{min-width:70px;padding:4px 6px}.mb-brand-logo{width:60px;height:60px}.mb-otp-container{gap:6px}.mb-otp-input{width:35px;height:35px}.mb-progress-step{width:30px;height:30px}.mb-progress-bar{gap:6px}}.mab-section{background:#f8fafc;min-height:100vh;padding:2rem}.mab-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.mab-header-content h2.mab-title{color:#fff!important;font-weight:700;margin:0;background:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.mab-subtitle{color:#fffc!important;margin:.5rem 0 0;font-weight:400}.mab-stats{display:flex;gap:2rem}.mab-stat-item{text-align:center;padding:.5rem}.mab-stat-number{display:block;font-weight:700;color:#fff!important;font-size:1rem!important}.mab-stat-label{display:block;color:#fff!important;text-transform:uppercase;letter-spacing:.05em}.mab-controls{display:flex;justify-content:end;align-items:center;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.mab-search-container{flex:1;max-width:500px;position:relative}.mab-search-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background:#f7fafc}.mab-search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.mab-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.mab-add-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;text-decoration:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap}.mab-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d;color:#fff}.mab-filters-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin-bottom:2rem}.mab-filter-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:2rem;align-items:end}.mab-filter-group{display:flex;flex-direction:column}.mab-filter-label{font-weight:600;color:#2d3748;margin-bottom:.75rem}.mab-filter-select{padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.mab-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mab-filter-select:hover{border-color:#667eea}.mab-cards-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.mab-brand-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;overflow:hidden;position:relative}.mab-brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.mab-brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.mab-card-content{display:flex;align-items:center;padding:1.5rem 2rem;gap:2rem}.mab-brand-logo{flex-shrink:0}.mab-logo-img{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#fff;border:2px solid #e2e8f0;padding:.5rem}.mab-logo-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.mab-brand-info{flex:1;min-width:0}.mab-brand-name{font-weight:700;color:#2d3748;margin:0 0 1rem;line-height:1.2}.mab-brand-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.mab-detail-item{display:flex;align-items:center;gap:.3rem}.mab-detail-label{font-weight:600;color:#4a5568}.mab-detail-value{color:#2d3748;font-weight:500}.mab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.mab-status-badge{flex-shrink:0}.mab-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mab-badge.active{background:#d4edda;color:#155724}.mab-badge.inactive{background:#f8d7da;color:#721c24}.mab-action-buttons{display:flex;gap:.5rem;align-items:center}.mab-action-btn{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#f7fafc}.mab-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mab-action-btn.view{color:#3182ce}.mab-action-btn.view:hover{background:#3182ce;color:#fff}.mab-action-btn.edit{color:#38a169}.mab-action-btn.edit:hover{background:#38a169;color:#fff}.mab-action-btn.delete{color:#e53e3e}.mab-action-btn.delete:hover{background:#e53e3e;color:#fff}.mab-action-btn.toggle{color:#805ad5}.mab-action-btn.toggle:hover{background:#805ad5;color:#fff}.mab-action-btn.new-brand{color:#f6ad55}.mab-action-btn.new-brand:hover{background:#f6ad55;color:#fff}.mab-no-brands{display:flex;justify-content:center;align-items:center;min-height:400px}.mab-no-brands-content{text-align:center;max-width:400px}.mab-no-brands-icon{width:80px;height:80px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.mab-no-brands-content h3{color:#2d3748;margin:0 0 .5rem}.mab-no-brands-content p{color:#718096;margin:0 0 2rem;line-height:1.6}.mab-pagination-wrapper{margin-top:2rem}.mab-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.mab-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease}.mab-page-btn button:hover{background:#f1f5f9}.mab-page-btn.active button{background:#0d6efd;color:#fff}.mab-page-btn.disabled button{opacity:.5;cursor:not-allowed}.mab-page-btn.disabled button:hover{background:#f8fafc}@media (max-width: 1200px){.mab-brand-details{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.mab-section{padding:1rem}.mab-controls{flex-direction:column;gap:1rem;padding:1rem}.mab-search-container{max-width:none;width:100%}.mab-filters-section{padding:1.5rem}.mab-filter-row{grid-template-columns:1fr;gap:1.5rem;align-items:stretch}.mab-card-content{flex-direction:column;text-align:center;gap:1.5rem;padding:1.5rem}.mab-brand-details{grid-template-columns:1fr;gap:.5rem;width:100%}.mab-detail-item{justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.mab-detail-item:last-child{border-bottom:none}.mab-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.mab-pagination{flex-direction:column;gap:1rem;padding:1rem}.mab-pagination-controls{width:100%;justify-content:center}}@media (max-width: 480px){.mab-action-buttons{gap:.25rem}.mab-action-btn{width:35px;height:35px}.mab-page-numbers{display:none}.mab-logo-img,.mab-logo-placeholder{width:60px;height:60px}}.bv-container{background:#f8fafc;min-height:100vh;padding:2rem}.bv-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bv-back-btn{display:flex;align-items:center;gap:.5rem;background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.bv-back-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.bv-header-actions{display:flex;gap:1rem}.bv-edit-btn,.bv-status-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;border:none}.bv-edit-btn{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.bv-edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38a1694d}.bv-status-btn.active{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.bv-status-btn.inactive{background:linear-gradient(135deg,#e53e3e,#f56565);color:#fff}.bv-status-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.bv-overview{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.bv-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.bv-brand-header{display:flex;align-items:center;gap:2.5rem}.bv-brand-logo img{width:100px;height:100px;object-fit:contain;border-radius:16px;background:#fff;border:2px solid #e2e8f0;padding:.75rem;box-shadow:0 4px 12px #0000001a}.bv-brand-info{flex:1}.bv-brand-name{font-weight:700;margin:0 0 .75rem;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.bv-brand-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.bv-brand-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600}.bv-brand-registry{color:#4a5568;font-weight:600}.bv-status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bv-status-badge.active{background:#d4edda;color:#155724}.bv-status-badge.inactive{background:#f8d7da;color:#721c24}.bv-brand-rating{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.bv-star-icon{color:#f6ad55}.bv-rating-value{font-weight:700;color:#2d3748}.bv-rating-text{color:#4a5568;font-weight:500}.bv-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.bv-stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.bv-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.bv-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.bv-stat-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.bv-stat-icon.sellers{background:linear-gradient(135deg,#38a169,#48bb78)}.bv-stat-icon.rating{background:linear-gradient(135deg,#f6ad55,#ed8936)}.bv-stat-icon.categories{background:linear-gradient(135deg,#9f7aea,#805ad5)}.bv-stat-info h3{font-weight:700;margin:0;color:#2d3748}.bv-stat-info p{font-weight:600;margin:.25rem 0 0;color:#4a5568}.bv-stat-sub{color:#718096}.bv-brand-info-section,.bv-categories-section-full{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:2rem;margin-bottom:2rem}.bv-section-title{font-weight:700;color:#2d3748;margin:0 0 1.5rem}.bv-details-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:2rem}.bv-detail-item{margin-bottom:1.5rem}.bv-detail-item:last-child{margin-bottom:0}.bv-detail-item label{display:block;font-weight:600;color:#4a5568;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.bv-detail-item p,.bv-detail-item span{color:#2d3748;line-height:1.6}.bv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.bv-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.bv-link:hover{color:#764ba2}.bv-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.bv-category-stats{display:flex;align-items:center}.bv-category-count{color:#4a5568;font-weight:600}.bv-category-search{display:flex;align-items:center;position:relative;max-width:300px}.bv-search-icon{position:absolute;left:12px;color:#a0aec0}.bv-category-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s ease;background:#f7fafc}.bv-category-search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.bv-categories-list{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}.bv-category-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fafbfc,#f7fafc);border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.bv-category-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.bv-category-item:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.bv-category-item:hover:before{opacity:1}.bv-category-number{color:#667eea;font-weight:700;min-width:32px;padding-top:2px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bv-category-path{color:#2d3748;line-height:1.6;word-break:break-word;font-weight:500}.bv-category-path .bv-arrow{color:#a0aec0;font-weight:400;margin:0 .5rem}.bv-category-part{color:#2d3748;font-weight:500}.bv-category-part:first-child{color:#667eea;font-weight:600}.bv-category-part:last-child{color:#1a202c;font-weight:600}.bv-category-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.bv-category-page-controls{display:flex;align-items:center;gap:1rem}.bv-page-input-form{display:flex;align-items:center;gap:.5rem}.bv-page-input{width:80px;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:6px;text-align:center;transition:all .3s ease}.bv-page-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bv-page-go-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.bv-page-go-btn:hover{background:#5a67d8;transform:translateY(-1px)}.bv-category-page-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;cursor:pointer;transition:all .3s ease}.bv-category-page-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.bv-category-page-btn:disabled{opacity:.5;cursor:not-allowed}.bv-category-page-info{color:#4a5568;font-weight:600}.bv-products-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:2rem}.bv-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.bv-product-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.bv-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.bv-product-image{position:relative;height:200px;overflow:hidden}.bv-product-image img{width:100%;height:100%;object-fit:cover}.bv-product-overlay{position:absolute;inset:0;background:#667eeae6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.bv-product-card:hover .bv-product-overlay{opacity:1}.bv-view-icon{color:#fff}.bv-product-info{padding:1rem}.bv-product-name{font-weight:600;color:#2d3748;margin:0 0 .5rem;line-height:1.4}.bv-product-price{font-weight:700;color:#667eea;margin:0}.bv-view-all{text-align:center}.bv-view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.bv-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}@media (max-width: 1200px){.bv-detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bv-container{padding:1rem}.bv-header{flex-direction:column;gap:1rem;padding:1rem}.bv-header-actions{width:100%;justify-content:center}.bv-brand-header{flex-direction:column;text-align:center;gap:1.75rem}.bv-overview{padding:1.75rem}.bv-brand-meta{justify-content:center}.bv-stats-grid,.bv-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bv-overview{padding:1.5rem}.bv-category-header{flex-direction:column;gap:1rem;align-items:stretch}.bv-category-search{max-width:none}.bv-category-pagination{flex-direction:column;gap:1rem;align-items:center}.bv-category-page-controls{flex-direction:column;gap:.75rem;text-align:center}}@media (max-width: 480px){.bv-brand-logo img{width:80px;height:80px;padding:.5rem}.bv-stat-card{flex-direction:column;text-align:center}.bv-stats-grid,.bv-products-grid{grid-template-columns:1fr}.bv-categories-grid{justify-content:center}}.bp-section{background:#f8fafc;min-height:100vh;padding:2rem}.bp-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin-bottom:2rem;position:relative;overflow:hidden}.bp-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.bp-back-btn{display:flex;align-items:center;gap:.5rem;background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600}.bp-back-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.bp-brand-info{display:flex;align-items:center;gap:1rem}.bp-brand-logo{width:50px;height:50px;object-fit:contain;border-radius:12px;border:2px solid #e2e8f0;padding:.5rem;background:#fff}.bp-title{font-weight:700;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bp-controls{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin-bottom:2rem;gap:2rem}.bp-search-container{flex:1;max-width:400px}.bp-search-input{width:100%;padding:.875rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background:#f7fafc}.bp-search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.bp-stats{display:flex;align-items:center}.bp-total-products{color:#4a5568;font-weight:600}.bp-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:2rem}.bp-table{width:100%;border-collapse:collapse}.bp-table thead{background:linear-gradient(135deg,#f8fafc,#edf2f7)}.bp-table th,.bp-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top}.bp-table th{font-weight:600;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.bp-table tbody tr{transition:all .3s ease}.bp-table tbody tr:hover{background:#f8fafc}.bp-product-cell{display:flex;align-items:flex-start;gap:.75rem;min-height:80px}.bp-product-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;flex-shrink:0}.bp-product-name{font-weight:500;color:#2d3748;line-height:1.4;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:250px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-category{color:#4a5568}.bp-price{font-weight:600;color:#667eea}.bp-rating{display:flex;align-items:center;gap:.25rem}.bp-star-icon{color:#f6ad55}.bp-stock{font-weight:500;color:#2d3748}.bp-status-badge{padding:.375rem .75rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bp-status-badge.active{background:#d4edda;color:#155724}.bp-status-badge.inactive{background:#f8d7da;color:#721c24}.bp-action-btn{width:36px;height:36px;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.bp-action-btn.view{background:#e6f3ff;color:#3182ce}.bp-action-btn.view:hover{background:#3182ce;color:#fff;transform:translateY(-2px)}.bp-action-btn.toggle.active{background:#fef5e7;color:#d69e2e}.bp-action-btn.toggle.active:hover{background:#d69e2e;color:#fff}.bp-action-btn.toggle.inactive{background:#e6fffa;color:#38a169}.bp-action-btn.toggle.inactive:hover{background:#38a169;color:#fff}.bp-cards{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.bp-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.bp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.bp-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.bp-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;min-height:70px}.bp-card-image{width:60px;height:60px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0}.bp-card-info{flex:1}.bp-card-title{font-weight:600;margin:0 0 .5rem;color:#2d3748;line-height:1.4;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bp-card-actions{display:flex;gap:.75rem;justify-content:flex-end}.bp-card-actions .btn{display:flex;align-items:center;gap:.375rem}.bp-no-products,.bp-no-products-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem}.bp-no-products-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;margin:2rem 0}.bp-no-products-icon{color:#a0aec0;margin-bottom:1rem}.bp-no-products h5,.bp-no-products-card h5{color:#2d3748;margin-bottom:.5rem}.bp-no-products p,.bp-no-products-card p{color:#718096;margin:0}.bp-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.bp-pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.bp-page-btn{border:none;background:none}.bp-page-btn button{padding:.5rem .875rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:40px}.bp-page-btn button:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.bp-page-btn.active button{background:#667eea;color:#fff;border-color:#667eea}.bp-page-btn.disabled button{opacity:.5;cursor:not-allowed}.bp-pagination-info{color:#4a5568;font-weight:500}@media (max-width: 768px){.bp-section{padding:1rem}.bp-header{flex-direction:column;gap:1rem;padding:1rem}.bp-brand-info{order:-1}.bp-controls{flex-direction:column;gap:1rem;padding:1rem}.bp-search-container{max-width:none;width:100%}.bp-pagination-wrapper{flex-direction:column;gap:1rem;padding:1rem}.bp-pagination-list{justify-content:center}}@media (max-width: 480px){.bp-brand-logo{width:40px;height:40px}.bp-card-actions{flex-direction:column;gap:.5rem}.bp-card-actions .btn{width:100%;justify-content:center}}.form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.form-control.is-valid{border-color:#198754}.form-control.is-valid:focus{border-color:#198754;box-shadow:0 0 0 .2rem #19875440}.form-control.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.border-dashed:hover{border-color:#2c3e50!important;background-color:#f1f3f4!important}.rounded-3{box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.rounded-3:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026}@media (max-width: 768px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:2rem!important}.btn{padding:.75rem 1.5rem!important}.d-flex.gap-3{flex-direction:column!important;align-items:stretch!important}.d-flex.gap-3 .btn{width:100%!important;justify-content:center!important}}@media (max-width: 576px){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.mb-5{margin-bottom:2rem!important}.card-body{padding:1.5rem!important}}.form-control,.btn,.border-dashed{transition:all .3s cubic-bezier(.4,0,.2,1)}.d-flex.gap-2 .btn{flex-shrink:0}.text-truncate{max-width:200px}.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.form-select.is-valid{border-color:#198754}.form-select.is-valid:focus{border-color:#198754;box-shadow:0 0 0 .2rem #19875440}.form-select.is-invalid{border-color:#dc3545}.form-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.form-select:disabled{background-color:#f8f9fa;border-color:#e9ecef;opacity:.6;cursor:not-allowed}.px-3.py-2.rounded-pill{box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:60px;display:flex;flex-direction:column;justify-content:center}.px-3.py-2.rounded-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.row.g-3>*{margin-bottom:1rem}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px}@media (max-width: 768px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:2rem!important}.btn{padding:.75rem 1.5rem!important}.d-flex.gap-3{flex-direction:column!important;align-items:stretch!important}.d-flex.gap-3 .btn{width:100%!important;justify-content:center!important}.col-lg-3{margin-bottom:1rem}.px-3.py-2.rounded-pill{min-height:50px}}@media (max-width: 576px){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.mb-5{margin-bottom:2rem!important}.card-body{padding:1.5rem!important}.form-select{height:45px!important}.px-3.py-2.rounded-pill{padding:.5rem 1rem!important;min-height:45px}}.form-select,.btn,.px-3.py-2.rounded-pill{transition:all .3s cubic-bezier(.4,0,.2,1)}.border.rounded-4{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef!important}.px-3.py-2.rounded-pill small{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.px-3.py-2.rounded-pill span.fw-semibold{font-weight:700}.form-select option{padding:.5rem}.col-12.col-lg-6+.col-12.col-lg-6{margin-top:1rem}@media (min-width: 992px){.col-12.col-lg-6+.col-12.col-lg-6{margin-top:0}}.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40}.form-control.is-valid,.form-select.is-valid{border-color:#198754}.form-control.is-valid:focus,.form-select.is-valid:focus{border-color:#198754;box-shadow:0 0 0 .2rem #19875440}.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus,.form-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.question-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.question-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#2c3e50!important}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.question-card .badge{box-shadow:0 4px 12px #2c3e504d;transform:rotate(-5deg);transition:all .3s ease;z-index:10}.question-card:hover .badge{transform:rotate(0) scale(1.1)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn[style*="background-color: #28a745"]:hover{background-color:#218838!important;transform:translateY(-2px);box-shadow:0 6px 16px #28a7454d!important}.btn[style*="background-color: #dc3545"]:hover{background-color:#c82333!important;box-shadow:0 4px 12px #dc35454d!important}.btn[style*="background-color: #6c757d"]:hover{background-color:#5a6268!important;cursor:not-allowed;transform:none!important}.form-text{margin-top:.25rem}.breadcrumb-item+.breadcrumb-item:before{color:#6c757d}.breadcrumb-item a:hover{color:#2c3e50!important}.shadow-sm{box-shadow:0 8px 32px #0000001a!important}.questions-container{max-height:80vh;overflow-y:auto;padding-right:5px}.questions-container::-webkit-scrollbar{width:6px}.questions-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.questions-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.questions-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.display-6{font-weight:300;letter-spacing:-.02em}textarea.form-control{min-height:80px;resize:vertical}textarea.form-control:focus{min-height:100px}@media (max-width: 768px){.container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:2rem!important}.btn{padding:.75rem 1.5rem!important}.d-flex.gap-3{flex-direction:column!important;align-items:stretch!important}.d-flex.gap-3 .btn{width:100%!important;justify-content:center!important}.question-card{padding:1.5rem!important}.badge{padding:.4rem .6rem!important}.ab-div .d-flex.justify-content-between{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.ab-div .d-flex.justify-content-between .btn{width:100%!important}}@media (max-width: 576px){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.mb-5{margin-bottom:2rem!important}.card-body{padding:1.5rem!important}.form-control,.form-select{height:45px!important}.questions-container{max-height:70vh}.question-card .badge{top:-8px!important;left:-8px!important}}.form-control,.form-select,.btn,.question-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:focus{box-shadow:0 0 0 3px #0d6efd40}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.pt-4{border-top:1px solid #f1f3f4;margin-top:1rem}.text-danger{font-weight:500}.is-invalid{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.is-valid{animation:success-glow .6s ease-in-out}@keyframes success-glow{0%{box-shadow:0 0 #19875480}to{box-shadow:0 0 0 8px #19875400}}.question-card{animation:slideInUp .4s ease-out}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px}.form-label.fw-semibold{margin-bottom:.75rem}h5.fw-semibold{position:relative}h5.fw-semibold:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#2c3e50,#6c757d);border-radius:1px}.display-6 .fa-question-circle{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.d-flex.justify-content-center.gap-3{flex-wrap:wrap}.row.g-4>*{margin-bottom:1rem}.text-danger{font-weight:600;text-shadow:0 1px 2px rgba(220,53,69,.1)}.bcc-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;margin:0 -15px 30px;color:#fff;box-shadow:0 10px 30px #667eea4d}.bcc-header h2{font-weight:700}.bcc-header p{opacity:.9}.bcc-search-container{position:relative}.bcc-search-input{padding-left:45px;padding-right:20px;height:50px;border:none;background-color:#f8f9fa;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.bcc-search-input:focus{border:2px solid #007bff;box-shadow:0 4px 15px #007bff33;background-color:#fff}.bcc-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c757d}.bcc-brand-card{border:none;border-radius:20px;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f8f9ff);cursor:pointer}.bcc-brand-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.bcc-brand-logo{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;padding:8px;overflow:hidden}.bcc-brand-logo img{width:100%;height:100%;object-fit:contain;filter:contrast(1.2)}.bcc-brand-logo-fallback{display:none;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:#667eea}.bcc-brand-name{font-weight:700;color:#2d3748}.bcc-count-box{text-align:center;padding:16px 12px;border-radius:12px;background:#fff;border:2px solid #f1f5f9;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.bcc-count-box:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;border-color:#e2e8f0}.bcc-count-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.bcc-count-box.categories:before{background:linear-gradient(90deg,#667eea,#764ba2)}.bcc-count-box.sub-categories:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.bcc-count-box.super-categories:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.bcc-count-box.super-sub-categories:before{background:linear-gradient(90deg,#10b981,#059669)}.bcc-count-number{font-weight:700;color:#1e293b;margin-bottom:4px}.bcc-count-label{color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.bcc-view-btn{border-radius:15px;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;font-weight:600;transition:all .3s ease;width:100%;max-width:120px}.bcc-view-btn:hover{transform:scale(1.05)}.bcc-empty-state{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a}.bcc-empty-icon{margin-bottom:1rem}.bcc-empty-title{color:#6c757d;font-weight:600}.bcc-empty-text{color:#9ca3af}@media (max-width: 768px){.bcc-table{display:none}.bcc-cards{display:flex;flex-direction:column;gap:1rem}.bcc-card{border:1px solid #ccc;border-radius:8px;padding:1rem;background-color:#fff}.bcc-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}}.bcc-filter-group{display:flex;flex-direction:column}.bcc-filter-label{font-weight:600;color:#2d3748;margin-bottom:.5rem}.bcc-filter-select{padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.bcc-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bcc-filter-select:hover{border-color:#667eea}.bcc-status-badge{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .6rem;border-radius:12px}.bcc-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bcc-status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.bcc-modern-pagination .pagination{gap:8px}.bcc-modern-pagination .page-link{border:none;border-radius:12px;padding:12px 16px;font-weight:600;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.bcc-modern-pagination .page-link.active{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)!important;color:#fff!important}.bcc-modern-pagination .page-link:not(.active){background:#fff;color:#667eea}.bcc-modern-pagination .page-link:not(.active):hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.bcc-modern-pagination .page-link.disabled{background:#f8f9fa!important;color:#6c757d!important}.vbc-container{min-height:100vh;background:#f8fafc;padding:2rem 1.5rem}.vbc-header{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.vbc-back-btn{border-radius:10px;padding:.5rem 1rem;border-color:#667eea;color:#667eea;transition:all .3s ease}.vbc-back-btn:hover{background:#667eea;color:#fff;transform:translate(-2px)}.vbc-brand-logo{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;padding:8px;overflow:hidden}.vbc-brand-logo img{width:100%;height:100%;object-fit:contain;filter:contrast(1.2)}.vbc-brand-logo-fallback{display:none;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:#667eea}.vbc-brand-title{color:#1e293b;font-weight:700;margin:0}.vbc-brand-subtitle{color:#64748b;margin:0}.vbc-controls-container{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9}.vbc-search-container{position:relative}.vbc-search-input{padding-left:45px;padding-right:20px;height:45px;border:none;background-color:#f8f9fa;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.vbc-search-input:focus{border:2px solid #007bff;box-shadow:0 4px 15px #007bff33;background-color:#fff}.vbc-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c757d}.vbc-action-btn{border-radius:20px;font-weight:500;padding:.4rem .8rem;white-space:nowrap;transition:all .3s ease}.vbc-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.vbc-tree-container{background:transparent;padding:2rem 0;border:none;box-shadow:none}.vbc-tree-header h4{color:#1e293b;font-weight:700}.vbc-tree-view{background:transparent;border:none;padding:0}.vbc-tree-node{margin-bottom:.5rem}.vbc-tree-item{background:transparent;border-radius:8px;padding:.75rem;border:1px solid transparent;transition:all .3s ease;position:relative}.vbc-tree-item:hover{background:#f8fafccc;border-color:#e2e8f0}.vbc-tree-item.search-match{background:#ffeb3b1a;border-color:#ffc107}.vbc-tree-item.has-children{cursor:pointer}.vbc-tree-item.clickable-card{transition:all .3s ease}.vbc-tree-item.clickable-card:hover{background:#667eea0d;border-color:#667eea33;transform:translate(4px);box-shadow:0 2px 8px #667eea1a}.vbc-tree-item.clickable-card:active{transform:translate(2px);background:#667eea1a}.vbc-tree-content{display:flex;align-items:center;gap:.75rem}.vbc-tree-toggle{background:none;border:none;color:#64748b;padding:.25rem;border-radius:4px;transition:all .3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.vbc-tree-toggle:hover{background:#f1f5f9;color:#667eea}.vbc-tree-spacer{width:24px;height:24px}.vbc-tree-icon{width:24px;display:flex;align-items:center;justify-content:center}.vbc-tree-label{flex:1;min-width:0}.vbc-tree-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.vbc-tree-description{color:#64748b;line-height:1.4}.vbc-tree-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.vbc-tree-badge{flex-shrink:0}.vbc-tree-badge .badge{padding:.25rem .5rem;border-radius:12px;font-weight:500}.vbc-add-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .5rem;color:#64748b;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.vbc-add-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:scale(1.05)}.vbc-tree-children{margin-top:.5rem;position:relative}.vbc-tree-children:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:#e2e8f0}.vbc-tree-children .vbc-tree-item{position:relative}.vbc-tree-children .vbc-tree-item:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:1px;background:#e2e8f0}.vbc-category-card{border:none;border-radius:12px;box-shadow:0 4px 15px #0000000f;transition:all .3s ease;background:#fff;overflow:hidden;position:relative}.vbc-category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.vbc-category-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.vbc-category-card .card-body{padding:1.5rem}.vbc-category-name{color:#1e293b;font-weight:700;margin-bottom:.5rem}.vbc-category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .6rem;border-radius:20px;font-weight:600}.vbc-category-description{color:#64748b;line-height:1.5;margin-bottom:1rem}.vbc-hierarchy-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.75rem;border-radius:8px;border:1px solid #e2e8f0}.vbc-breadcrumb{display:flex;align-items:center;gap:.5rem}.vbc-breadcrumb-item{color:#667eea;font-weight:500;background:#fff;padding:.25rem .5rem;border-radius:6px;border:1px solid #667eea}.vbc-breadcrumb-separator{color:#94a3b8;font-weight:600}.vbc-breadcrumb-current{color:#1e293b;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .5rem;border-radius:6px}.vbc-empty-icon{opacity:.7}@media (max-width: 768px){.vbc-container{padding:1rem .5rem}.vbc-header{padding:1rem;margin:0 .5rem}.vbc-brand-logo{width:50px;height:50px}.vbc-tabs-container{margin:0 .5rem;padding:.75rem}.vbc-nav-pills{justify-content:center}.vbc-nav-pills .nav-link{padding:.5rem .75rem}.vbc-content{margin:0 .5rem;padding:1rem}.vbc-back-btn{padding:.4rem .6rem}}@media (max-width: 576px){.vbc-nav-pills .nav-link{padding:.4rem .6rem}.vbc-category-card .card-body{padding:1rem}}.vbc-category-card{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-brand-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-brand-modal-dialog{width:90%;max-width:1000px;max-height:90vh;margin:0 auto;transform:scale(1)}.add-brand-modal-content{border:none;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.add-brand-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none;padding:1.5rem 2rem;border-radius:16px 16px 0 0;position:relative}.add-brand-modal-title{color:#fff;font-weight:700;margin:0}.add-brand-modal-close{color:#fff;opacity:1;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:#fff3;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-brand-modal-close:hover{background:#ffffff4d;color:#fff}.add-brand-modal-body{padding:2rem;overflow-y:auto;flex:1;background:#fff}.add-brand-form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.add-brand-form-label{color:#2c3e50;font-weight:600;margin-bottom:.5rem;display:block;line-height:1.5;min-height:1.5rem}.add-brand-form-select{width:100%;border-radius:12px;border:2px solid #e9ecef;transition:all .3s ease;height:50px;padding:0 1rem;background-color:#fff;color:#495057}.add-brand-form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;outline:none}.add-brand-form-select:disabled{background-color:#f8f9fa;opacity:.7;cursor:not-allowed}.add-brand-form-select.is-invalid{border-color:#dc3545}.add-brand-form-select.is-valid{border-color:#28a745}.add-brand-form-text{color:#6c757d;margin-top:.5rem;line-height:1.4}.add-brand-form-row{align-items:flex-start!important}.add-brand-form-row .col-12,.add-brand-form-row .col-lg-6{display:flex;flex-direction:column}.add-brand-form-error{color:#dc3545;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.add-brand-preview-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e9ecef}.add-brand-preview-container{padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e9ecef}.add-brand-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.add-brand-preview-badge{padding:.75rem;border-radius:10px;text-align:center;transition:transform .2s ease}.add-brand-preview-badge:hover{transform:translateY(-2px)}.add-brand-preview-badge-category{background-color:#f3e5f5;border:1px solid #ce93d8}.add-brand-preview-badge-subcategory{background-color:#e8f5e8;border:1px solid #a5d6a7}.add-brand-preview-badge-supercategory{background-color:#fff3e0;border:1px solid #ffcc02}.add-brand-preview-badge-supersubcategory{background-color:#fce4ec;border:1px solid #f8bbd9}.add-brand-preview-label{display:block;color:#6c757d;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.add-brand-preview-value{font-weight:600}.add-brand-preview-value-category{color:#7b1fa2}.add-brand-preview-value-subcategory{color:#388e3c}.add-brand-preview-value-supercategory{color:#f57c00}.add-brand-preview-value-supersubcategory{color:#c2185b}.add-brand-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem 2rem;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.add-brand-btn{border-radius:10px;font-weight:600;padding:.75rem 1.5rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;min-width:100px;justify-content:center}.add-brand-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.add-brand-btn-reset{background-color:#6c757d;color:#fff}.add-brand-btn-reset:hover{background-color:#5a6268;color:#fff}.add-brand-btn-cancel{background-color:#dc3545;color:#fff}.add-brand-btn-cancel:hover{background-color:#c82333;color:#fff}.add-brand-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-width:140px}.add-brand-btn-save:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);color:#fff}.add-brand-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-brand-modal-show{animation:modalSlideIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-brand-loading{opacity:.7;pointer-events:none}.add-brand-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.add-brand-modal-dialog{width:95%;margin:1rem auto}.add-brand-modal-header{padding:1rem 1.5rem}.add-brand-modal-body{padding:1.5rem}.add-brand-modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.add-brand-btn{width:100%;margin-bottom:.5rem}.add-brand-form-select{height:45px}.add-brand-preview-grid{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 576px){.add-brand-modal-dialog{width:98%;margin:.5rem auto}.add-brand-modal-body{padding:1rem}}@media (prefers-contrast: high){.add-brand-modal-content{border:2px solid #000}.add-brand-form-select{border-color:#000}.add-brand-form-select:focus{border-color:#06c;box-shadow:0 0 0 2px #06c}}@media (prefers-reduced-motion: reduce){.add-brand-modal-show{animation:none}.add-brand-btn:hover,.add-brand-preview-badge:hover{transform:none}}.ccbq-container{min-height:100vh;background:#f8fafc;padding:2rem}.ccbq-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.ccbq-header-content h2.ccbq-title{color:#fff;font-weight:700;margin:0}.ccbq-subtitle{color:#fffc;margin:.5rem 0 0}.ccbq-stats{display:flex;gap:2rem}.ccbq-stat-item{text-align:center;padding:.5rem}.ccbq-stat-number{display:block;font-weight:700;color:#fff;font-size:1rem!important}.ccbq-stat-label{display:block;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.ccbq-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.ccbq-controls-left{display:flex;align-items:center;gap:1rem;flex:1}.ccbq-search-wrapper{max-width:320px}.ccbq-search-container{position:relative;display:flex;align-items:center}.ccbq-search-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.ccbq-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:25px;background:#f8fafc;outline:none;transition:all .2s ease}.ccbq-search-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.ccbq-search-input:focus+.ccbq-search-icon,.ccbq-search-container:focus-within .ccbq-search-icon{color:#667eea}.ccbq-search-input::placeholder{color:#9ca3af}.ccbq-filters{display:flex;gap:.75rem}.ccbq-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;outline:none;transition:all .2s ease;min-width:120px}.ccbq-filter-select:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.ccbq-clear-filters-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ccbq-clear-filters-btn:hover{background:#fecaca;border-color:#dc2626;color:#b91c1c}.ccbq-add-btn{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;transition:all .2s ease;border:none}.ccbq-add-btn:hover{background:#5a67d8;color:#fff;text-decoration:none}.ccbq-cards-container{display:flex;flex-direction:column;gap:1.5rem}.ccbq-horizontal-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;overflow:hidden;border:1px solid #e2e8f0}.ccbq-horizontal-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#cbd5e0}.ccbq-card-content{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.ccbq-card-main{flex:1}.ccbq-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.ccbq-question-info{flex:1}.ccbq-question-title{color:#2d3748;font-weight:600;margin:0 0 .75rem;line-height:1.4}.ccbq-question-meta{display:flex;align-items:center;gap:1rem}.ccbq-question-number{background:#667eea;color:#fff;padding:.2rem .6rem;border-radius:6px;font-weight:600}.ccbq-question-type{background:#f1f5f9;color:#64748b;padding:.2rem .6rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ccbq-status-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.ccbq-status-badge{padding:.3rem .75rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ccbq-status-badge.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.ccbq-status-badge.inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.ccbq-required-badge{padding:.3rem .75rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ccbq-required-badge.required{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.ccbq-required-badge.optional{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.ccbq-card-actions{display:flex;gap:.5rem}.ccbq-action-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff}.ccbq-action-btn:hover{border-color:#cbd5e0;background:#f8fafc}.ccbq-action-btn.edit{color:#3b82f6}.ccbq-action-btn.edit:hover{background:#dbeafe;border-color:#3b82f6}.ccbq-action-btn.delete{color:#ef4444}.ccbq-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444}.ccbq-action-btn.toggle.active{color:#22c55e}.ccbq-action-btn.toggle.active:hover{background:#dcfce7;border-color:#22c55e}.ccbq-action-btn.toggle.inactive{color:#9ca3af}.ccbq-action-btn.toggle.inactive:hover{background:#f1f5f9;border-color:#9ca3af}.ccbq-empty-state{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.ccbq-empty-icon{margin-bottom:1rem;opacity:.7}.ccbq-empty-state h4{color:#2d3748;margin-bottom:.5rem;font-weight:600}.ccbq-empty-state p{color:#64748b;margin-bottom:2rem}.ccbq-empty-action{background:#667eea;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-block}.ccbq-empty-action:hover{background:#5a67d8;color:#fff;text-decoration:none}.ccbq-pagination-wrapper{margin-top:2rem}.ccbq-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.ccbq-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease}.ccbq-page-btn button:hover{background:#f1f5f9}.ccbq-page-btn.active button{background:#0d6efd;color:#fff}.ccbq-page-btn.disabled button{opacity:.5;cursor:not-allowed}.ccbq-page-btn.disabled button:hover{background:#f8fafc}@media (max-width: 768px){.ccbq-container{padding:1rem}.ccbq-header{flex-direction:column;text-align:center}.ccbq-stats{justify-content:center}.ccbq-controls,.ccbq-controls-left{flex-direction:column;gap:1rem}.ccbq-search-wrapper{max-width:none;width:100%}.ccbq-filters{flex-wrap:wrap;justify-content:center}.ccbq-card-content{flex-direction:column;gap:1.5rem}.ccbq-card-header{flex-direction:column;gap:1rem;text-align:center}.ccbq-status-badges{align-items:center;flex-direction:row}.ccbq-card-actions{justify-content:center}}@media (max-width: 480px){.ccbq-header{padding:1.5rem}.ccbq-stats{gap:1rem}.ccbq-question-meta{flex-direction:column;gap:.5rem}.ccbq-pagination-list{flex-wrap:wrap}}.customer-view-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.customer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:2px solid #e9ecef;margin-bottom:20px}.back-btn{border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}.page-title{color:#333;font-weight:700;margin:0}.card{border:none;border-radius:15px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0!important;border:none;padding:20px}.card-header .card-title{color:#fff;font-weight:600;display:flex;align-items:center}.card-body{padding:30px}.profile-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.profile-card .card-body{padding:40px 30px}.profile-avatar{width:120px;height:120px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.avatar-icon{color:#fff}.profile-card .customer-name{color:#fff;font-weight:700;margin:20px 0 10px}.profile-card .status-badge{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:25px;font-weight:600;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card .status-badge.active{background:#28a7454d;border-color:#28a74580}.profile-card .status-badge.inactive{background:#dc35454d;border-color:#dc354580}.profile-card .text-muted{color:#fffc!important;margin-top:20px}.contact-card{background:#fff}.info-item{display:flex;align-items:flex-start;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease;height:100%}.info-item:hover{background:#e9ecef;transform:translateY(-2px)}.info-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.info-icon svg{color:#fff}.info-content{flex:1}.info-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;display:block}.info-value{color:#333;font-weight:500;margin:0;word-break:break-word}.section-divider{margin:30px 0 20px;padding:15px 0;border-top:2px solid #e9ecef}.section-title{color:#333;font-weight:600;margin:0;display:flex;align-items:center}.primary-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:2px 8px;border-radius:10px;margin-left:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.see-more-btn{color:#667eea!important;font-weight:500;text-decoration:none!important;border:none!important;background:none!important;transition:all .3s ease;display:inline-flex;align-items:center}.see-more-btn:hover{color:#5a6fd8!important;transform:translateY(-1px);text-decoration:none!important}.see-more-btn:focus{box-shadow:none!important;outline:none!important}.stats-card,.chart-card{background:#fff}.customer .stat-item{padding:30px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;transition:all .3s ease;height:100%;display:block!important}.customer .stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.customer .stat-number{font-weight:700;color:#667eea;margin-bottom:10px;line-height:1}.customer .stat-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chart-filter-container{display:flex;justify-content:center;align-items:center}.chart-filter-select{max-width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 12px center;background-size:16px 12px;color:#333;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chart-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;outline:none}.chart-container{height:350px;position:relative;margin:20px 0;display:flex;align-items:center;justify-content:center}.chart-summary{border-top:2px solid #e9ecef;padding-top:20px}.summary-item{padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;transition:all .3s ease}.summary-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.summary-number{font-weight:700;margin-bottom:8px;line-height:1}.summary-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-tooltip{background:#000000e6;border:none;border-radius:8px;padding:10px 15px;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-label{color:#fff!important;font-weight:600;margin:0 0 5px}.tooltip-value{color:#fff!important;margin:0;display:flex;align-items:center}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item{margin-right:20px!important}.recharts-legend-item-text{font-weight:500!important;color:#333!important}@media (max-width: 992px){.customer-header{flex-direction:column;align-items:flex-start;gap:15px}.profile-card .card-body{padding:30px 20px}.profile-avatar{width:100px;height:100px}}@media (max-width: 768px){.customer-view-container{padding:15px}.card-body{padding:20px}.info-item{padding:15px;flex-direction:column;text-align:center}.info-icon{margin:0 auto 10px}.stat-item{padding:20px 15px}.chart-container{height:280px}}@media (max-width: 576px){.back-btn{padding:8px 16px}.profile-avatar{width:80px;height:80px}.chart-container{height:220px}.chart-filter-select{max-width:180px}.recharts-legend-item{margin-right:10px!important}.tooltip-label,.tooltip-value{color:#fff!important}}.spinner-border{margin:50px 0}.alert{border-radius:15px;padding:30px;text-align:center}.alert h4{color:#721c24;font-weight:700;margin-bottom:15px}.alert p{margin-bottom:20px;color:#721c24}.review-chart-card{background:#fff;border:none;box-shadow:0 8px 30px #0000001f;border-radius:20px}.review-chart-card .card-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;padding:25px 30px}.review-chart-card .card-title{color:#fff;font-weight:700;display:flex;align-items:center;gap:10px;margin:0}.review-chart-container{padding:30px;background:linear-gradient(135deg,#f8faff,#fff)}.review-bars{display:flex;flex-direction:column;gap:25px;max-width:100%}.review-bar-item{display:flex;align-items:center;gap:20px;padding:15px 20px;background:#fffc;border-radius:15px;box-shadow:0 4px 15px #00000014;transition:all .3s ease;border:1px solid rgba(102,126,234,.1)}.review-bar-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#667eea4d}.review-label{min-width:100px;display:flex;justify-content:flex-start;align-items:center}.star-rating{display:flex;gap:3px;align-items:center}.star-filled{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));transition:all .2s ease}.star-empty{color:#e0e0e0}.review-bar-container{flex:1;display:flex;align-items:center;gap:20px}.review-bar-bg{flex:1;height:25px;background:linear-gradient(135deg,#f0f2f5,#e8eaf0);border-radius:15px;position:relative;overflow:visible;border:1px solid #e0e2e8;box-shadow:inset 0 2px 6px #00000014;width:100%;min-width:200px}.review-bar-item:nth-child(1) .review-bar-bg{background:linear-gradient(135deg,#e8f5e8,#c8e6c8);border-color:#4caf50}.review-bar-item:nth-child(2) .review-bar-bg{background:linear-gradient(135deg,#f0f8e8,#d4e6c3);border-color:#8bc34a}.review-bar-item:nth-child(3) .review-bar-bg{background:linear-gradient(135deg,#fff3e0,#ffe0b3);border-color:#ff9800}.review-bar-item:nth-child(4) .review-bar-bg{background:linear-gradient(135deg,#ffeee8,#ffccb3);border-color:#ff5722}.review-bar-item:nth-child(5) .review-bar-bg{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336}.review-bar-fill{height:100%;border-radius:15px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d,inset 0 1px #fff6;background-image:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 50%,rgba(0,0,0,.1) 100%),linear-gradient(to right,rgba(255,255,255,.3) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.1) 100%);border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(0,0,0,.15);transition:width 1.5s ease-out;min-width:0;animation:progressFillAnimation 2s ease-out}@keyframes progressFillAnimation{0%{width:0!important}}.review-bar-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}.review-bar-3d-highlight{position:absolute;top:2px;left:3px;right:3px;height:6px;background:linear-gradient(to bottom,#ffffffb3,#fff3);border-radius:12px;pointer-events:none}.review-percentage{min-width:55px;font-weight:700;color:#333;text-align:right;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.review-bar-center-text{position:absolute;top:15%;font-weight:500;left:15%;text-align:center;color:#333;z-index:9999;text-shadow:1px 1px 2px rgba(255,255,255,.8),-1px -1px 2px rgba(255,255,255,.8),1px -1px 2px rgba(255,255,255,.8),-1px 1px 2px rgba(255,255,255,.8);pointer-events:none;white-space:nowrap}.review-bar-item:nth-child(1) .review-bar-fill{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf5066,inset 0 1px #fff6}.review-bar-item:nth-child(2) .review-bar-fill{background:linear-gradient(135deg,#8bc34a,#689f38);box-shadow:0 4px 12px #8bc34a66,inset 0 1px #fff6}.review-bar-item:nth-child(3) .review-bar-fill{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff980066,inset 0 1px #fff6}.review-bar-item:nth-child(4) .review-bar-fill{background:linear-gradient(135deg,#ff5722,#d84315);box-shadow:0 4px 12px #ff572266,inset 0 1px #fff6}.review-bar-item:nth-child(5) .review-bar-fill{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 4px 12px #f4433666,inset 0 1px #fff6}@media (max-width: 768px){.review-chart-container{padding:20px}.review-bars{gap:20px}.review-bar-item{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 18px}.review-label{min-width:auto;justify-content:flex-start;width:100%}.review-bar-container{width:100%}.star-rating{gap:2px}.review-bar-bg{height:22px}.review-chart-card .card-header{padding:20px 25px}}@media (max-width: 576px){.review-chart-container{padding:18px}.review-bars{gap:18px}.review-bar-item{padding:12px 15px;gap:10px}.review-bar-bg{height:20px}.review-percentage{min-width:45px}.review-chart-card .card-header{padding:18px 20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeIn .6s ease-out}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.manage-customers{padding:20px;background:transparent;min-height:100vh}.customers-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;text-align:center}.page-title{color:#fff;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#fffc;margin:0;font-weight:400}.customers-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.customers-controls .row{justify-content:center;align-items:center}.search-container{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:1;pointer-events:none}.search-input{width:100%;padding:.875rem 1.25rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;background:#f7fafc;transition:all .3s ease}.search-input:focus{outline:none;border-color:#1e3c72;background:#fff;box-shadow:0 0 0 3px #1e3c721a}.filter-section{display:flex;gap:1rem;align-items:center;justify-content:center}.filter-select{padding:.875rem 3rem .875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;min-width:200px;margin:0 auto}.filter-select:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.clear-filter-btn{padding:10px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover{background:#c82333;transform:translateY(-1px)}.customers-container{display:flex;flex-direction:column;gap:12px}.customer-card-horizontal{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;display:flex;align-items:stretch;gap:20px;transition:all .3s ease;box-shadow:0 1px 3px #00000014;min-height:100px}.customer-card-horizontal:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.customer-avatar{width:50px;height:50px;border-radius:50%;background:#007bff;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.avatar-text{color:#fff;font-weight:600;text-transform:uppercase}.customer-details{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.customer-main-info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:5px}.customer-name{color:#333;font-weight:600;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;min-width:70px;transition:all .3s ease}.status-badge.active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.active:hover{background:#c3e6cb;transform:translateY(-1px);box-shadow:0 2px 4px #15572433}.status-badge.inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.inactive:hover{background:#f5c6cb;transform:translateY(-1px);box-shadow:0 2px 4px #721c2433}.customer-contact-info{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;align-items:center}.info-group{display:flex;flex-direction:column;align-items:start}.info-group .info-label{color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0!important}.status-label{display:none!important}.info-group .info-value{color:#333;font-weight:500;border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;padding:0!important}.customer-actions{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0}.view-btn{background:#007bff!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:6px!important;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:none!important}.view-btn:hover{background:#0056b3!important;transform:translateY(-1px);box-shadow:0 2px 6px #007bff4d!important}.view-btn:focus{box-shadow:0 0 0 .2rem #007bff40!important}.no-customers{text-align:center;padding:40px 20px;background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#6c757d}.pagination-container{margin-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.pagination-info{color:#6c757d}.pagination{display:flex;list-style:none;padding:0;margin:0;gap:5px}.page-item{display:flex}.page-link{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#007bff;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.page-link:hover{background:#e9ecef;border-color:#adb5bd;color:#0056b3}.page-item.active .page-link{background:#007bff;border-color:#007bff;color:#fff}.page-item.disabled .page-link{color:#6c757d;background:#fff;border-color:#dee2e6;cursor:not-allowed;opacity:.5}.page-item.disabled .page-link:hover{background:#fff;border-color:#dee2e6;color:#6c757d}@media (max-width: 768px){.manage-customers{padding:15px}.page-title{margin-bottom:20px}.filter-section{margin-top:15px;flex-direction:column;gap:12px}.filter-select{padding:12px}.clear-filter-btn{padding:12px 16px;align-self:stretch}.customer-card-horizontal{flex-direction:column;align-items:center;gap:20px;padding:20px;min-height:auto}.customer-main-info{flex-direction:column;align-items:center;gap:12px;width:100%;text-align:center;margin-bottom:0}.customer-contact-info{grid-template-columns:1fr;gap:16px;width:100%;max-width:300px}.info-group{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;width:100%;gap:20px}.status-label{display:inline-block!important}.customer-actions{align-self:center;margin-top:10px}.pagination-container{flex-direction:column;gap:15px}.pagination{justify-content:center;flex-wrap:wrap}}@media (max-width: 576px){.manage-customers{padding:10px}.customer-card-horizontal{padding:16px;gap:16px}.customer-avatar{width:45px;height:45px}.customer-contact-info{max-width:100%}.info-group{padding:10px 12px}.view-btn{padding:8px 16px!important}.page-link{padding:6px 10px}.filter-section{gap:10px}.clear-filter-btn{padding:10px 14px}}.active-seller-page-container{background:transparent;min-height:100vh;padding:2rem 0}.active-seller-main-content{background:transparent;padding:2rem;margin:0 auto;max-width:1400px}.active-seller-page-header{text-align:center;margin-bottom:3rem;position:relative}.active-seller-page-title{font-weight:700;background:linear-gradient(45deg,#1e3c72,#2a5298);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.active-seller-page-subtitle{color:#6c757d;font-weight:400}.active-seller-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.active-seller-header-content h2.active-seller-title{color:#fff;font-weight:700;margin:0}.active-seller-subtitle{color:#fffc;margin:.5rem 0 0}.active-seller-stats{display:flex;gap:2rem}.active-seller-stat-item{text-align:center;padding:.5rem}.active-seller-stat-number{display:block;font-weight:700;color:#fff!important;font-size:1rem!important}.active-seller-stat-label{display:block;color:#fff!important;text-transform:uppercase;letter-spacing:.05em}.active-seller-search-section{margin-bottom:2rem}.active-seller-search-wrapper{position:relative;max-width:500px;margin:0 auto}.active-seller-search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid #e9ecef;border-radius:50px;background:#fff;box-shadow:0 5px 15px #00000014;transition:all .3s ease}.active-seller-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.active-seller-search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6c757d}.active-seller-sellers-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-bottom:1rem;width:100%}.active-seller-seller-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;padding:2rem;width:100%;max-width:100%;transition:all .3s ease;position:relative;display:flex;flex-direction:column;min-height:220px;box-shadow:0 2px 8px #0000000d}.active-seller-seller-card:hover{transform:translateY(-3px);border-color:#667eea;box-shadow:0 8px 25px #667eea26}.active-seller-card-header-custom{border-bottom:1px solid #e9ecef;padding-bottom:1.25rem;margin-bottom:1.5rem;text-align:center}.active-seller-store-name{font-weight:700;color:#2d3748;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.active-seller-store-icon{width:24px;height:24px;background:linear-gradient(45deg,#1e3c72,#2a5298);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.active-seller-seller-name{color:#6c757d;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.active-seller-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;flex:1;align-items:start}.active-seller-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;transition:all .2s ease;border-left:3px solid transparent}.active-seller-info-item:hover{border-left-color:#667eea;transform:translate(3px);background:#e9ecef}.active-seller-info-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.active-seller-business-icon{background:linear-gradient(45deg,#ff6b6b,#ee5a52)}.active-seller-email-icon{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.active-seller-mobile-icon{background:linear-gradient(45deg,#45b7d1,#3498db)}.active-seller-secondary-icon{background:linear-gradient(45deg,#96ceb4,#5cb85c)}.active-seller-info-content{flex:1;min-width:0}.active-seller-info-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.active-seller-info-value{color:#2d3748;font-weight:500;word-break:break-word;line-height:1.4}.active-seller-card-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.active-seller-view-btn{background:linear-gradient(45deg,#1e3c72,#2a5298);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #667eea33}.active-seller-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d;background:linear-gradient(45deg,#5a67d8,#6b46c1)}.active-seller-no-results{text-align:center;padding:3rem;color:#6c757d}.active-seller-no-results-icon{color:#dee2e6;margin-bottom:1rem}.active-seller-stats-bar{background:transparent;padding:1.5rem;margin-bottom:2rem}.active-seller-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.active-seller-stat-item{text-align:center;position:relative}.active-seller-stat-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.active-seller-sellers-grid::-webkit-scrollbar{height:8px}.active-seller-sellers-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.active-seller-sellers-grid::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.active-seller-sellers-grid::-webkit-scrollbar-thumb:hover{background:#5a67d8}@media (max-width: 768px){.active-seller-page-container{padding:1rem 0}.active-seller-main-content{margin:0 1rem;padding:1.5rem}.active-seller-sellers-grid{gap:1rem}.active-seller-seller-card{padding:1.25rem;min-width:100%;width:100%;height:auto}.active-seller-info-grid{grid-template-columns:1fr}.active-seller-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.active-seller-main-content{margin:0 .5rem;padding:1rem}.active-seller-search-input{padding:12px 45px 12px 15px}.active-seller-seller-card{padding:1rem;min-width:100%;width:100%;height:auto}.active-seller-info-grid,.active-seller-stats-grid{grid-template-columns:1fr}}.active-seller-pagination-wrapper{margin-top:2rem}.active-seller-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.active-seller-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#6c7293;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .3s ease}.active-seller-page-btn button:hover{background:#e9ecef;transform:translateY(-1px)}.active-seller-page-btn.active button{background:#6c7ce7;color:#fff;box-shadow:0 10px 25px #6c7ce74d}.active-seller-page-btn.disabled button{opacity:.5;cursor:not-allowed;background:#f8fafc}.active-seller-page-btn.disabled button:hover{transform:none;background:#f8fafc}.seller-view-container{background:transparent;min-height:100vh;padding:2rem}.seller-view-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.seller-view-back-btn{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.seller-view-back-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.seller-view-title-section{flex:1}.seller-view-title{font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:normal!important}.seller-view-subtitle{color:#6c757d;margin:.5rem 0 0}.seller-view-content{max-width:1200px;margin:0 auto}.seller-view-main-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.seller-view-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem;display:flex;align-items:center;gap:2rem;color:#fff}.seller-view-avatar{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.seller-view-basic-info h2{font-weight:700;margin:0 0 .5rem}.seller-view-basic-info h3{font-weight:500;margin:0 0 1rem;opacity:.9}.seller-view-status{background:#fff3;padding:.5rem 1rem;border-radius:25px;font-weight:600;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.seller-view-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.seller-view-detail-card{background:#f8f9fa;border-radius:15px;padding:2rem;transition:all .3s ease}.seller-view-detail-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.seller-view-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.seller-view-detail-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.seller-view-detail-title{font-weight:600;color:#2d3748;margin:0}.seller-view-detail-content{display:flex;flex-direction:column;gap:1rem}.seller-view-detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;border-left:4px solid #e9ecef;transition:all .3s ease}.seller-view-detail-item:hover{border-left-color:#667eea;transform:translate(5px)}.seller-view-detail-label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.seller-view-detail-value{font-weight:500;color:#2d3748;text-align:right;word-break:break-word;max-width:60%}.seller-view-actions{padding:2rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.seller-view-action-btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:150px;justify-content:center}.seller-view-error{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.seller-view-error i{color:#ff6b6b;margin-bottom:1rem}.seller-view-error h2{color:#2d3748;margin-bottom:1rem}.seller-view-error p{color:#6c757d;margin-bottom:2rem}.seller-info-summary{display:flex;gap:2rem;background:#fff;padding:1.5rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d;flex-wrap:wrap}.seller-info-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.seller-info-item i{color:#667eea}.seller-overview-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;overflow:hidden}.seller-overview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.seller-overview-header h3{margin:0 0 .5rem;font-weight:700}.seller-overview-content{padding:2rem;background:#f8f9fa}.seller-overview-content .seller-review-pie-chart{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.product-rating i{color:#ffc107}.product-detail-item i{color:#667eea;width:14px;text-align:center;flex-shrink:0}.no-products i{margin-bottom:1rem;color:#dee2e6}.seller-overview-container{margin:2rem 0}.seller-overview-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #e9ecef;transition:all .3s ease}.seller-overview-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.seller-overview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;text-align:center}.seller-overview-header h3{margin:0 0 .5rem;font-weight:600;letter-spacing:-.02em}.seller-overview-header p{margin:0;opacity:.9;font-weight:400}.seller-overview-content{padding:0}.seller-review-pie-chart{display:flex;flex-direction:column;align-items:center;padding:1.5rem}@media (max-width: 768px){.seller-view-container{padding:1rem}.seller-view-header{flex-direction:column;align-items:flex-start;gap:1rem}.seller-info-summary{flex-direction:column;gap:1rem}.seller-overview-header{padding:1.5rem}.seller-overview-content{padding:1rem}.product-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;padding:1rem}.product-list{gap:1rem;padding:1rem}.product-card{flex-direction:column;height:auto}.product-image-container{width:100%;height:220px;border-radius:15px 15px 0 0}.product-content{padding:1rem}.product-details-grid{flex-direction:row;gap:.5rem}.product-detail-item{flex:1;padding:.5rem}.modal-detail-grid{grid-template-columns:1fr;gap:1rem}.modal-content{width:95%;margin:1rem}.modal-product-overview{flex-direction:column;gap:1rem}.modal-product-image img{width:100%;height:200px}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.modal-review-content{grid-template-columns:1fr;gap:1.5rem}.modal-review-distribution,.modal-review-chart{padding:1rem}.modal-review-summary{flex-direction:column;gap:.75rem}.modal-reviews{margin:1.5rem -1rem -1rem;padding:1.5rem 1rem}.review-row{gap:.75rem}.review-stats{min-width:50px}.pie-chart-summary{flex-direction:column;gap:1rem}.pie-summary-item{flex-direction:row;justify-content:space-between;padding:.5rem;background:#f8f9fa;border-radius:6px}}@media (max-width: 480px){.seller-view-avatar{width:80px;height:80px}.seller-view-detail-card{padding:1.5rem}.seller-view-detail-icon{width:40px;height:40px}}.seller-order-stats{padding:1.5rem;background:transparent}.product-order-item:nth-child(1) i{color:#10b981}.product-order-item:nth-child(2) i{color:#f59e0b}.product-order-item:nth-child(3) i{color:#ef4444}@media (max-width: 768px){.seller-overview-container{margin:1.5rem 0}.overview-grid{grid-template-columns:1fr;gap:1.5rem}.seller-overview-header{padding:1.25rem 1.5rem}.order-stats-summary{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.product-order-stats{grid-template-columns:1fr;gap:.5rem}.modal-order-grid{grid-template-columns:1fr}.product-card-arrow{right:.5rem;width:28px;height:28px}.order-stat-card{padding:1rem;gap:.75rem}.order-stat-icon{width:40px;height:40px}.seller-order-stats{padding:1rem}.order-stats-chart{padding:.5rem}}@media (max-width: 576px){.seller-overview-header{padding:1rem}.order-stats-summary{gap:.75rem}.order-stat-card{padding:.75rem;gap:.5rem}.order-stat-icon{width:35px;height:35px}.seller-order-stats{padding:.75rem}.seller-review-pie-chart{padding:1rem}}.suspended-seller-page-container{background:transparent;min-height:100vh;padding:2rem 0}.suspended-seller-main-content{background:transparent;padding:2rem;margin:0 auto;max-width:1400px}.suspended-seller-page-header{text-align:center;margin-bottom:3rem;position:relative}.suspended-seller-page-title{font-weight:700;background:linear-gradient(135deg,#1e3c72,#2a5298);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.suspended-seller-page-subtitle{color:#6c757d;font-weight:400}.suspended-seller-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.suspended-seller-header-content h2.suspended-seller-title{color:#fff;font-weight:700;margin:0}.suspended-seller-subtitle{color:#fffc;margin:.5rem 0 0}.suspended-seller-stats{display:flex;gap:2rem}.suspended-seller-stat-item{text-align:center;padding:.5rem}.suspended-seller-stat-number{display:block;font-weight:700;color:#fff!important;font-size:1rem!important}.suspended-seller-stat-label{display:block;color:#fff!important;text-transform:uppercase;letter-spacing:.05em}.suspended-seller-search-section{margin-bottom:2rem}.suspended-seller-search-wrapper{position:relative;max-width:500px;margin:0 auto}.suspended-seller-search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid #e9ecef;border-radius:50px;background:#fff;box-shadow:0 5px 15px #00000014;transition:all .3s ease}.suspended-seller-search-input:focus{outline:none;border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c26;transform:translateY(-2px)}.suspended-seller-search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#6c757d}.suspended-seller-sellers-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-bottom:1rem;width:100%}.suspended-seller-seller-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;padding:2rem;width:100%;max-width:100%;transition:all .3s ease;position:relative;display:flex;flex-direction:column;min-height:280px;box-shadow:0 2px 8px #0000000d;border-left:4px solid #e74c3c}.suspended-seller-seller-card:hover{transform:translateY(-3px);border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c26}.suspended-seller-card-header-custom{border-bottom:1px solid #e9ecef;padding-bottom:1.25rem;margin-bottom:1.5rem;text-align:center;position:relative}.suspended-seller-store-name{font-weight:700;color:#2d3748;margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.suspended-seller-store-icon{width:24px;height:24px;background:linear-gradient(45deg,#e74c3c,#c0392b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.suspended-seller-seller-name{color:#6c757d;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.suspended-seller-suspension-badge{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;padding:.25rem .75rem;border-radius:15px;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;margin:0 auto;position:absolute;top:-12px;right:20px;box-shadow:0 2px 8px #e74c3c33}.suspended-seller-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;flex:1;align-items:start}.suspended-seller-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px;transition:all .2s ease;border-left:3px solid transparent}.suspended-seller-reason-item{grid-column:1 / -1}.suspended-seller-info-item:hover{border-left-color:#e74c3c;transform:translate(3px);background:#e9ecef}.suspended-seller-info-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.suspended-seller-business-icon{background:linear-gradient(45deg,#ff6b6b,#ee5a52)}.suspended-seller-email-icon{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.suspended-seller-mobile-icon{background:linear-gradient(45deg,#45b7d1,#3498db)}.suspended-seller-secondary-icon{background:linear-gradient(45deg,#96ceb4,#5cb85c)}.suspended-seller-date-icon{background:linear-gradient(45deg,#f39c12,#e67e22)}.suspended-seller-reason-icon{background:linear-gradient(45deg,#e74c3c,#c0392b)}.suspended-seller-info-content{flex:1;min-width:0}.suspended-seller-info-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.suspended-seller-info-value{color:#2d3748;font-weight:500;word-break:break-word;line-height:1.4}.suspended-seller-card-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.suspended-seller-view-btn{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #e74c3c33}.suspended-seller-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d;background:linear-gradient(45deg,#c0392b,#a93226)}.suspended-seller-no-results{text-align:center;padding:3rem;color:#6c757d}.suspended-seller-no-results-icon{color:#dee2e6;margin-bottom:1rem}.suspended-seller-stats-bar{background:transparent;padding:1.5rem;margin-bottom:2rem}.suspended-seller-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.suspended-seller-stat-item{text-align:center;position:relative}.suspended-seller-stat-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.suspended-seller-sellers-grid::-webkit-scrollbar{height:8px}.suspended-seller-sellers-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.suspended-seller-sellers-grid::-webkit-scrollbar-thumb{background:#e74c3c;border-radius:10px}.suspended-seller-sellers-grid::-webkit-scrollbar-thumb:hover{background:#c0392b}@media (max-width: 768px){.suspended-seller-page-container{padding:1rem 0}.suspended-seller-main-content{margin:0 1rem;padding:1.5rem}.suspended-seller-sellers-grid{gap:1rem}.suspended-seller-seller-card{padding:1.25rem;min-width:100%;width:100%;height:auto}.suspended-seller-info-grid{grid-template-columns:1fr}.suspended-seller-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.suspended-seller-main-content{margin:0 .5rem;padding:1rem}.suspended-seller-search-input{padding:12px 45px 12px 15px}.suspended-seller-seller-card{padding:1rem;min-width:100%;width:100%;height:auto}.suspended-seller-info-grid,.suspended-seller-stats-grid{grid-template-columns:1fr}}.suspended-seller-pagination-wrapper{margin-top:2rem}.suspended-seller-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.suspended-seller-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#6c7293;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .3s ease}.suspended-seller-page-btn button:hover{background:#e9ecef;transform:translateY(-1px)}.suspended-seller-page-btn.active button{background:#6c7ce7;color:#fff;box-shadow:0 10px 25px #6c7ce74d}.suspended-seller-page-btn.disabled button{opacity:.5;cursor:not-allowed;background:#f8fafc}.suspended-seller-page-btn.disabled button:hover{transform:none;background:#f8fafc}.suspended-seller-view-container{background:transparent;min-height:100vh;padding:2rem}.suspended-seller-view-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.suspended-seller-view-back-btn{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.suspended-seller-view-back-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.suspended-seller-view-title-section{flex:1}.suspended-seller-view-title{font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:normal!important}.suspended-seller-view-subtitle{color:#6c757d;margin:.5rem 0 0}.suspended-seller-view-content{max-width:1200px;margin:0 auto}.suspended-seller-view-main-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.suspended-seller-view-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem;display:flex;align-items:center;gap:2rem;color:#fff}.suspended-seller-view-avatar{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3)}.suspended-seller-view-basic-info h2{font-weight:700;margin:0 0 .5rem}.suspended-seller-view-basic-info h3{font-weight:500;margin:0 0 1rem;opacity:.9}.suspended-seller-view-status{background:#fff3;padding:.5rem 1rem;border-radius:25px;font-weight:600;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suspended-seller-view-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.suspended-seller-view-detail-card{background:#f8f9fa;border-radius:15px;padding:2rem;transition:all .3s ease}.suspended-seller-view-detail-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.suspended-seller-view-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.suspended-seller-view-detail-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff}.business-detail-icon{background:linear-gradient(45deg,#ff6b6b,#ee5a52)}.contact-detail-icon{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.suspended-seller-view-detail-title{font-weight:600;color:#2d3748;margin:0}.suspended-seller-view-detail-content{display:flex;flex-direction:column;gap:1rem}.suspended-seller-view-detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;border-left:4px solid #e9ecef;transition:all .3s ease}.suspended-seller-view-detail-item:hover{border-left-color:#667eea;transform:translate(5px)}.suspended-seller-view-detail-label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.suspended-seller-view-detail-value{font-weight:500;color:#2d3748;text-align:right;word-break:break-word;max-width:60%}.suspended-seller-view-actions{padding:2rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.suspended-seller-view-action-btn{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:150px;justify-content:center}.primary-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.secondary-btn{background:#fff;color:#667eea;border:2px solid #667eea}.secondary-btn:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #667eea4d}.suspended-seller-view-error{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.suspended-seller-view-error svg{width:4rem;height:4rem;color:#ff6b6b;margin-bottom:1rem}.suspended-seller-view-error h2{color:#2d3748;margin-bottom:1rem}.suspended-seller-view-error p{color:#6c757d;margin-bottom:2rem}.back-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.suspended-seller-info-summary{display:flex;gap:2rem;background:#fff;padding:1.5rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d;flex-wrap:wrap}.suspended-seller-info-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.suspended-seller-info-item svg{color:#667eea!important;fill:#667eea!important;width:1.1rem;height:1.1rem}.suspended-seller-info-item svg[data-icon=exclamation-triangle],.suspended-seller-info-item svg path{color:#667eea!important;fill:#667eea!important}.suspended-seller-info-item:hover svg,.suspended-seller-info-item:hover svg path{color:#667eea!important;fill:#667eea!important}.suspended-seller-overview-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;overflow:hidden}.suspended-seller-overview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.suspended-seller-overview-header h3{margin:0 0 .5rem;font-weight:700}.suspended-seller-overview-content{padding:2rem;background:#f8f9fa}.suspended-seller-overview-content .suspended-seller-review-pie-chart{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.product-tabs-container{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.product-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;color:#6c757d;border-bottom:3px solid transparent}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.tab-btn svg{width:1.1rem;height:1.1rem}.search-container{padding:1.5rem;border-bottom:1px solid #e9ecef;position:relative}.product-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e9ecef;border-radius:10px;transition:all .3s ease;box-sizing:border-box}.product-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.product-list{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;min-height:400px}.product-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:row;height:220px}.product-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 12px 30px #667eea26}.product-image-container{position:relative;width:280px;min-height:220px;overflow:hidden;flex-shrink:0;border-radius:15px 0 0 15px}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-price-badge{position:absolute;top:15px;right:15px;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-content{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:.5rem}.product-main-info{flex:1}.product-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.product-name{font-weight:700;color:#2d3748;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:7rem}.product-category{display:inline-block;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:15px;font-weight:600;width:fit-content;letter-spacing:.3px}.product-rating{display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem}.product-rating svg{color:#ffc107;width:1.1rem;height:1.1rem}.rating-value{color:#2d3748;font-weight:700}.rating-count{color:#6c757d;font-weight:500}.product-details-grid{display:flex;flex-direction:row;gap:.5rem;margin-top:auto}.product-detail-item{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #667eea;transition:all .3s ease;flex:1;min-width:0}.product-detail-item:hover{background:#e9ecef;transform:translate(2px)}.product-detail-item svg{color:#667eea;width:14px;height:14px;flex-shrink:0}.detail-label{color:#6c757d;font-weight:600;white-space:nowrap;flex-shrink:0}.detail-value{color:#2d3748;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-chart{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.review-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;transition:all .2s ease}.review-row:hover{background:#667eea0d;border-radius:8px;padding:.5rem;margin:0 -.5rem}.review-stars{display:flex;align-items:center;gap:.5rem;min-width:50px;font-weight:600}.star-number{color:#2d3748;font-weight:700;width:12px;text-align:center}.star-icon{color:#ffc107}.review-bar-container{flex:1;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.review-bar{height:100%;width:100%;position:relative}.review-fill{height:100%;border-radius:6px;transition:width .6s ease;position:relative;box-shadow:0 1px 3px #0003}.review-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff4d;border-radius:6px 6px 0 0}.review-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:60px;gap:.125rem}.review-count{color:#2d3748;font-weight:700;line-height:1}.review-percentage{color:#6c757d;font-weight:500;line-height:1}.no-products{grid-column:1 / -1;text-align:center;padding:3rem;color:#6c757d}.no-products svg{width:3rem;height:3rem;margin-bottom:1rem;color:#dee2e6}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.modal-header h3{margin:0;font-weight:600}.modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto}.modal-product-overview{display:flex;gap:2rem;margin-bottom:2rem}.modal-product-image{flex-shrink:0}.modal-product-image img{width:200px;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001a}.modal-product-info{flex:1;display:flex;flex-direction:column;gap:1rem}.modal-price{font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-category{display:inline-block;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;width:fit-content}.modal-rating{display:flex;align-items:center;gap:.5rem;color:#ffc107;font-weight:600}.modal-review-count{color:#6c757d;font-weight:500}.modal-description{margin-bottom:2rem}.modal-description h4{color:#2d3748;margin-bottom:1rem;font-weight:600}.modal-description p{color:#6c757d;line-height:1.6;margin:0}.modal-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.modal-detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:10px}.modal-detail-item label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.modal-detail-item span{font-weight:500;color:#2d3748}.modal-reviews{border-top:1px solid #e9ecef;padding-top:2rem;background:#f8f9fa;margin:1.5rem -2rem -2rem;padding:2rem}.modal-reviews h4{color:#2d3748;margin-bottom:2rem;font-weight:700;text-align:center;position:relative}.modal-reviews h4:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px}.modal-review-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.modal-review-distribution,.modal-review-chart{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.modal-review-section-header{margin-bottom:1.5rem}.modal-review-section-header h5{color:#2d3748;margin:0 0 1rem;font-weight:600;text-align:center;position:relative;padding-bottom:.5rem}.modal-review-section-header h5:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:#667eea;border-radius:1px}.modal-review-summary{display:flex;justify-content:space-around;gap:1rem;margin-top:1rem}.modal-review-summary-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;flex:1;border:1px solid #e9ecef}.summary-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.summary-value{color:#2d3748;font-weight:700}.modal-review-bars{padding:.5rem 0}.modal-pie-chart-wrapper{display:flex;justify-content:center;align-items:center;min-height:300px}.suspended-seller-overview-container{margin:2rem 0}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.suspended-seller-overview-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid #e9ecef;transition:all .3s ease}.suspended-seller-overview-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.suspended-seller-overview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;text-align:center}.suspended-seller-overview-header h3{margin:0 0 .5rem;font-weight:600;letter-spacing:-.02em}.suspended-seller-overview-header p{margin:0;opacity:.9;font-weight:400}.suspended-seller-overview-content{padding:0}.suspended-seller-review-pie-chart{display:flex;flex-direction:column;align-items:center;padding:1.5rem}.pie-chart-summary{display:flex;justify-content:space-around;width:100%;margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.pie-summary-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pie-summary-label{color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pie-summary-value{color:#2d3748;font-weight:700}.pie-tooltip{background:#fff;padding:.75rem 1rem;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026}.pie-tooltip-label{margin:0 0 .25rem;font-weight:600;color:#2d3748}.pie-tooltip-value{margin:0;color:#6c757d}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e9ecef;background:#f8f9fa}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#fff;color:#6c757d;border:1px solid #e9ecef}.btn-secondary:hover{background:#f8f9fa;color:#495057}@media (max-width: 768px){.suspended-seller-view-container{padding:1rem}.suspended-seller-view-header{flex-direction:column;align-items:flex-start;gap:1rem}.suspended-seller-info-summary{flex-direction:column;gap:1rem}.suspended-seller-overview-header{padding:1.5rem}.suspended-seller-overview-content{padding:1rem}.product-tabs{flex-direction:column}.tab-btn{justify-content:flex-start;padding:1rem}.product-list{gap:1rem;padding:1rem}.product-card{flex-direction:column;height:auto}.product-image-container{width:100%;height:220px;border-radius:15px 15px 0 0}.product-content{padding:1rem}.product-details-grid{flex-direction:row;gap:.5rem}.product-detail-item{flex:1;padding:.5rem}.modal-detail-grid{grid-template-columns:1fr;gap:1rem}.modal-content{width:95%;margin:1rem}.modal-product-overview{flex-direction:column;gap:1rem}.modal-product-image img{width:100%;height:200px}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.modal-review-content{grid-template-columns:1fr;gap:1.5rem}.modal-review-distribution,.modal-review-chart{padding:1rem}.modal-review-summary{flex-direction:column;gap:.75rem}.modal-reviews{margin:1.5rem -1rem -1rem;padding:1.5rem 1rem}.review-row{gap:.75rem}.review-stats{min-width:50px}.pie-chart-summary{flex-direction:column;gap:1rem}.pie-summary-item{flex-direction:row;justify-content:space-between;padding:.5rem;background:#f8f9fa;border-radius:6px}}@media (max-width: 480px){.suspended-seller-view-avatar{width:80px;height:80px}.suspended-seller-view-detail-card{padding:1.5rem}.suspended-seller-view-detail-icon{width:40px;height:40px}}.suspended-seller-order-stats{padding:1.5rem;background:transparent}.order-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.order-stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid;transition:all .3s ease}.order-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.order-stat-card:nth-child(1){border-left-color:#10b981}.order-stat-card:nth-child(2){border-left-color:#f59e0b}.order-stat-card:nth-child(3){border-left-color:#ef4444}.order-stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.order-stat-icon.orders{background:#10b981}.order-stat-icon.returns{background:#f59e0b}.order-stat-icon.replacements{background:#ef4444}.order-stat-info{display:flex;flex-direction:column}.order-stat-number{font-weight:700;color:#1f2937;line-height:1}.order-stat-label{color:#6b7280;font-weight:500}.order-stats-chart{background:#fff;border-radius:12px;padding:1rem}.product-order-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.product-order-item{display:flex;align-items:center;gap:.5rem}.product-order-item svg{width:.9rem;height:.9rem}.product-order-item:nth-child(1) svg{color:#10b981}.product-order-item:nth-child(2) svg{color:#f59e0b}.product-order-item:nth-child(3) svg{color:#ef4444}.product-order-stats .order-stat-label{color:#6b7280;font-weight:500}.product-order-stats .order-stat-value{color:#1f2937;font-weight:600}.product-card{position:relative;cursor:pointer}.product-card-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:#667eea1a;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease;opacity:.7}.product-card:hover .product-card-arrow{background:#667eea;color:#fff;transform:translateY(-50%) translate(5px);opacity:1;box-shadow:0 4px 12px #667eea4d}.modal-order-stats{margin:1.5rem 0;padding:1.5rem;background:#f8f9fa;border-radius:12px}.modal-order-stats h4{margin-bottom:1rem;color:#1f2937;font-weight:600}.modal-order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.modal-order-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.modal-order-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-order-icon.orders{background:#10b981}.modal-order-icon.returns{background:#f59e0b}.modal-order-icon.replacements{background:#ef4444}.modal-order-info{display:flex;flex-direction:column;flex:1}.modal-order-number{font-weight:700;color:#1f2937;line-height:1}.modal-order-label{color:#6b7280;font-weight:500;margin-bottom:.25rem}.modal-order-percentage{color:#9ca3af;font-weight:500}.order-tooltip{background:#000c;color:#fff;padding:.5rem .75rem;border-radius:6px;border:none}.order-tooltip-label{margin:0;font-weight:600}.order-tooltip-value{margin:0;font-weight:400}@media (max-width: 768px){.suspended-seller-overview-container{margin:1.5rem 0}.overview-grid{grid-template-columns:1fr;gap:1.5rem}.suspended-seller-overview-header{padding:1.25rem 1.5rem}.order-stats-summary{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.product-order-stats{grid-template-columns:1fr;gap:.5rem}.modal-order-grid{grid-template-columns:1fr}.product-card-arrow{right:.5rem;width:28px;height:28px}.order-stat-card{padding:1rem;gap:.75rem}.order-stat-icon{width:40px;height:40px}.suspended-seller-order-stats{padding:1rem}.order-stats-chart{padding:.5rem}}@media (max-width: 576px){.suspended-seller-overview-header{padding:1rem}.order-stats-summary{gap:.75rem}.order-stat-card{padding:.75rem;gap:.5rem}.order-stat-icon{width:35px;height:35px}.suspended-seller-order-stats{padding:.75rem}.suspended-seller-review-pie-chart{padding:1rem}}.existingbrandapproval-container{padding:0;background:#fff;min-height:100vh}.existingbrandapproval-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:3rem 2rem;margin-bottom:2rem;color:#fff;position:relative;overflow:hidden;border-radius:10px}.existingbrandapproval-header:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:1}.existingbrandapproval-header>*{position:relative;z-index:2}.existingbrandapproval-header-content{display:flex;align-items:center;gap:1.5rem}.existingbrandapproval-header-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.existingbrandapproval-header-icon i{color:#fff}.existingbrandapproval-header-title{font-weight:700;margin-bottom:.5rem;color:#fff}.existingbrandapproval-header-description{margin-bottom:0;color:#ffffffe6;font-weight:400}.existingbrandapproval-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:var(--transition);color:#fff}.existingbrandapproval-stat-card:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 30px #0003}.existingbrandapproval-stat-card .stat-number{font-weight:700;margin-bottom:.5rem;color:#fff}.existingbrandapproval-stat-card .stat-label{text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:#fffc}.existingbrandapproval-stat-card.total{background:#3b82f626;border-color:#3b82f64d}.existingbrandapproval-stat-card.pending{background:#f59e0b26;border-color:#f59e0b4d}.existingbrandapproval-stat-card.accepted{background:#6366f126;border-color:#6366f14d}.existingbrandapproval-tabs{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #e9ecef;overflow:hidden;margin:0 2rem}@media (max-width: 575.98px){.existingbrandapproval-tabs{overflow-x:auto;margin:0 1rem;scrollbar-width:none;-ms-overflow-style:none}.existingbrandapproval-tabs::-webkit-scrollbar{display:none}}.existingbrandapproval-tabs .nav-tabs{border-bottom:none;margin-bottom:0}@media (max-width: 575.98px){.existingbrandapproval-tabs .nav-tabs{flex-wrap:nowrap;white-space:nowrap;padding:0 1rem;margin:0}}.existingbrandapproval-tabs .nav-link{border:none;border-radius:0;padding:1rem 1.5rem;color:#6c757d;font-weight:500;transition:var(--transition);background:transparent;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none}.existingbrandapproval-tabs .nav-link:hover{background-color:#f8f9fa;color:var(--primary-color);border-color:transparent}.existingbrandapproval-tabs .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:4px solid #667eea;box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px);position:relative;z-index:10;border-radius:5px}.existingbrandapproval-tabs .nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;pointer-events:none}.existingbrandapproval-tabs .nav-link i{margin-right:.5rem}.existingbrandapproval-tabs .badge{font-weight:600}@media (max-width: 575.98px){.existingbrandapproval-tabs .nav-link{padding:.75rem 1rem;min-width:max-content;flex-shrink:0}.existingbrandapproval-tabs .nav-link.active{z-index:15}.existingbrandapproval-tabs .nav-link i{display:none}}.existingbrandapproval-cards-container{padding:0 2rem}.existingbrandapproval-horizontal-card{border:1px solid #e9ecef;border-radius:var(--border-radius);transition:var(--transition);background:#fff;box-shadow:var(--box-shadow)}.existingbrandapproval-horizontal-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color)}.existingbrandapproval-horizontal-card .card-body{padding:1.25rem}.existingbrandapproval-brand-logo{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #e9ecef;transition:var(--transition);box-shadow:0 2px 4px #0000001a}.existingbrandapproval-brand-logo:hover{transform:scale(1.05);border-color:var(--primary-color)}.existingbrandapproval-brand-info{padding-left:.5rem}.existingbrandapproval-brand-name{color:var(--dark-color);font-weight:600;margin-bottom:.25rem}.existingbrandapproval-brand-info p{color:#6c757d;margin-bottom:0}.existingbrandapproval-store-info small{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.existingbrandapproval-store-info span{color:var(--dark-color);font-weight:500}.existingbrandapproval-status{font-weight:600;padding:.375rem .75rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.existingbrandapproval-status-accepted{background:linear-gradient(45deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 4px #10b9814d}.existingbrandapproval-status-pending{background:linear-gradient(45deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.existingbrandapproval-status-reverify{background:linear-gradient(45deg,#0dcaf0,#6dd5ed);color:#fff;box-shadow:0 2px 4px #0dcaf04d}.existingbrandapproval-status-rejected{background:linear-gradient(45deg,#ef4444,#f87171);color:#fff;box-shadow:0 2px 4px #ef44444d}.existingbrandapproval-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.existingbrandapproval-accept-btn{background:linear-gradient(45deg,var(--success-color),#20c997);border:none;color:#fff;font-weight:500;transition:var(--transition);border-radius:.375rem;padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem}.existingbrandapproval-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1987544d;background:linear-gradient(45deg,#157347,var(--success-color))}.existingbrandapproval-view-details-btn{border:1px solid var(--primary-color);color:var(--primary-color);background:transparent;font-weight:500;transition:var(--transition);border-radius:.375rem;padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem}.existingbrandapproval-view-details-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.existingbrandapproval-accepted-section{display:flex;flex-direction:column;gap:.5rem}.existingbrandapproval-timer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;min-width:180px;color:#fff;box-shadow:0 4px 6px #0000001a}.existingbrandapproval-timer .timer-icon{width:35px;height:35px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.existingbrandapproval-timer .timer-content{flex:1}.existingbrandapproval-timer .timer-label{color:#fffc;margin-bottom:.25rem;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.existingbrandapproval-timer .timer-countdown{font-weight:700;color:#fff}.existingbrandapproval-timer-expired{background:linear-gradient(135deg,#10b981,#34d399);border-radius:.75rem;padding:.75rem 1rem;color:#fff;font-weight:600;text-align:center;min-width:180px;box-shadow:0 4px 6px #10b98133}.existingbrandapproval-no-data{padding:3rem 2rem;text-align:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #e9ecef}.existingbrandapproval-no-data .bi-inbox{opacity:.3;color:#6c757d}.existingbrandapproval-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.existingbrandapproval-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease-in-out}.existingbrandapproval-page-btn button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000001f}.existingbrandapproval-page-btn.active button{background:#0d6efd;color:#fff;transform:translateY(-1px)}.existingbrandapproval-page-btn.disabled button{opacity:.5;cursor:not-allowed}.existingbrandapproval-page-btn.disabled button:hover{transform:none;box-shadow:0 10px 25px #00000014}.existingbrandapproval-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.existingbrandapproval-popup-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:popupFadeIn .3s ease-out}.existingbrandapproval-popup-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative}.existingbrandapproval-popup-header.success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.existingbrandapproval-popup-header.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.existingbrandapproval-popup-header .popup-icon{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.existingbrandapproval-popup-header .popup-title{flex:1;margin:0;font-weight:600}.existingbrandapproval-popup-header .popup-close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.existingbrandapproval-popup-header .popup-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.existingbrandapproval-popup-body{padding:1.5rem;color:var(--dark-color)}.existingbrandapproval-popup-body .popup-brand-info{margin-bottom:1rem;padding:.75rem;background:var(--light-color);border-radius:.5rem}.existingbrandapproval-popup-body .popup-timer-info{margin:1rem 0;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem}.existingbrandapproval-popup-body .timer-display{display:flex;align-items:center;gap:.5rem}.existingbrandapproval-popup-body .popup-message{margin:0;line-height:1.6;color:#495057}.existingbrandapproval-popup-footer{padding:1rem 1.5rem;background:var(--light-color);display:flex;justify-content:flex-end}.existingbrandapproval-popup-footer .btn{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:var(--transition)}.existingbrandapproval-actions-mobile{display:flex;justify-content:center;align-items:center;gap:1rem}.existingbrandapproval-accept-btn-mobile{padding:10px 24px;font-weight:600;border-radius:8px;min-width:120px}.existingbrandapproval-accepted-section-mobile{display:flex;flex-direction:column;align-items:center;gap:10px}.existingbrandapproval-timer-mobile{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 16px;border-radius:8px;border:1px solid #dee2e6}.existingbrandapproval-timer-mobile .timer-icon{color:var(--primary-color)}.existingbrandapproval-timer-mobile .timer-content{text-align:center}.existingbrandapproval-timer-mobile .timer-label{color:#6c757d;margin-bottom:2px}.existingbrandapproval-timer-mobile .timer-countdown{font-weight:600;color:var(--primary-color)}.existingbrandapproval-timer-expired-mobile{color:#198754;font-weight:600}.existingbrandapproval-view-details-btn-mobile{padding:8px 20px;font-weight:600;border-radius:6px;min-width:100px}.existingbrandapproval-rejected-section,.existingbrandapproval-rejected-section-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.existingbrandapproval-rejected-reason,.existingbrandapproval-rejected-reason-mobile{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:8px 12px;max-width:250px;margin:0 auto}.existingbrandapproval-rejected-reason small,.existingbrandapproval-rejected-reason-mobile small{color:#e53e3e;line-height:1.4;display:block}@media (max-width: 575.98px){.existingbrandapproval-container{padding:0}.existingbrandapproval-header{padding:2rem 1rem;margin-bottom:1rem}.existingbrandapproval-header-content{flex-direction:column;text-align:center;gap:1rem}.existingbrandapproval-header-icon{width:60px;height:60px}.existingbrandapproval-stat-card{padding:1rem}.existingbrandapproval-tabs{margin:0 1rem}.existingbrandapproval-cards-container{padding:0 1rem}.existingbrandapproval-horizontal-card .card-body{padding:1rem}.existingbrandapproval-brand-logo{width:50px;height:50px}.existingbrandapproval-status{padding:8px 16px}.existingbrandapproval-actions{justify-content:center;margin-top:1rem}.existingbrandapproval-actions .btn{padding:.375rem .75rem}.existingbrandapproval-accepted-section{align-items:center}.existingbrandapproval-timer{min-width:160px;padding:.5rem .75rem}.existingbrandapproval-timer .timer-icon{width:30px;height:30px}.existingbrandapproval-timer-expired{min-width:160px;padding:.5rem .75rem}.existingbrandapproval-popup-modal{width:95%;margin:1rem}.existingbrandapproval-popup-header{padding:1rem}.existingbrandapproval-popup-header .popup-icon{width:40px;height:40px}.existingbrandapproval-popup-body,.existingbrandapproval-popup-footer{padding:1rem}.existingbrandapproval-view-details-btn{padding:.375rem .75rem}.existingbrandapproval-pagination-wrapper{justify-content:center!important}.existingbrandapproval-pagination-list{gap:.25rem}.existingbrandapproval-page-btn button{width:2rem;height:2rem}.existingbrandapproval-tabs .nav-link{padding:.75rem 1rem}.existingbrandapproval-tabs .nav-link i{display:none}}@media (min-width: 576px) and (max-width: 767.98px){.existingbrandapproval-container{padding:1.25rem}.existingbrandapproval-brand-logo{width:55px;height:55px}.existingbrandapproval-actions{justify-content:center;margin-top:.75rem}}@media (min-width: 768px) and (max-width: 991.98px){.existingbrandapproval-container{padding:1.5rem}.existingbrandapproval-horizontal-card .card-body{padding:1.25rem}.existingbrandapproval-actions{justify-content:flex-end;margin-top:.5rem}}@media (min-width: 992px) and (max-width: 1199.98px){.existingbrandapproval-container{padding:2rem}.existingbrandapproval-actions{justify-content:flex-end;margin-top:0}}@media (min-width: 1200px){.existingbrandapproval-container{padding:2rem;max-width:1400px;margin:0 auto}.existingbrandapproval-horizontal-card .card-body{padding:1.5rem}.existingbrandapproval-brand-logo{width:70px;height:70px}}.existingbrandapproval-horizontal-card{animation:fadeInUp .3s ease-out}.existingbrandapproval-horizontal-card:nth-child(1){animation-delay:.1s}.existingbrandapproval-horizontal-card:nth-child(2){animation-delay:.2s}.existingbrandapproval-horizontal-card:nth-child(3){animation-delay:.3s}.existingbrandapproval-view-btn:focus,.existingbrandapproval-accept-btn:focus,.page-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.existingbrandapproval-container{background:#fff;box-shadow:none}.existingbrandapproval-pagination-wrapper,.existingbrandapproval-actions,.btn{display:none!important}.existingbrandapproval-horizontal-card{break-inside:avoid;box-shadow:none;border:1px solid #000;margin-bottom:1rem}}@media (prefers-contrast: high){.existingbrandapproval-status{border-width:2px;font-weight:700}.existingbrandapproval-brand-logo{border-width:3px}.btn{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.existingbrandapproval-horizontal-card:hover,.existingbrandapproval-brand-logo:hover,.existingbrandapproval-view-btn:hover,.existingbrandapproval-accept-btn:hover{transform:none}}.viewexistingbrand-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.viewexistingbrand-back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.viewexistingbrand-back-btn:hover{background:#5a6268}.viewexistingbrand-title-section{flex:1}.viewexistingbrand-title{font-weight:700;color:#2c3e50;margin:0 0 5px}.viewexistingbrand-brand-name{font-weight:600;color:#007bff}.viewexistingbrand-section{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #0000001a}.viewexistingbrand-section-title{font-weight:600;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.viewexistingbrand-logo-container{display:flex;justify-content:center;align-items:center}.viewexistingbrand-logo-item{text-align:center;position:relative}.viewexistingbrand-logo-image{width:150px;height:150px;object-fit:cover;border-radius:12px;border:2px solid #dee2e6;box-shadow:0 4px 12px #0000001a;margin-bottom:15px}.viewexistingbrand-status-badge{background:#fff3cd;color:#856404;padding:8px 16px;border-radius:20px;font-weight:600;display:inline-block}.viewexistingbrand-info-grid{display:grid;gap:25px}.viewexistingbrand-info-group{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff}.viewexistingbrand-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.viewexistingbrand-info-row:last-child{border-bottom:none}.viewexistingbrand-info-label{font-weight:600;color:#495057;min-width:150px}.viewexistingbrand-info-value{color:#2c3e50;font-weight:500;flex:1;text-align:right}.viewexistingbrand-seller-info{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #17a2b8}.viewexistingbrand-remarks-textarea{width:100%;min-height:120px;padding:15px;border:2px solid #dee2e6;border-radius:8px;resize:vertical;box-sizing:border-box}.viewexistingbrand-remarks-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.viewexistingbrand-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.viewexistingbrand-questions-subtitle{color:#6c757d;margin:0}.viewexistingbrand-questions-counter{background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:20px;font-weight:600}.viewexistingbrand-questions-list{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.viewexistingbrand-question-item{display:flex;align-items:flex-start;gap:15px;padding:15px;border-bottom:1px solid #dee2e6;border-radius:6px;transition:all .2s ease;cursor:pointer}.viewexistingbrand-question-item:last-child{border-bottom:none}.viewexistingbrand-question-item:hover{background:#e9ecef}.viewexistingbrand-question-selected{background:#d1ecf1;border-left:4px solid #17a2b8}.viewexistingbrand-question-checkbox-wrapper{position:relative;margin-top:2px}.viewexistingbrand-question-checkbox{appearance:none;width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease}.viewexistingbrand-question-checkbox:checked{background:#007bff;border-color:#007bff}.viewexistingbrand-question-checkbox:hover{border-color:#007bff}.viewexistingbrand-question-checkbox-label{position:absolute;top:0;left:0;width:20px;height:20px;cursor:pointer;pointer-events:none}.viewexistingbrand-question-checkbox:checked+.viewexistingbrand-question-checkbox-label:after{content:"✓";position:absolute;top:-2px;left:4px;color:#fff;font-weight:700}.viewexistingbrand-question-content{flex:1;display:flex;align-items:flex-start;gap:10px}.viewexistingbrand-question-number{font-weight:600;color:#007bff;min-width:20px;margin-top:2px}.viewexistingbrand-question-text{color:#495057;line-height:1.5;flex:1}.viewexistingbrand-question-selected .viewexistingbrand-question-text{color:#2c3e50;font-weight:500}.viewexistingbrand-questions-actions{display:flex;gap:15px;justify-content:center}.viewexistingbrand-select-all-btn,.viewexistingbrand-clear-all-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.viewexistingbrand-select-all-btn{background:#28a745;color:#fff}.viewexistingbrand-select-all-btn:hover{background:#218838}.viewexistingbrand-clear-all-btn{background:#6c757d;color:#fff}.viewexistingbrand-clear-all-btn:hover{background:#5a6268}.viewexistingbrand-actions{display:flex;justify-content:center;gap:20px;margin-top:40px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.viewexistingbrand-reject-btn,.viewexistingbrand-request-changes-btn,.viewexistingbrand-approve-btn{padding:12px 30px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.viewexistingbrand-reject-btn{background:#dc3545;color:#fff}.viewexistingbrand-reject-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d}.viewexistingbrand-request-changes-btn{background:#ffc107;color:#212529}.viewexistingbrand-request-changes-btn:hover{background:#e0a800;box-shadow:0 4px 12px #ffc1074d}.viewexistingbrand-approve-btn{background:#28a745;color:#fff}.viewexistingbrand-approve-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d}@media (max-width: 768px){.viewexistingbrand-header{flex-direction:column;align-items:flex-start;gap:15px}.viewexistingbrand-section{padding:20px 15px}.viewexistingbrand-info-row{flex-direction:column;align-items:flex-start;gap:5px}.viewexistingbrand-info-value{text-align:left}.viewexistingbrand-actions{flex-direction:column}.viewexistingbrand-reject-btn,.viewexistingbrand-request-changes-btn,.viewexistingbrand-approve-btn{width:100%}}.newbrandapproval-container{padding:0;background:#fff;min-height:100vh}.newbrandapproval-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:3rem 2rem;margin-bottom:2rem;color:#fff;position:relative;overflow:hidden;border-radius:10px}.newbrandapproval-header:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:1}.newbrandapproval-header>*{position:relative;z-index:2}.newbrandapproval-header-content{display:flex;align-items:center;gap:1.5rem}.newbrandapproval-header-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.newbrandapproval-header-icon i{color:#fff}.newbrandapproval-header-title{font-weight:700;margin-bottom:.5rem;color:#fff}.newbrandapproval-header-description{margin-bottom:0;color:#ffffffe6;font-weight:400}.newbrandapproval-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:var(--transition);color:#fff}.newbrandapproval-stat-card:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 30px #0003}.newbrandapproval-stat-card .stat-number{font-weight:700;margin-bottom:.5rem;color:#fff}.newbrandapproval-stat-card .stat-label{text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:#fffc}.newbrandapproval-stat-card.total{background:#3b82f626;border-color:#3b82f64d}.newbrandapproval-stat-card.pending{background:#f59e0b26;border-color:#f59e0b4d}.newbrandapproval-stat-card.accepted{background:#22c55e26;border-color:#22c55e4d}.newbrandapproval-cards-container{padding:0 2rem}.newbrandapproval-horizontal-card{border:1px solid #e9ecef;border-radius:var(--border-radius);transition:var(--transition);background:#fff;box-shadow:var(--box-shadow)}.newbrandapproval-horizontal-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color)}.newbrandapproval-horizontal-card .card-body{padding:1.25rem}.newbrandapproval-brand-logo{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #e9ecef;transition:var(--transition);box-shadow:0 2px 4px #0000001a}.newbrandapproval-brand-logo:hover{transform:scale(1.05);border-color:var(--primary-color)}.newbrandapproval-brand-info{padding-left:.5rem}.newbrandapproval-brand-name{color:var(--dark-color);font-weight:600;margin-bottom:.25rem}.newbrandapproval-brand-info p{color:#6c757d;margin-bottom:0}.newbrandapproval-store-info small{color:#6c757d;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.newbrandapproval-store-info span{color:var(--dark-color);font-weight:500}.newbrandapproval-tabs{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #e9ecef;overflow:hidden;margin:0 2rem}@media (max-width: 575.98px){.newbrandapproval-tabs{overflow-x:auto;margin:0 1rem;scrollbar-width:none;-ms-overflow-style:none}.newbrandapproval-tabs::-webkit-scrollbar{display:none}}.newbrandapproval-tabs .nav-tabs{border-bottom:none;margin-bottom:0}@media (max-width: 575.98px){.newbrandapproval-tabs .nav-tabs{flex-wrap:nowrap;white-space:nowrap;padding:0 1rem;margin:0}}.newbrandapproval-tabs .nav-link{border:none;border-radius:0;padding:1rem 1.5rem;color:#6c757d;font-weight:500;transition:var(--transition);background:transparent;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none}.newbrandapproval-tabs .nav-link:hover{background-color:#f8f9fa;color:var(--primary-color);border-color:transparent}.newbrandapproval-tabs .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:4px solid #667eea;box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px);position:relative;z-index:10;border-radius:5px}.newbrandapproval-tabs .nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;pointer-events:none}.newbrandapproval-tabs .nav-link i{margin-right:.5rem}.newbrandapproval-tabs .badge{font-weight:600}@media (max-width: 575.98px){.newbrandapproval-tabs .nav-link{padding:.75rem 1rem;min-width:max-content;flex-shrink:0}.newbrandapproval-tabs .nav-link.active{z-index:15}.newbrandapproval-tabs .nav-link i{display:none}}.newbrandapproval-status{font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-radius:20px;transition:var(--transition)}.newbrandapproval-status-accepted{background-color:#d1e7dd;color:#0f5132;border:1px solid #a3cfbb}.newbrandapproval-status-pending{background-color:#fff3cd;color:#664d03;border:1px solid #ffda6a}.newbrandapproval-status-reverify{background-color:#cff4fc;color:#055160;border:1px solid #9eeaf9}.newbrandapproval-status-rejected{background-color:#f8d7da;color:#842029;border:1px solid #f1aeb5}.newbrandapproval-accepted-section{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.newbrandapproval-timer{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:.75rem;padding:.75rem 1rem;min-width:180px;box-shadow:0 2px 8px #0000001a;transition:var(--transition)}.newbrandapproval-timer:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.newbrandapproval-timer .timer-icon{width:35px;height:35px;background:linear-gradient(135deg,#1976d2,#7b1fa2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.newbrandapproval-timer .timer-content{flex:1;text-align:left}.newbrandapproval-timer .timer-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:.25rem}.newbrandapproval-timer .timer-countdown{font-weight:700;color:#1976d2;letter-spacing:.05em}.newbrandapproval-timer-expired{background:linear-gradient(135deg,#c8e6c9,#dcedc8);border:1px solid #a5d6a7;border-radius:.75rem;padding:.75rem 1rem;color:#2e7d32;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:180px;box-shadow:0 2px 8px #0000001a}.newbrandapproval-view-details-btn{border-radius:var(--border-radius);font-weight:500;transition:var(--transition);border:2px solid var(--primary-color)}.newbrandapproval-view-details-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0d6efd33;background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.newbrandapproval-popup-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .3s ease-out}.newbrandapproval-popup-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.newbrandapproval-popup-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;border-bottom:1px solid #e9ecef}.newbrandapproval-popup-header.success{background:linear-gradient(135deg,#d1e7dd,#a3d9a5);color:#0f5132}.newbrandapproval-popup-header.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#664d03}.newbrandapproval-popup-header .popup-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.newbrandapproval-popup-header.success .popup-icon{background:#0f513233;color:#0f5132}.newbrandapproval-popup-header.warning .popup-icon{background:#664d0333;color:#664d03}.newbrandapproval-popup-header .popup-title{flex:1;margin:0;font-weight:700}.newbrandapproval-popup-header .popup-close-btn{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.newbrandapproval-popup-header .popup-close-btn:hover{background:#0003;transform:scale(1.1)}.newbrandapproval-popup-body{padding:1.5rem}.newbrandapproval-popup-body .popup-brand-info{background:#f8f9fa;padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem;border-left:4px solid var(--primary-color)}.newbrandapproval-popup-body .popup-timer-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.newbrandapproval-popup-body .timer-display{display:flex;align-items:center;gap:.5rem;color:#1976d2;font-weight:600}.newbrandapproval-popup-body .popup-message{margin:0;line-height:1.6;color:#495057}.newbrandapproval-popup-footer{padding:1rem 1.5rem 1.5rem;text-align:center;border-top:1px solid #e9ecef}.newbrandapproval-popup-footer .btn{min-width:120px;border-radius:var(--border-radius);font-weight:600;padding:.75rem 1.5rem;transition:var(--transition)}.newbrandapproval-popup-footer .btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.newbrandapproval-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.newbrandapproval-view-btn,.newbrandapproval-accept-btn{font-weight:500;border-radius:var(--border-radius);transition:var(--transition);position:relative;overflow:hidden}.newbrandapproval-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0d6efd33}.newbrandapproval-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #19875433}.newbrandapproval-no-data{padding:3rem 1rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #e9ecef}.newbrandapproval-no-data .bi-inbox{opacity:.3;color:#6c757d}.newbrandapproval-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.newbrandapproval-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:var(--transition)}.newbrandapproval-page-btn button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000001f}.newbrandapproval-page-btn.active button{background:#0d6efd;color:#fff;transform:translateY(-1px)}.newbrandapproval-page-btn.disabled button{opacity:.5;cursor:not-allowed}.newbrandapproval-page-btn.disabled button:hover{transform:none;box-shadow:0 10px 25px #00000014}.newbrandapproval-actions-mobile{display:flex;justify-content:center;align-items:center;gap:1rem}.newbrandapproval-accept-btn-mobile{padding:10px 24px;font-weight:600;border-radius:8px;min-width:120px}.newbrandapproval-accepted-section-mobile{display:flex;flex-direction:column;align-items:center;gap:10px}.newbrandapproval-timer-mobile{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:8px 16px;border-radius:8px;border:1px solid #dee2e6}.newbrandapproval-timer-mobile .timer-icon{color:var(--primary-color)}.newbrandapproval-timer-mobile .timer-content{text-align:center}.newbrandapproval-timer-mobile .timer-label{color:#6c757d;margin-bottom:2px}.newbrandapproval-timer-mobile .timer-countdown{font-weight:600;color:var(--primary-color)}.newbrandapproval-timer-expired-mobile{color:#198754;font-weight:600}.newbrandapproval-view-details-btn-mobile{padding:8px 20px;font-weight:600;border-radius:6px;min-width:100px}.newbrandapproval-rejected-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.newbrandapproval-rejected-reason{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:8px 12px;max-width:250px;margin:0 auto}.newbrandapproval-rejected-reason small{color:#e53e3e;line-height:1.4;display:block}@media (max-width: 575.98px){.newbrandapproval-container{padding:0}.newbrandapproval-header{padding:2rem 1rem;margin-bottom:1rem}.newbrandapproval-header-content{flex-direction:column;text-align:center;gap:1rem}.newbrandapproval-header-icon{width:60px;height:60px}.newbrandapproval-status{padding:8px 16px}.newbrandapproval-stat-card{padding:1rem}.newbrandapproval-tabs{margin:0 1rem}.newbrandapproval-cards-container{padding:0 1rem}.newbrandapproval-horizontal-card .card-body{padding:1rem}.newbrandapproval-brand-logo{width:50px;height:50px}.newbrandapproval-actions{justify-content:center;margin-top:1rem}.newbrandapproval-actions .btn{padding:.375rem .75rem}.newbrandapproval-accepted-section{align-items:center}.newbrandapproval-timer{min-width:160px;padding:.5rem .75rem}.newbrandapproval-timer .timer-icon{width:30px;height:30px}.newbrandapproval-timer-expired{min-width:160px;padding:.5rem .75rem}.newbrandapproval-popup-modal{width:95%;margin:1rem}.newbrandapproval-popup-header{padding:1rem}.newbrandapproval-popup-header .popup-icon{width:40px;height:40px}.newbrandapproval-popup-body,.newbrandapproval-popup-footer{padding:1rem}.newbrandapproval-view-details-btn{padding:.375rem .75rem}.newbrandapproval-pagination-wrapper{justify-content:center!important}.newbrandapproval-pagination-list{gap:.25rem}.newbrandapproval-page-btn button{width:2rem;height:2rem}.newbrandapproval-tabs .nav-link{padding:.75rem 1rem}.newbrandapproval-tabs .nav-link i{display:none}}@media (min-width: 576px) and (max-width: 767.98px){.newbrandapproval-container{padding:1.25rem}.newbrandapproval-brand-logo{width:55px;height:55px}.newbrandapproval-actions{justify-content:center;margin-top:.75rem}}@media (min-width: 768px) and (max-width: 991.98px){.newbrandapproval-container{padding:1.5rem}.newbrandapproval-horizontal-card .card-body{padding:1.25rem}.newbrandapproval-actions{justify-content:flex-end;margin-top:.5rem}}@media (min-width: 992px) and (max-width: 1199.98px){.newbrandapproval-container{padding:2rem}.newbrandapproval-actions{justify-content:flex-end;margin-top:0}}@media (min-width: 1200px){.newbrandapproval-container{padding:2rem;max-width:1400px;margin:0 auto}.newbrandapproval-filters-wrapper{padding:2rem}.newbrandapproval-horizontal-card .card-body{padding:1.5rem}.newbrandapproval-brand-logo{width:70px;height:70px}}.newbrandapproval-horizontal-card{animation:fadeInUp .3s ease-out}.newbrandapproval-horizontal-card:nth-child(1){animation-delay:.1s}.newbrandapproval-horizontal-card:nth-child(2){animation-delay:.2s}.newbrandapproval-horizontal-card:nth-child(3){animation-delay:.3s}.newbrandapproval-filter-input:focus,.newbrandapproval-filter-select:focus,.newbrandapproval-view-btn:focus,.newbrandapproval-accept-btn:focus,.page-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.newbrandapproval-container{background:#fff;box-shadow:none}.newbrandapproval-filters-wrapper,.newbrandapproval-pagination,.newbrandapproval-actions,.btn{display:none!important}.newbrandapproval-horizontal-card{break-inside:avoid;box-shadow:none;border:1px solid #000;margin-bottom:1rem}}@media (prefers-contrast: high){.newbrandapproval-status{border-width:2px;font-weight:700}.newbrandapproval-brand-logo{border-width:3px}.btn{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.newbrandapproval-horizontal-card:hover,.newbrandapproval-brand-logo:hover,.newbrandapproval-view-btn:hover,.newbrandapproval-accept-btn:hover{transform:none}}.viewnewbrand-header{display:flex;align-items:center;gap:25px;margin-bottom:35px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #667eea33;color:#fff}.viewnewbrand-back-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewnewbrand-back-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.viewnewbrand-title-section{flex:1}.viewnewbrand-title{font-weight:800;color:#fff;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.viewnewbrand-brand-name{font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.viewnewbrand-section{background:#fff;border-radius:20px;padding:35px;margin-bottom:30px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.viewnewbrand-section:hover{transform:translateY(-2px);box-shadow:0 15px 50px #0000001f}.viewnewbrand-section-title{font-weight:700;color:#2d3748;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #667eea;position:relative}.viewnewbrand-section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.viewnewbrand-logo-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.viewnewbrand-logo-item{text-align:center;padding:25px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.viewnewbrand-logo-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea26}.viewnewbrand-logo-subtitle{font-weight:700;color:#2d3748;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-logo-image{width:180px;height:180px;object-fit:cover;border-radius:20px;border:3px solid #667eea;box-shadow:0 10px 30px #667eea33;transition:all .3s ease}.viewnewbrand-logo-image:hover{transform:scale(1.05);box-shadow:0 15px 40px #667eea4d}.viewnewbrand-info-grid{display:grid;gap:30px}.viewnewbrand-info-group{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:25px;border-radius:15px;border-left:5px solid #667eea;box-shadow:0 4px 20px #667eea1a;transition:all .3s ease}.viewnewbrand-info-group:hover{transform:translate(5px);box-shadow:0 8px 30px #667eea26}.viewnewbrand-info-title{font-weight:700;color:#2d3748;margin-bottom:20px;display:flex;align-items:center;gap:10px}.viewnewbrand-info-title:before{content:"●";color:#667eea}.viewnewbrand-info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.viewnewbrand-info-row:last-child{border-bottom:none}.viewnewbrand-info-row:hover{background:#667eea0d;margin:0 -15px;padding:15px;border-radius:8px}.viewnewbrand-info-label{font-weight:600;color:#4a5568;min-width:160px}.viewnewbrand-info-value{color:#2d3748;font-weight:600;flex:1;text-align:right}.viewnewbrand-download-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 20px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #48bb784d}.viewnewbrand-download-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.viewnewbrand-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.viewnewbrand-images-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:25px;font-weight:700;box-shadow:0 4px 15px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-product-images{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:25px}.viewnewbrand-product-image-item{text-align:center;background:#fff;border-radius:15px;padding:15px;box-shadow:0 5px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.viewnewbrand-product-image-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.viewnewbrand-image-container{position:relative;overflow:hidden;border-radius:15px;margin-bottom:15px}.viewnewbrand-product-image{width:100%;object-fit:cover;border:none;border-radius:15px;transition:transform .3s ease}.viewnewbrand-image-container:hover .viewnewbrand-product-image{transform:scale(1.08)}.viewnewbrand-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:15px}.viewnewbrand-image-container:hover .viewnewbrand-image-overlay{opacity:1}.viewnewbrand-image-view-btn{background:#fff;color:#667eea;border:none;padding:12px 20px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffffff4d}.viewnewbrand-image-view-btn:hover{background:#f7fafc;transform:scale(1.05)}.viewnewbrand-image-label{font-weight:600;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-show-more-container{text-align:center;margin-top:30px}.viewnewbrand-show-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 20px #667eea4d}.viewnewbrand-show-more-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.viewnewbrand-seller-info{background:linear-gradient(135deg,#e6fffa,#f0fff4);padding:25px;border-radius:15px;border-left:5px solid #38b2ac;box-shadow:0 4px 20px #38b2ac1a;transition:all .3s ease}.viewnewbrand-seller-info:hover{transform:translate(5px);box-shadow:0 8px 30px #38b2ac26}.viewnewbrand-remarks-textarea{width:100%;min-height:140px;padding:20px;border:2px solid #e2e8f0;border-radius:15px;resize:vertical;box-sizing:border-box;transition:all .3s ease;background:#fafafa}.viewnewbrand-remarks-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;background:#fff;transform:scale(1.01)}.viewnewbrand-documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.viewnewbrand-documents-summary{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.viewnewbrand-documents-count{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:8px 16px;border-radius:25px;font-weight:700;box-shadow:0 4px 15px #48bb784d;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-documents-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:25px;font-weight:700;box-shadow:0 4px 15px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:25px}.viewnewbrand-document-card{background:#fff;border:1px solid rgba(102,126,234,.1);border-radius:20px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden;min-height:300px;box-shadow:0 5px 20px #00000014}.viewnewbrand-document-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea26;border-color:#667eea}.viewnewbrand-document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.1)}.viewnewbrand-document-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.viewnewbrand-document-status-indicator{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #10b9814d}.viewnewbrand-status-uploaded{color:#fff;font-weight:700}.viewnewbrand-document-info{margin-bottom:20px}.viewnewbrand-document-title{font-weight:700;color:#2d3748;margin-bottom:10px;line-height:1.4}.viewnewbrand-document-description{color:#4a5568;margin-bottom:20px;line-height:1.6}.viewnewbrand-document-details{display:flex;flex-direction:column;gap:8px}.viewnewbrand-document-meta-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(226,232,240,.8);transition:all .2s ease}.viewnewbrand-document-meta-item:last-child{border-bottom:none}.viewnewbrand-document-meta-item:hover{background:#667eea0d;margin:0 -15px;padding:10px 15px;border-radius:8px}.viewnewbrand-meta-label{font-weight:600;color:#4a5568;min-width:80px}.viewnewbrand-document-filename{color:#667eea;font-weight:600;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:6px 12px;border-radius:8px;border:1px solid rgba(102,126,234,.1)}.viewnewbrand-document-date{color:#4a5568;font-weight:600}.viewnewbrand-document-actions{display:flex;gap:15px;margin-top:20px}.viewnewbrand-view-document-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:50px;cursor:pointer;font-weight:700;flex:1;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.viewnewbrand-view-document-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.viewnewbrand-download-document-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 20px;border-radius:50px;cursor:pointer;font-weight:700;flex:1;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #10b9814d}.viewnewbrand-download-document-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.viewnewbrand-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #667eea;position:relative}.viewnewbrand-questions-header:after{content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.viewnewbrand-questions-subtitle{color:#4a5568;margin:0;font-weight:500}.viewnewbrand-questions-counter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 18px;border-radius:25px;font-weight:700;box-shadow:0 4px 15px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-questions-list{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:30px;margin-bottom:25px;border:1px solid rgba(102,126,234,.1);box-shadow:0 5px 20px #0000000d}.viewnewbrand-question-item{display:flex;align-items:flex-start;gap:20px;padding:20px;border-bottom:1px solid rgba(226,232,240,.8);border-radius:15px;transition:all .3s ease;cursor:pointer;margin-bottom:10px;background:#fff;box-shadow:0 2px 10px #0000000d}.viewnewbrand-question-item:last-child{border-bottom:none;margin-bottom:0}.viewnewbrand-question-item:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);transform:translate(5px);box-shadow:0 5px 20px #667eea1a}.viewnewbrand-question-selected{background:linear-gradient(135deg,#e6fffa,#f0fff4);border-left:5px solid #38b2ac;box-shadow:0 5px 20px #38b2ac26}.viewnewbrand-question-checkbox-wrapper{position:relative;margin-top:3px}.viewnewbrand-question-checkbox{appearance:none;width:24px;height:24px;border:3px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.viewnewbrand-question-checkbox:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.1)}.viewnewbrand-question-checkbox:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33}.viewnewbrand-question-checkbox-label{position:absolute;top:0;left:0;width:24px;height:24px;cursor:pointer;pointer-events:none}.viewnewbrand-question-checkbox:checked+.viewnewbrand-question-checkbox-label:after{content:"✓";position:absolute;top:-3px;left:5px;color:#fff;font-weight:700}.viewnewbrand-question-content{flex:1;display:flex;align-items:flex-start;gap:15px}.viewnewbrand-question-number{font-weight:700;color:#667eea;min-width:25px;margin-top:3px}.viewnewbrand-question-text{color:#4a5568;line-height:1.6;flex:1;font-weight:500}.viewnewbrand-question-selected .viewnewbrand-question-text{color:#2d3748;font-weight:600}.viewnewbrand-questions-actions{display:flex;gap:20px;justify-content:center}.viewnewbrand-select-all-btn,.viewnewbrand-clear-all-btn{padding:12px 25px;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.viewnewbrand-select-all-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.viewnewbrand-select-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.viewnewbrand-clear-all-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 15px #6b72804d}.viewnewbrand-clear-all-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.viewnewbrand-actions{display:flex;justify-content:center;gap:25px;margin-top:50px;padding:30px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(0,0,0,.05)}.viewnewbrand-reject-btn,.viewnewbrand-request-changes-btn,.viewnewbrand-approve-btn,.viewnewbrand-view-btn{padding:15px 35px;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:140px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.viewnewbrand-reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 20px #ef44444d}.viewnewbrand-reject-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px);box-shadow:0 10px 30px #ef444466}.viewnewbrand-request-changes-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px 20px #f59e0b4d}.viewnewbrand-request-changes-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-3px);box-shadow:0 10px 30px #f59e0b66}.viewnewbrand-approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #10b9814d}.viewnewbrand-approve-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 10px 30px #10b98166}.viewnewbrand-view-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea4d}.viewnewbrand-view-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}@media (max-width: 768px){.viewnewbrand-header{flex-direction:column;align-items:flex-start;gap:15px}.viewnewbrand-section{padding:20px 15px}.viewnewbrand-logo-container{grid-template-columns:1fr}.viewnewbrand-info-row{flex-direction:column;align-items:flex-start;gap:5px}.viewnewbrand-info-value{text-align:left}.viewnewbrand-images-header{flex-direction:column;align-items:flex-start;gap:10px}.viewnewbrand-documents-summary{flex-direction:column;align-items:flex-start;gap:8px}.viewnewbrand-product-images{grid-template-columns:repeat(2,1fr);gap:15px}.viewnewbrand-documents-grid{grid-template-columns:1fr;gap:15px}.viewnewbrand-product-image{height:250px}.viewnewbrand-actions{flex-direction:column}.viewnewbrand-reject-btn,.viewnewbrand-request-changes-btn,.viewnewbrand-approve-btn,.viewnewbrand-view-btn{width:100%}}@media (max-width: 480px){.viewnewbrand-logo-image{width:120px;height:120px}.viewnewbrand-product-images{grid-template-columns:1fr;gap:12px}.viewnewbrand-product-image{height:200px}.viewnewbrand-document-card{padding:15px;min-height:auto}}@media (min-width: 769px) and (max-width: 1024px){.viewnewbrand-product-images{grid-template-columns:repeat(3,1fr)}.viewnewbrand-documents-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.viewnewbrand-product-image{height:280px}}:root{--primary-color: #0d6efd;--success-color: #198754;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #0dcaf0;--light-color: #f8f9fa;--dark-color: #212529;--border-radius: .5rem;--box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--box-shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15);--transition: all .2s ease-in-out}.selleronboarding-container{padding:0;background:#fff;min-height:100vh}.selleronboarding-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:3rem 2rem;margin-bottom:2rem;color:#fff;position:relative;overflow:hidden;border-radius:10px}.selleronboarding-header:before{content:"";position:absolute;inset:0;background:#0000001a;z-index:1}.selleronboarding-header>*{position:relative;z-index:2}.selleronboarding-header-content{display:flex;align-items:center;gap:1.5rem}.selleronboarding-header-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.selleronboarding-header-icon i{color:#fff}.selleronboarding-header-title{font-weight:700;margin-bottom:.5rem;color:#fff}.selleronboarding-header-description{margin-bottom:0;color:#ffffffe6;font-weight:400}.selleronboarding-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:var(--transition);color:#fff}.selleronboarding-stat-card:hover{transform:translateY(-5px);background:#fff3;box-shadow:0 10px 30px #0003}.selleronboarding-stat-card .stat-number{font-weight:700;margin-bottom:.5rem;color:#fff}.selleronboarding-stat-card .stat-label{text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:#fffc}.selleronboarding-stat-card.total{background:#3b82f626;border-color:#3b82f64d}.selleronboarding-stat-card.pending{background:#f59e0b26;border-color:#f59e0b4d}.selleronboarding-stat-card.accepted{background:#22c55e26;border-color:#22c55e4d}.selleronboarding-tabs{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin:0 2rem}@media (max-width: 575.98px){.selleronboarding-tabs{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea transparent;margin:0 1rem}.selleronboarding-tabs::-webkit-scrollbar{height:4px;background:transparent}.selleronboarding-tabs::-webkit-scrollbar-thumb{background:#667eea;border-radius:2px}.selleronboarding-tabs::-webkit-scrollbar-track{background:transparent}}.selleronboarding-tabs .nav-tabs{border-bottom:none;margin-bottom:0}@media (max-width: 575.98px){.selleronboarding-tabs .nav-tabs{flex-wrap:nowrap;white-space:nowrap;padding:0 1rem;margin:0}}.selleronboarding-tabs .nav-link{border:none;border-radius:0;padding:1rem 1.5rem;color:#6c757d;font-weight:500;transition:var(--transition);display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent}.selleronboarding-tabs .nav-link:hover{background:var(--light-color);color:var(--primary-color)}.selleronboarding-tabs .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:4px solid #667eea;box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px);position:relative;z-index:10;border-radius:5px}.selleronboarding-tabs .nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;pointer-events:none}.selleronboarding-tabs .nav-link i{margin-right:.5rem}.selleronboarding-tabs .badge{margin-left:.5rem}.selleronboarding-cards-container{padding:0 2rem}.selleronboarding-horizontal-card{border:1px solid #e9ecef;border-radius:var(--border-radius);transition:var(--transition);background:#fff;box-shadow:var(--box-shadow)}.selleronboarding-horizontal-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color)}.selleronboarding-horizontal-card .card-body{padding:1.25rem}.selleronboarding-seller-avatar{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #e9ecef;transition:var(--transition);box-shadow:0 2px 4px #0000001a}.selleronboarding-seller-avatar:hover{transform:scale(1.05);border-color:var(--primary-color)}.selleronboarding-seller-info{padding-left:.5rem}.selleronboarding-seller-name{color:var(--dark-color);font-weight:600;margin-bottom:.25rem}.selleronboarding-seller-info p{color:#6c757d;margin-bottom:0;display:flex;align-items:center;justify-content:flex-start;gap:3px}.selleronboarding-contact-info small{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.selleronboarding-contact-info span{color:var(--dark-color);font-weight:500}.selleronboarding-status{font-weight:600;padding:.375rem .75rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.5px}.selleronboarding-status-accepted{background:linear-gradient(45deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 4px #10b9814d}.selleronboarding-status-pending{background:linear-gradient(45deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.selleronboarding-status-reverify{background:linear-gradient(45deg,#0dcaf0,#6dd5ed);color:#fff;box-shadow:0 2px 4px #0dcaf04d}.selleronboarding-status-rejected{background:linear-gradient(45deg,#ef4444,#f87171);color:#fff;box-shadow:0 2px 4px #ef44444d}.selleronboarding-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.selleronboarding-accept-btn{background:linear-gradient(45deg,var(--success-color),#20c997);border:none;color:#fff;font-weight:500;transition:var(--transition);border-radius:.375rem;padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem}.selleronboarding-accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #1987544d;background:linear-gradient(45deg,#157347,var(--success-color))}.selleronboarding-view-details-btn{border:1px solid var(--primary-color);color:var(--primary-color);background:transparent;font-weight:500;transition:var(--transition);border-radius:.375rem;padding:.375rem .75rem;display:flex;align-items:center;gap:.25rem}.selleronboarding-view-details-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.selleronboarding-accepted-section{display:flex;flex-direction:column;gap:.5rem}.selleronboarding-timer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;min-width:180px;color:#fff;box-shadow:0 4px 6px #0000001a}.selleronboarding-timer .timer-icon{width:35px;height:35px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selleronboarding-timer .timer-content{flex:1}.selleronboarding-timer .timer-label{color:#fffc;margin-bottom:.25rem;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.selleronboarding-timer .timer-countdown{font-weight:700;color:#fff}.selleronboarding-timer-expired{background:linear-gradient(135deg,#10b981,#34d399);border-radius:.75rem;padding:.75rem 1rem;color:#fff;font-weight:600;text-align:center;min-width:180px;box-shadow:0 4px 6px #10b98133}.selleronboarding-no-data{padding:3rem 2rem;text-align:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #e9ecef}.selleronboarding-no-data .bi-inbox{opacity:.3;color:#6c757d}.selleronboarding-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.selleronboarding-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;cursor:pointer;transition:all .2s ease-in-out}.selleronboarding-page-btn button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000001f}.selleronboarding-page-btn.active button{background:#0d6efd;color:#fff;transform:translateY(-1px)}.selleronboarding-page-btn.disabled button{opacity:.5;cursor:not-allowed}.selleronboarding-page-btn.disabled button:hover{transform:none;box-shadow:0 10px 25px #00000014}.selleronboarding-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.selleronboarding-popup-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:popupFadeIn .3s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.selleronboarding-popup-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative}.selleronboarding-popup-header.success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.selleronboarding-popup-header.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.selleronboarding-popup-header .popup-icon{width:50px;height:50px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selleronboarding-popup-header .popup-title{flex:1;margin:0;font-weight:600}.selleronboarding-popup-header .popup-close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selleronboarding-popup-header .popup-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.selleronboarding-popup-body{padding:1.5rem;color:var(--dark-color)}.selleronboarding-popup-body .popup-seller-info{margin-bottom:1rem;padding:.75rem;background:var(--light-color);border-radius:.5rem}.selleronboarding-popup-body .popup-timer-info{margin:1rem 0;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem}.selleronboarding-popup-body .timer-display{display:flex;align-items:center;gap:.5rem}.selleronboarding-popup-body .popup-message{margin:0;line-height:1.6;color:#495057}.selleronboarding-popup-footer{padding:1rem 1.5rem;background:var(--light-color);display:flex;justify-content:flex-end}.selleronboarding-popup-footer .btn{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:var(--transition)}@media (max-width: 768px){.mt-seller-div{margin-top:25px}}@media (max-width: 575.98px){.selleronboarding-container{padding:0}.selleronboarding-header{padding:2rem 1rem;margin-bottom:1rem}.selleronboarding-header-content{flex-direction:column;text-align:center;gap:1rem}.selleronboarding-header-icon{width:60px;height:60px}.selleronboarding-stat-card{padding:1rem}.selleronboarding-stat-card .stat-number{margin-top:1rem}.selleronboarding-stat-card .stat-label{margin-top:.5rem}.selleronboarding-tabs{margin:0 1rem}.selleronboarding-cards-container{padding:0 1rem}.selleronboarding-horizontal-card .card-body{padding:1rem}.selleronboarding-seller-avatar{width:50px;height:50px}.selleronboarding-actions{justify-content:center;margin-top:1rem}.selleronboarding-actions .btn{padding:.375rem .75rem}.selleronboarding-accepted-section{align-items:center}.selleronboarding-timer{min-width:160px;padding:.5rem .75rem}.selleronboarding-timer .timer-icon{width:30px;height:30px}.selleronboarding-timer-expired{min-width:160px;padding:.5rem .75rem}.selleronboarding-popup-modal{width:95%;margin:1rem}.selleronboarding-popup-header{padding:1rem}.selleronboarding-popup-header .popup-icon{width:40px;height:40px}.selleronboarding-popup-body,.selleronboarding-popup-footer{padding:1rem}.selleronboarding-view-details-btn{padding:.375rem .75rem}.selleronboarding-pagination-wrapper{justify-content:center!important}.selleronboarding-pagination-list{gap:.25rem}.selleronboarding-page-btn button{width:2rem;height:2rem}.selleronboarding-tabs .nav-link{padding:.75rem;flex-shrink:0;min-width:max-content;white-space:nowrap;margin-right:.25rem}.selleronboarding-tabs .nav-link:first-child{margin-left:0}.selleronboarding-tabs .nav-link:last-child{margin-right:0}.selleronboarding-tabs .nav-link.active{z-index:15}.selleronboarding-tabs .nav-link i{display:none}}@media (min-width: 576px) and (max-width: 767.98px){.selleronboarding-container{padding:1.25rem}.selleronboarding-seller-avatar{width:55px;height:55px}.selleronboarding-actions{justify-content:center;margin-top:.75rem}}@media (min-width: 768px) and (max-width: 991.98px){.selleronboarding-container{padding:1.5rem}.selleronboarding-horizontal-card .card-body{padding:1.25rem}.selleronboarding-actions{justify-content:flex-end;margin-top:.5rem}}@media (min-width: 992px) and (max-width: 1199.98px){.selleronboarding-container{padding:2rem}.selleronboarding-actions{justify-content:flex-end;margin-top:0}}@media (min-width: 1200px){.selleronboarding-container{padding:2rem;max-width:1400px;margin:0 auto}.selleronboarding-horizontal-card .card-body{padding:1.5rem}.selleronboarding-seller-avatar{width:70px;height:70px}}.selleronboarding-horizontal-card{animation:fadeInUp .3s ease-out}.selleronboarding-horizontal-card:nth-child(1){animation-delay:.1s}.selleronboarding-horizontal-card:nth-child(2){animation-delay:.2s}.selleronboarding-horizontal-card:nth-child(3){animation-delay:.3s}.selleronboarding-view-details-btn:focus,.selleronboarding-accept-btn:focus,.page-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.selleronboarding-container{background:#fff;box-shadow:none}.selleronboarding-pagination-wrapper,.selleronboarding-actions,.btn{display:none!important}.selleronboarding-horizontal-card{break-inside:avoid;box-shadow:none;border:1px solid #000;margin-bottom:1rem}}@media (prefers-contrast: high){.selleronboarding-status{border-width:2px;font-weight:700}.selleronboarding-seller-avatar{border-width:3px}.btn{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.selleronboarding-horizontal-card:hover,.selleronboarding-seller-avatar:hover,.selleronboarding-view-details-btn:hover,.selleronboarding-accept-btn:hover{transform:none}}.viewselleronboarding-step-progress{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewselleronboarding-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative}.viewselleronboarding-step-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#e9ecef;z-index:1}.viewselleronboarding-step-item{display:flex;flex-direction:column;align-items:center;z-index:2;background:#fff;padding:0 10px;position:relative}.viewselleronboarding-step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s ease;background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.viewselleronboarding-step-item.active .viewselleronboarding-step-number{background:linear-gradient(135deg,#0984e3,#74b9ff);border-color:#0984e3;color:#fff;transform:scale(1.1)}.viewselleronboarding-step-item.completed .viewselleronboarding-step-number{background:linear-gradient(135deg,#00b894,#55efc4);border-color:#00b894;color:#fff}.viewselleronboarding-step-title{font-weight:600;text-align:center;color:#6c757d;max-width:80px;line-height:1.2}.viewselleronboarding-step-item.active .viewselleronboarding-step-title{color:#0984e3}.viewselleronboarding-step-item.completed .viewselleronboarding-step-title{color:#00b894}.viewselleronboarding-step-content{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;min-height:400px}.viewselleronboarding-request-changes{background:#fff5f5;border:2px solid #fed7d7;border-radius:15px;padding:25px;margin-bottom:25px}.viewselleronboarding-request-title{color:#e53e3e;font-weight:700;margin-bottom:15px}.viewselleronboarding-request-textarea{width:100%;border:2px solid #fed7d7;border-radius:10px;padding:15px;resize:vertical;margin-bottom:15px;transition:all .3s ease}.viewselleronboarding-request-textarea:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.viewselleronboarding-request-actions{display:flex;gap:15px;align-items:center}.viewselleronboarding-submit-request-btn{background:linear-gradient(135deg,#e17055,#fd79a8);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-submit-request-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e170554d}.viewselleronboarding-cancel-request-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-cancel-request-btn:hover{background:#5a6268;transform:translateY(-2px)}.viewselleronboarding-step-navigation{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewselleronboarding-left-actions{display:flex;align-items:center}.viewselleronboarding-step-actions{display:flex;gap:15px;align-items:center}.viewselleronboarding-prev-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-prev-btn:hover{background:#5a6268;transform:translate(-3px)}.viewselleronboarding-request-changes-btn{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-request-changes-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fdcb6e4d}.viewselleronboarding-next-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-next-btn:hover{transform:translate(3px);box-shadow:0 6px 20px #0984e34d}.viewselleronboarding-info-value-with-status{display:flex;flex-direction:column;gap:8px}.viewselleronboarding-verification-status{display:flex;align-items:center;justify-content:flex-end;gap:6px}.viewselleronboarding-verified-icon{color:#00b894}.viewselleronboarding-unverified-icon{color:#e17055}.viewselleronboarding-status-text{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewselleronboarding-status-text.verified{color:#00b894}.viewselleronboarding-status-text.unverified{color:#e17055}.viewselleronboarding-info-value.needs-verification{color:#dc3545;font-weight:600}.viewselleronboarding-view-certificate-btn.needs-verification{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff}.viewselleronboarding-view-certificate-btn.needs-verification:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.viewselleronboarding-manual-verification{background:#fff5f5;border:2px solid #fed7d7;border-radius:10px;padding:15px;margin-top:10px}.viewselleronboarding-warning-icon{color:#dc3545;margin-right:8px}.viewselleronboarding-warning-text{color:#dc3545;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;margin-bottom:8px}.viewselleronboarding-warning-description{color:#721c24;line-height:1.4;margin:0;font-style:italic}.viewselleronboarding-working-days{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.viewselleronboarding-day-badge{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0984e333;transition:all .3s ease}.viewselleronboarding-day-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0984e34d}.viewselleronboarding-shipping-type{display:flex;align-items:center}.viewselleronboarding-shipping-badge{padding:8px 16px;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 8px #00000026;transition:all .3s ease}.viewselleronboarding-shipping-badge.lazy{background:linear-gradient(135deg,#fd79a8,#fdcb6e);color:#fff}.viewselleronboarding-shipping-badge.self{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff}.viewselleronboarding-shipping-badge.both{background:linear-gradient(135deg,#00b894,#55efc4);color:#fff}.viewselleronboarding-shipping-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.viewselleronboarding-signature-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.viewselleronboarding-signature-modal{background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.viewselleronboarding-signature-modal-header{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.viewselleronboarding-signature-modal-title{margin:0;font-weight:700}.viewselleronboarding-signature-modal-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.viewselleronboarding-signature-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.viewselleronboarding-signature-modal-body{padding:40px 30px;max-height:70vh;overflow-y:auto;overflow-x:hidden}.viewselleronboarding-signature-modal-body::-webkit-scrollbar{width:8px}.viewselleronboarding-signature-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.viewselleronboarding-signature-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0984e3,#74b9ff);border-radius:10px}.viewselleronboarding-signature-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0670d1,#5fa7e8)}.viewselleronboarding-signature-display{text-align:center}.viewselleronboarding-signature-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px}.viewselleronboarding-signature-icon{margin-bottom:10px}.viewselleronboarding-signature-placeholder h4{color:#0984e3;margin:0;font-weight:700}.viewselleronboarding-signature-placeholder p{color:#6c757d;margin:0}.viewselleronboarding-signature-image{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:15px;padding:30px;margin:20px 0}.viewselleronboarding-signature-sample{display:flex;justify-content:center;align-items:center}.viewselleronboarding-signature-info{background:#f8f9fa;border-radius:15px;padding:20px;text-align:left;margin-top:20px}.viewselleronboarding-signature-info p{margin:8px 0;color:#495057}.signature-verified{color:#00b894;font-weight:600}.viewselleronboarding-signature-modal-footer{background:#f8f9fa;padding:20px 30px;text-align:right;border-top:1px solid #dee2e6}.viewselleronboarding-signature-modal-close-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.viewselleronboarding-signature-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d4d}@media (max-width: 768px){.viewselleronboarding-signature-modal{width:95%;margin:20px}.viewselleronboarding-signature-modal-header{padding:20px}.viewselleronboarding-signature-modal-body{padding:30px 20px;max-height:60vh}}@media (max-width: 768px){.viewselleronboarding-step-indicator{flex-wrap:wrap;gap:15px}.viewselleronboarding-step-indicator:before{display:none}.viewselleronboarding-step-item{flex-direction:row;padding:0;gap:10px}.viewselleronboarding-step-number{margin-bottom:0;width:30px;height:30px}.viewselleronboarding-step-title{max-width:none}.viewselleronboarding-step-navigation{flex-direction:column;gap:15px}.viewselleronboarding-step-actions{width:100%;justify-content:center}}.viewselleronboarding-header{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewselleronboarding-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.viewselleronboarding-back-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewselleronboarding-back-btn:hover{background:#5a6268;transform:translate(-3px)}.viewselleronboarding-status-badge{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#d63031;padding:10px 20px;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #fdcb6e4d}.viewselleronboarding-header-content{text-align:center}.viewselleronboarding-title{font-weight:800;color:#2d3436;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viewselleronboarding-seller-name{font-weight:600;color:#0984e3;margin-bottom:5px}.viewselleronboarding-seller-type{color:#636e72;font-weight:500}.viewselleronboarding-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.viewselleronboarding-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.viewselleronboarding-section:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.viewselleronboarding-section-title{font-weight:700;color:#2d3436;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #0984e3;position:relative}.viewselleronboarding-section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:30px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.viewselleronboarding-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.viewselleronboarding-info-item:last-child{border-bottom:none}.viewselleronboarding-info-label{font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px;min-width:140px}.viewselleronboarding-info-value{color:#2d3436;font-weight:500;text-align:right;flex:1}.viewselleronboarding-section-full{grid-column:1 / -1}.viewselleronboarding-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.viewselleronboarding-address-item{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #0984e3}.viewselleronboarding-signature-container{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:2px dashed #0984e3}.viewselleronboarding-view-signature-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0984e34d;text-transform:uppercase;letter-spacing:.5px}.viewselleronboarding-view-signature-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0984e366}.viewselleronboarding-view-certificate-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #0984e34d;text-transform:uppercase;letter-spacing:.5px}.viewselleronboarding-view-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0984e366}.viewselleronboarding-auth-container{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e9ecef}.viewselleronboarding-auth-option{display:flex;align-items:center;justify-content:center;gap:20px}.viewselleronboarding-auth-label{font-weight:600;color:#2d3436}.viewselleronboarding-auth-toggle{display:flex;align-items:center}.viewselleronboarding-auth-status{padding:10px 20px;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.viewselleronboarding-auth-enabled{background:linear-gradient(135deg,#00b894,#00a085);color:#fff}.viewselleronboarding-auth-disabled{background:linear-gradient(135deg,#e17055,#d63031);color:#fff}.viewselleronboarding-remarks-container{background:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewselleronboarding-remarks-textarea{width:100%;min-height:120px;padding:15px;border:2px solid #ddd;border-radius:12px;resize:vertical;box-sizing:border-box;transition:all .3s ease}.viewselleronboarding-remarks-textarea:focus{outline:none;border-color:#0984e3;box-shadow:0 0 0 3px #0984e31a}.viewselleronboarding-actions{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;display:flex;justify-content:center;gap:20px}.viewselleronboarding-reject-btn,.viewselleronboarding-approve-btn{padding:15px 40px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:140px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.viewselleronboarding-reject-btn{background:linear-gradient(135deg,#e17055,#d63031);color:#fff;box-shadow:0 4px 15px #e6705566}.viewselleronboarding-reject-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e6705580}.viewselleronboarding-approve-btn{background:linear-gradient(135deg,#00b894,#00a085);color:#fff;box-shadow:0 4px 15px #00b89466}.viewselleronboarding-approve-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00b89480}@media (max-width: 768px){.viewselleronboarding-content-grid{grid-template-columns:1fr;gap:20px}.viewselleronboarding-header-top{flex-direction:column;gap:15px;align-items:flex-start}.viewselleronboarding-address-grid{grid-template-columns:1fr}.viewselleronboarding-actions{flex-direction:column}.viewselleronboarding-reject-btn,.viewselleronboarding-approve-btn{width:100%}.viewselleronboarding-info-item{flex-direction:column;align-items:flex-start;gap:5px}.viewselleronboarding-info-value{text-align:left}}@media (max-width: 480px){.viewselleronboarding-header,.viewselleronboarding-section{padding:20px}}.manage-templates{padding:20px}.manage-templates h2{color:#2c3e50;font-weight:600;margin-bottom:0}.templates-grid{display:flex;flex-direction:column;gap:20px}.template-card .card{border:none;box-shadow:0 2px 8px #00000014;border-radius:12px;transition:all .3s ease;border-left:4px solid transparent}.template-card .card:hover{box-shadow:0 4px 20px #0000001f;border-left-color:#007bff;transform:translateY(-2px)}.template-icon{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.template-name{color:#2c3e50;font-weight:600;margin-bottom:8px}.template-description{color:#6c757d;line-height:1.4;margin-bottom:12px}.template-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.template-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.template-actions .btn{border-radius:8px;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-actions .btn-primary:hover{background-color:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #005bb34d}.template-actions .btn-outline-secondary{border:1px solid #dee2e6;color:#6c757d;background-color:#fff}.template-actions .btn-outline-secondary:hover{background-color:#f8f9fa;border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 4px 12px #007bff26}.manage-templates .badge{padding:4px 10px;border-radius:6px}.manage-templates .form-control,.manage-templates .form-select{border-radius:6px;border:1px solid #dee2e6}.manage-templates .form-control:focus,.manage-templates .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.manage-templates .btn-primary{background-color:#007bff;border-color:#007bff;border-radius:6px;font-weight:500}.manage-templates .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.manage-templates .table-responsive{border-radius:8px}@media (max-width: 768px){.manage-templates{padding:15px}.templates-grid{gap:15px}.template-card .card-body{padding:15px}.template-card .row{gap:15px}.template-card .col-md-1,.template-card .col-md-7,.template-card .col-md-4{flex:0 0 100%;max-width:100%}.template-icon{width:40px;height:40px}.template-actions{justify-content:flex-start;margin-top:10px}.template-actions .btn{padding:6px 12px}}@media (max-width: 576px){.template-actions{flex-direction:column}.template-actions .btn{width:100%;margin-right:0!important}}.template-pagination-list{list-style:none;display:flex;gap:.5rem;padding-left:0;margin:0}.template-page-btn button{width:2.25rem;height:2.25rem;border-radius:.7rem;border:none;background:#f8fafc;color:#0d47a1;font-weight:600;box-shadow:0 10px 25px #00000014;transition:all .2s ease;cursor:pointer}.template-page-btn button:hover:not(:disabled){background:#e3f2fd;transform:translateY(-1px);box-shadow:0 15px 35px #0000001f}.template-page-btn.active button{background:#0d6efd;color:#fff;box-shadow:0 10px 25px #0d6efd4d}.template-page-btn.disabled button{opacity:.5;cursor:not-allowed}.template-pagination-wrapper{margin-top:2rem}@media (max-width: 576px){.template-pagination-wrapper{justify-content:center!important}.template-pagination-list{gap:.3rem}.template-page-btn button{width:2rem;height:2rem}}.create-template{padding:10px}.create-template .template-page-title{color:#2c3e50;font-weight:600;margin-bottom:0}.create-template .card{border:none;box-shadow:0 2px 4px #0000001a;border-radius:8px}.create-template .card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0!important}.create-template .nav-tabs{border-bottom:none;background:#f8f9fa;padding:6px;border-radius:10px;display:inline-flex;box-shadow:inset 0 1px 3px #0000001a}.create-template .nav-tabs .nav-link{border:none;color:#6c757d;font-weight:600;background:transparent;transition:all .25s ease;padding:12px 24px;border-radius:8px;margin-right:4px;position:relative;min-width:100px;text-align:center}.create-template .nav-tabs .nav-link:last-child{margin-right:0}.create-template .nav-tabs .nav-link:hover{color:#495057;background:#ffffffb3;transform:none;box-shadow:none}.create-template .nav-tabs .nav-link.active{background:#fff;color:#007bff;border:none;position:relative;z-index:1;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;transform:none}.create-template .nav-tabs .nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#007bff;border-radius:1px}.template-components{min-height:200px}.template-component-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:15px;padding:15px;transition:all .2s ease}.template-component-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:grab}.component-header:active{cursor:grabbing}.component-name{font-weight:500;color:#495057}.component-config{background-color:#f8f9fa;border-radius:4px;padding:15px;margin-top:10px}.component-config .form-label{font-weight:500;color:#495057;margin-bottom:8px}.component-palette .btn{text-align:left;padding:12px 15px;border-radius:6px;transition:all .2s ease}.component-palette .btn:hover{background-color:#007bff;color:#fff;transform:translateY(-1px)}.template-preview{min-height:400px}.preview-container{border:2px dashed #dee2e6;border-radius:8px;padding:20px;background-color:#fafafa}.preview-component{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:20px;margin-bottom:15px;min-height:80px;display:flex;align-items:center;justify-content:center}.preview-image-placeholder{text-align:center;padding:40px 20px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;width:100%}.preview-text{width:100%}.preview-heading{color:#2c3e50;margin-bottom:0}.form-control,.form-select{border-radius:6px;border:1px solid #dee2e6;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.btn-primary{background-color:#007bff;border-color:#007bff;border-radius:6px;font-weight:500}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary{border-radius:6px;font-weight:500;color:#6c757d;border-color:#6c757d;background-color:transparent;transition:all .2s ease}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d33}.btn-outline-secondary:active{color:#fff;background-color:#5a6268;border-color:#545b62;transform:translateY(0);box-shadow:0 1px 4px #6c757d4d}@media (max-width: 768px){.create-template{padding:10px}.create-template .template-page-title{margin-bottom:10px}.create-template .template-content-row{flex-direction:column-reverse}.create-template .d-flex.justify-content-between{flex-direction:column;gap:15px}.create-template .d-flex.justify-content-between>div{display:flex;gap:10px;width:100%}.create-template .d-flex.justify-content-between .btn{flex:1;justify-content:center}.template-component-item,.component-config{padding:12px}.preview-component{padding:15px}.component-palette .btn{padding:10px 12px}}.advanced-template .card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.advanced-template .nav-tabs .nav-link{color:#fffc;border:none}.advanced-template .nav-tabs .nav-link.active{background-color:#ffffff1a;color:#fff;border-bottom:2px solid #ffc107}.advanced-component-btn{position:relative;transition:all .3s ease;border:2px solid #e9ecef}.advanced-component-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.component-categories{max-height:600px;overflow-y:auto}.category-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:10px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.category-tab{padding:5px 10px;border:none;background-color:transparent;color:#6c757d;border-radius:20px;transition:all .2s ease;cursor:pointer}.category-tab.active{background-color:#007bff;color:#fff}.category-tab:hover{background-color:#e9ecef}.category-tab.active:hover{background-color:#0056b3}.advanced-preview-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:15px;position:relative;overflow:hidden}.advanced-preview-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.preview-header{display:flex;align-items:center;margin-bottom:10px;font-weight:600;color:#495057}.preview-description{color:#6c757d;font-style:italic}.advanced-template .template-component-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.advanced-template .template-component-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.component-text{flex:1;text-align:left}@media (max-width: 768px){.category-tabs{padding:5px}.category-tab{padding:4px 8px}.advanced-component-btn{padding:8px 12px}.component-categories{max-height:400px}}.component-preview-header{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px 8px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0}.component-preview-footer{margin-top:0;padding:8px 12px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-top:1px solid #dee2e6;border-radius:0 0 6px 6px}.preview-header,.preview-footer{background-color:#f8f9fa;border:1px solid #e9ecef}.preview-container{background-color:#fafafa;border:2px solid #e9ecef;border-radius:8px;padding:20px;position:relative}.preview-container:before{content:"TEMPLATE PREVIEW";position:absolute;top:-10px;left:20px;background-color:#007bff;color:#fff;padding:2px 8px;font-weight:700;border-radius:3px}.alert-info{background-color:#cce7ff;border-color:#b3d9ff;color:#06c}.preview-image-placeholder,.preview-text-container,.preview-heading-container{border-radius:6px 6px 0 0!important;margin-bottom:0!important;border:none!important}.component-card .table-responsive{border-radius:0;border:none}.preview-component{margin-bottom:20px;position:relative}.preview-component:last-child{margin-bottom:0}.component-card{border:2px dashed #dee2e6;border-radius:8px;overflow:hidden;background-color:#fff}.preview-template{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}@media (max-width: 768px){.preview-template{background:linear-gradient(135deg,#667eea,#764ba2 50%),#f0f2f7 50%;background-size:100% 60%,100% 40%;background-repeat:no-repeat}}@media (max-width: 576px){.preview-template{background:linear-gradient(135deg,#667eea,#764ba2 40%),#f0f2f7 40%;background-size:100% 50%,100% 50%;background-repeat:no-repeat}}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 0}@media (max-width: 768px){.preview-header{padding:30px 0}}@media (max-width: 576px){.preview-header{padding:20px 0}}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-info{display:flex;align-items:center;gap:20px}.template-icon-wrapper{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.template-icon{color:#fff}.template-title{font-weight:700;margin-bottom:8px;color:#fff}.template-subtitle{color:#ffffffe6;margin-bottom:15px}.template-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;color:#fffc}.badge-basic{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;padding:6px 12px;border-radius:20px;font-weight:500}.badge-advanced{background:linear-gradient(45deg,#dc3545,#fd7e14);color:#fff;padding:6px 12px;border-radius:20px;font-weight:500}.badge-comparison{background:linear-gradient(45deg,#007bff,#6f42c1);color:#fff;padding:6px 12px;border-radius:20px;font-weight:500}.header-actions{display:flex;gap:12px}.header-actions .btn{border-radius:25px;padding:12px 24px;font-weight:600;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header-actions .btn-outline-light{background:#ffffff1a;color:#fff}.header-actions .btn-outline-light:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.header-actions .btn-primary{background:#ffffffe6;color:#667eea;border-color:#fff}.header-actions .btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.preview-controls{background:#f8f9fb;padding:30px 0;border-bottom:1px solid #e9ecef}@media (max-width: 768px){.preview-controls{padding:20px 0}}@media (max-width: 576px){.preview-controls{padding:15px 0}}.controls-wrapper{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.controls-title{color:#2c3e50;font-weight:600;margin:0}.device-selector{display:flex;background:#fff;border-radius:50px;padding:6px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.device-btn{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border:none;background:transparent;border-radius:40px;transition:all .3s ease;cursor:pointer;color:#6c757d;gap:4px;min-width:80px}.device-btn span{font-weight:500}.device-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.device-btn:not(.active):hover{background:#f8f9fa;color:#495057}.preview-content-wrapper{background:#f0f2f7;padding:40px 20px;min-height:70vh}.preview-device-frame{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.device-header{background:linear-gradient(90deg,#f8f9fa,#e9ecef);padding:15px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6}.device-controls{display:flex;gap:8px}.device-dot{width:12px;height:12px;border-radius:50%}.device-dot.red{background:#ff5f56}.device-dot.yellow{background:#ffbd2e}.device-dot.green{background:#27ca3f}.device-title{font-weight:600;color:#495057}.device-content{display:flex;justify-content:center;background:#f8f9fa;padding:30px}.preview-info{margin-bottom:25px}.info-badge{background:linear-gradient(45deg,#17a2b8,#007bff);color:#fff;padding:12px 20px;border-radius:25px;display:inline-flex;align-items:center;font-weight:500;box-shadow:0 4px 15px #17a2b833}.empty-template{text-align:center;padding:60px 20px}.empty-icon{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px}.empty-icon i{color:#fff}.empty-template h4{color:#2c3e50;font-weight:600;margin-bottom:15px}.empty-template p{color:#6c757d;margin-bottom:25px}.empty-template .btn{border-radius:25px;padding:12px 24px;font-weight:600}.preview-component-wrapper{margin-bottom:30px}.component-label-top{display:flex;align-items:center;font-weight:600;color:#495057;margin-bottom:8px;padding:8px 0;border-bottom:2px solid #007bff;width:fit-content;min-width:200px}.preview-component-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.component-info-bottom{margin-top:8px;padding:8px 12px;background-color:#f8f9fb;border-radius:6px;border-left:3px solid #28a745}.preview-component-card:hover{box-shadow:0 4px 12px #007bff26;border-color:#007bff!important;transform:translateY(-1px)}.preview-container{transition:all .3s ease;position:relative}.preview-template .preview-container:before{display:none!important}@media (max-width: 768px){.preview-mobile{max-width:100%!important}}.preview-image-container,.preview-image-slot{transition:all .2s ease}.preview-image-container:hover,.preview-image-slot:hover{border-color:#007bff!important}.preview-heading{margin-bottom:15px;word-wrap:break-word;overflow-wrap:break-word}.preview-text{line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.text-info-bar{border-top:1px solid #e9ecef;padding-top:8px;margin-top:10px}.preview-multi-image{margin-bottom:10px}.preview-overlay-container{overflow:hidden}.overlay-background{transition:opacity .2s ease}.preview-component:hover .overlay-background{opacity:.5!important}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.btn-group .btn:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.alert{border-radius:6px}.table-sm td,.table-sm th{padding:.5rem}@media (max-width: 768px){.preview-template{padding:15px}.preview-container{padding:15px!important}.component-label{padding:4px 8px}.preview-component{padding:12px!important;margin-bottom:15px!important}.btn-group .btn{padding:.4rem .8rem}}@media (max-width: 576px){.preview-template .d-flex{flex-direction:column;align-items:flex-start!important}.preview-template .d-flex>div:last-child{margin-top:15px;align-self:flex-end}.btn-group{width:100%}.btn-group .btn{flex:1}}.preview-image-placeholder{min-height:150px}.preview-multi-image .preview-image-slot{min-height:100px}.preview-overlay-container{min-height:200px}.preview-template .table{margin-bottom:0}.preview-template .table td,.preview-template .table th{vertical-align:middle;text-align:center}.preview-template .btn[disabled]{opacity:.8;cursor:not-allowed}.preview-container{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-play-btn{color:#fff!important;opacity:1!important}.video-play-btn i,.video-controls-btn,.video-controls-btn i{color:#fff!important}@media (max-width: 768px){.header-content,.header-info{flex-direction:column;text-align:center}.template-meta{justify-content:center}.header-actions{width:100%;justify-content:center}.controls-wrapper{flex-direction:column;gap:15px}.device-selector{width:100%;justify-content:center}.device-btn{flex:1;min-width:60px}.preview-content-wrapper{padding:20px 10px}.device-content{padding:15px}.preview-container{padding:20px!important}.component-label-top{min-width:150px}.preview-component-card{padding:15px}.component-info-bottom{padding:6px 10px}}@media (max-width: 576px){.template-icon-wrapper{width:60px;height:60px}.header-actions .btn{padding:10px 20px}.device-btn{padding:8px 12px}.device-btn span{display:none}.preview-device-frame{border-radius:12px}.empty-icon{width:80px;height:80px}.component-label-top{min-width:120px}.preview-component-card{padding:12px}.component-info-bottom{padding:6px 8px}}.request-form-container{padding:30px;min-height:100vh}.request-form-step-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:0 20px;max-width:900px;margin-left:auto;margin-right:auto}.request-form-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.request-form-step-number{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;margin-bottom:14px;transition:all .3s ease;border:4px solid #e5e7eb;background:#fff;color:#9ca3af;position:relative;z-index:2;box-shadow:0 2px 8px #0000001a}.request-form-step-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.15);box-shadow:0 8px 20px #667eea66}.request-form-step-number.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.request-form-step-title{text-align:center;font-weight:600;color:#6b7280;transition:all .3s ease}.request-form-step-title.active{color:#667eea;font-weight:700}.request-form-step-title.completed{color:#10b981}.request-form-step-connector{position:absolute;top:27px;left:50%;width:100%;height:4px;background:#e5e7eb;z-index:1;transition:all .3s ease}.request-form-step-connector.active{background:linear-gradient(90deg,#667eea,#764ba2)}.request-form-step-connector.completed{background:linear-gradient(90deg,#10b981,#059669)}.request-form-step:last-child .request-form-step-connector{display:none}.request-form-content{background:#fff;border-radius:20px;padding:35px;box-shadow:0 10px 40px #0000001a;max-width:1400px;margin:0 auto}@media (max-width: 992px){.request-form-container{padding:20px}.request-form-content{padding:28px}.request-form-step-number{width:65px;height:65px;font-size:24px}.request-form-step-title{font-size:16px}}@media (max-width: 768px){.request-form-container{padding:15px}.request-form-step-progress{margin-bottom:2rem;padding:0 10px}.request-form-step{max-width:120px}.request-form-step-number{width:55px;height:55px;font-size:20px;margin-bottom:10px}.request-form-step-title{font-size:14px}.request-form-step-connector{top:27px;height:3px}.request-form-content{padding:22px;border-radius:15px}}@media (max-width: 480px){.request-form-container{padding:10px}.request-form-step-progress{margin-bottom:1.5rem;padding:0 5px}.request-form-step{max-width:100px}.request-form-step-number{width:50px;height:50px;font-size:18px;margin-bottom:8px}.request-form-step-title{font-size:13px;line-height:1.2}.request-form-step-connector{top:25px;height:2px}.request-form-content{padding:18px;border-radius:12px}}.job-details-section{padding:20px 0}.job-details-section h4{margin-bottom:30px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.job-details-form{width:100%}.job-details-form-group{margin-bottom:25px}.job-details-form-group label{display:block;margin-bottom:10px;font-weight:600;color:#374151}.job-details-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;transition:all .3s ease;background:#fff}.job-details-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.job-details-input:read-only{background-color:#f3f4f6;cursor:not-allowed}.job-details-required{color:#ef4444;margin-left:4px}.job-details-type-buttons{display:flex;flex-wrap:wrap;gap:12px}.job-details-type-button{flex:1;min-width:120px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;color:#6b7280}.job-details-type-button:hover{border-color:#667eea;background:#f5f3ff;transform:translateY(-2px)}.job-details-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.job-details-type-selected-indicator{background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;position:absolute;top:-8px;right:-8px}.job-details-shift-type-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.job-details-shift-type-button{padding:12px 10px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.job-details-shift-type-button:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.job-details-shift-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 6px 20px #667eea66}.job-details-shift-selected-indicator{background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;position:absolute;top:-8px;right:-8px}.job-details-selected-shifts-summary{margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:10px;border-left:4px solid #667eea}.job-details-selected-shifts-summary small{color:#6b7280;font-weight:500}.job-details-time-selector-group{background:#f9fafb;padding:20px;border-radius:12px;border:2px solid #e5e7eb}.job-details-individual-shift-time-container{margin-bottom:20px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff}.job-details-shift-time-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.job-details-shift-time-icon{color:#667eea}.job-details-shift-time-title{margin:0;color:#1f2937;font-weight:700}.job-details-time-selector-container{width:100%}.job-details-time-range-container{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}.job-details-time-input-group{flex:1;min-width:150px}.job-details-time-input-label{display:block;margin-bottom:8px;font-weight:600;color:#6b7280}.job-details-time-input-wrapper{display:flex;gap:8px}.job-details-time-select{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;transition:all .3s ease}.job-details-time-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.job-details-period-select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;min-width:70px;transition:all .3s ease}.job-details-period-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.job-details-time-separator{font-weight:700;color:#9ca3af;align-self:flex-end;padding-bottom:10px}.job-details-selected-time-display{margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:10px;display:flex;align-items:center;color:#065f46;font-weight:600}.job-details-all-shifts-summary{margin-top:24px;padding:20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:12px;border:2px solid #93c5fd}.job-details-all-shifts-summary h6{margin:0 0 16px;color:#1e40af;font-weight:700}.job-details-shift-summary-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;background:#fff9;border-radius:8px}.job-details-summary-shift-icon{color:#2563eb;min-width:24px}.job-details-summary-shift-name{font-weight:700;color:#1f2937;min-width:100px}.job-details-summary-shift-time{color:#6b7280;font-family:Courier New,monospace;background:#fffc;padding:4px 8px;border-radius:6px;font-weight:600}.job-details-section-heading{font-weight:700;color:#1f2937;margin-bottom:12px;margin-top:30px}.job-details-section-subtext{color:#6b7280;margin-bottom:20px}.job-details-location-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-details-add-office-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.job-details-add-office-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.job-details-button-group{display:flex;flex-wrap:wrap;gap:12px}.job-details-perks-container{display:flex;flex-wrap:wrap;gap:10px}.job-details-perk-button{padding:8px 14px;background:#fff;border:2px solid #e5e7eb;border-radius:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:600;color:#6b7280}.job-details-perk-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.job-details-perk-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.job-details-perk-icon{font-weight:700}.job-details-salary-breakup-box{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #fbbf24}.job-details-salary-breakup-box h6{margin:0 0 16px;color:#92400e;font-weight:700}.job-details-salary-breakup-box p{margin:8px 0;color:#78350f;line-height:1.6}.job-details-salary-breakup-box strong{color:#92400e}.job-details-optional-link{color:#667eea;font-weight:600;cursor:pointer;display:inline-block;margin-top:8px;transition:all .3s ease}.job-details-optional-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 992px){.job-details-type-buttons{flex-direction:column}.job-details-type-button{width:100%}}@media (max-width: 768px){.job-details-shift-type-container{grid-template-columns:repeat(2,1fr)}.job-details-time-range-container{flex-direction:column;align-items:stretch}.job-details-time-input-group{width:100%}.job-details-location-header-section{flex-direction:column;align-items:flex-start;gap:12px}.job-details-section h4{font-size:28px}}@media (max-width: 576px){.job-details-shift-type-container{grid-template-columns:1fr}.job-details-form-group{margin-bottom:20px}.job-details-section-heading{font-size:20px}.job-details-perks-container{gap:8px}.job-details-perk-button{padding:8px 14px;font-size:15px}}.candidate-req-section{padding:20px 0}.candidate-req-section h4{margin-bottom:30px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.candidate-req-form{width:100%}.candidate-req-form-group{margin-bottom:25px}.candidate-req-form-group label{display:block;margin-bottom:10px;font-weight:600;color:#374151;font-size:17px}.candidate-req-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:17px;transition:all .3s ease;background:#fff}.candidate-req-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.candidate-req-input::placeholder{color:#9ca3af}.candidate-req-type-buttons{display:flex;flex-wrap:wrap;gap:12px}.candidate-req-type-button{flex:1;min-width:100px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:15px;color:#6b7280}.candidate-req-type-button:hover{border-color:#667eea;background:#f5f3ff;transform:translateY(-2px)}.candidate-req-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.candidate-req-type-selected-indicator{background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;position:absolute;top:-8px;right:-8px}.candidate-req-perks-container{display:flex;flex-wrap:wrap;gap:10px}.candidate-req-perk-button{padding:8px 14px;background:#fff;border:2px solid #e5e7eb;border-radius:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:600;color:#6b7280;font-size:15px}.candidate-req-perk-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.candidate-req-perk-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.candidate-req-perk-icon{font-size:18px;font-weight:700}.candidate-req-hint{display:block;margin-top:8px;color:#6b7280;font-size:15px;font-style:italic}.candidate-req-buttons-container{display:flex;justify-content:center;gap:16px;margin-top:30px;flex-wrap:wrap}.candidate-req-btn-back{min-width:120px;padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:17px}.candidate-req-btn-back:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.candidate-req-btn-continue{min-width:120px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:17px}.candidate-req-btn-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.candidate-req-type-buttons{flex-direction:column}.candidate-req-type-button{width:100%;min-width:auto}.candidate-req-section h4{font-size:30px}.candidate-req-buttons-container{flex-direction:column;gap:12px}.candidate-req-btn-back,.candidate-req-btn-continue{width:100%}}@media (max-width: 576px){.candidate-req-form-group{margin-bottom:20px}.candidate-req-perks-container{gap:8px}.candidate-req-perk-button{padding:8px 14px;font-size:15px}}.preview-details-section{padding:15px}.preview-details-heading{font-weight:700;margin-bottom:12px;font-size:26px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-details-description{color:#6b7280;font-size:15px;margin-bottom:18px;line-height:1.5}.preview-details-sections{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.preview-details-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:18px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.preview-details-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea1f;transform:translateY(-2px)}.preview-details-card-heading{font-weight:700;margin-bottom:14px;font-size:19px;color:#1f2937;border-bottom:2px solid #f3f4f6;padding-bottom:8px;display:flex;align-items:center;gap:10px}.preview-details-icon{font-size:18px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);padding:8px;border-radius:8px;border:2px solid #c4b5fd;color:#7c3aed;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.preview-details-content{color:#374151;line-height:1.6}.preview-details-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px;border-radius:6px;transition:all .2s ease;margin-bottom:6px}.preview-details-row:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.preview-details-row strong{color:#1f2937;font-weight:700;min-width:150px;flex-shrink:0;font-size:14px}.preview-details-value{color:#6b7280;font-size:14px;line-height:1.5;font-weight:500}.preview-details-salary{color:#059669;font-weight:700;font-size:15px}.preview-details-datetime{color:#7c3aed;font-weight:600}.preview-details-badge{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:700;letter-spacing:.3px;display:inline-block;margin-right:4px;margin-bottom:4px}.preview-details-badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #6ee7b7}.preview-details-badge-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:2px solid #93c5fd}.preview-details-badge-location{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:2px solid #fbbf24}.preview-details-badge-no-fee{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #6ee7b7;font-weight:700;text-transform:uppercase}.preview-details-skills{display:flex;flex-wrap:wrap;gap:6px}.preview-details-skill-tag{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;border:2px solid #a5b4fc;transition:all .3s ease}.preview-details-skill-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.preview-details-documents{display:flex;flex-wrap:wrap;gap:6px}.preview-details-doc-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:6px 10px;border-radius:14px;font-size:11px;font-weight:600;border:2px solid #fbbf24;display:flex;align-items:center;gap:4px}.preview-details-sub-row{margin-left:18px;border-left:3px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:6px;padding:8px 12px;margin-top:6px}.preview-details-sub-row strong{min-width:130px}.preview-details-compensation{margin:10px 0;padding:14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;border-radius:10px;border-left:4px solid #10b981}.preview-details-compensation-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0}.preview-details-compensation-item:last-child{margin-bottom:0;border-top:2px solid #a7f3d0;padding-top:10px;font-weight:700}.preview-details-compensation-label{font-weight:700;color:#065f46;font-size:14px}.preview-details-compensation-value{font-weight:700;font-size:15px;color:#059669}.preview-details-incentive{color:#6b7280;font-weight:600}.preview-details-earning{color:#dc2626;font-size:16px;font-weight:700}.preview-details-perks{display:flex;flex-wrap:wrap;gap:6px}.preview-details-perk-tag{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#6b21a8;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;border:2px solid #c084fc;transition:all .3s ease}.preview-details-perk-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #a855f74d}.preview-details-additional-requirements{margin:12px 0;padding:14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:10px;border-left:4px solid #3b82f6}.preview-details-requirement-item{display:flex;align-items:flex-start;margin-bottom:10px;gap:12px}.preview-details-requirement-item:last-child{margin-bottom:0}.preview-details-requirement-label{font-weight:700;color:#1e3a8a;min-width:130px;flex-shrink:0;font-size:13px}.preview-details-requirement-value{color:#1e40af;font-size:13px;line-height:1.5;font-weight:500}.preview-details-job-description{background:#fefefe;border:2px solid #e5e7eb;border-radius:8px;padding:12px;margin-top:8px;line-height:1.6;box-shadow:inset 0 1px 3px #00000005}.preview-details-job-description p{margin-bottom:10px;color:#374151;font-size:13px}.preview-details-job-description p:last-child{margin-bottom:0}.preview-details-job-description ul{margin:8px 0 0 20px;padding:0}.preview-details-job-description li{margin-bottom:6px;color:#4b5563;font-size:13px;line-height:1.5}.preview-details-job-description strong{color:#1f2937;font-weight:700}.preview-details-recruiter-info{margin:12px 0;padding:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px;border-left:4px solid #f59e0b}.preview-details-recruiter-heading{color:#92400e;font-weight:700;margin-bottom:12px;font-size:16px;border-bottom:2px solid #fbbf24;padding-bottom:8px;display:flex;align-items:center;gap:8px}.preview-details-recruiter-item{display:flex;align-items:center;margin-bottom:8px;gap:12px;padding:6px 0}.preview-details-recruiter-item:last-child{margin-bottom:0}.preview-details-recruiter-label{font-weight:700;color:#92400e;min-width:130px;flex-shrink:0;font-size:13px}.preview-details-recruiter-value{color:#78350f;font-size:13px;font-weight:600;line-height:1.4}.preview-details-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.preview-details-btn{padding:10px 24px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:130px;height:44px;display:flex;align-items:center;justify-content:center}.preview-details-btn-cancel{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.preview-details-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #6b728033}.preview-details-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-details-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (max-width: 768px){.preview-details-section{padding:12px}.preview-details-heading{font-size:22px;margin-bottom:10px}.preview-details-description{font-size:13px;margin-bottom:15px}.preview-details-sections{gap:12px;margin-bottom:20px}.preview-details-card{padding:14px}.preview-details-card-heading{font-size:17px;margin-bottom:12px}.preview-details-row{flex-direction:column;gap:6px;padding:8px}.preview-details-row strong{min-width:auto;font-size:13px}.preview-details-value{font-size:13px}.preview-details-actions{flex-direction:column;align-items:stretch;gap:10px}.preview-details-btn{width:100%;height:40px;padding:10px 20px;font-size:14px}.preview-details-sub-row{margin-left:12px;padding:8px 10px}.preview-details-compensation{padding:12px}.preview-details-compensation-item{flex-direction:column;align-items:flex-start;gap:4px}.preview-details-requirement-item{flex-direction:column;gap:6px}.preview-details-requirement-label{min-width:auto}}@media (max-width: 576px){.preview-details-section{padding:10px}.preview-details-heading{font-size:20px}.preview-details-description{font-size:12px}.preview-details-card{padding:12px}.preview-details-card-heading{font-size:16px;margin-bottom:10px}.preview-details-btn{height:38px;font-size:13px;padding:8px 16px}.preview-details-compensation{padding:10px}.preview-details-compensation-label{font-size:12px}.preview-details-compensation-value{font-size:13px}.preview-details-earning{font-size:14px}.preview-details-job-description{padding:10px}.preview-details-job-description p,.preview-details-job-description li{font-size:12px}}.preview-details-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:9999;animation:preview-details-fadeIn .3s ease}@keyframes preview-details-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes preview-details-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes preview-details-checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.preview-details-success-modal{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:preview-details-slideUp .4s ease;border:1px solid rgba(255,255,255,.2)}.preview-details-modal-icon{display:flex;justify-content:center;padding:28px 20px 12px;animation:preview-details-checkmark .6s ease .2s both}.preview-details-success-icon{width:64px;height:64px;color:#10b981;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.preview-details-modal-body{padding:12px 24px 20px;text-align:center}.preview-details-modal-title{margin:0 0 10px;font-size:24px;font-weight:700;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-details-modal-message{margin:0;font-size:15px;color:#6b7280;line-height:1.6;text-align:center}.preview-details-modal-footer{padding:0 24px 24px;display:flex;justify-content:center}.preview-details-modal-ok-btn{padding:10px 40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;min-width:140px}.preview-details-modal-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.preview-details-modal-ok-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.manage-staff-container{padding:24px;min-height:100vh}.stats-header{background:linear-gradient(135deg,#3b4d77,#4a5c8a,#5a6fa0);border-radius:20px;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #3b4d7733;position:relative;overflow:hidden}.stats-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.stats-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.stats-icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stats-icon svg{width:36px;height:36px;color:#fff}.stats-text{color:#fff}.stats-title{font-weight:700;margin:0 0 8px;line-height:1.2}.stats-subtitle{margin:0;opacity:.9;font-weight:400;line-height:1.4;max-width:400px}.stats-cards{display:flex;gap:16px;position:relative;z-index:1}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px 20px;text-align:center;min-width:120px;transition:all .3s ease}.stat-card:hover{background:#ffffff26;transform:translateY(-2px)}.stat-number{font-weight:700;color:#fff;margin-bottom:8px;line-height:1}.stat-label{font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;margin-top:4px}.stat-card-total .stat-number{color:#fbbf24}.stat-card-pending .stat-number{color:#f59e0b}.stat-card-accepted .stat-number{color:#10b981}.stat-card-inprocess .stat-number{color:#3b82f6}.add-new-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.add-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea59;background:linear-gradient(135deg,#5a6fd8,#6b4f9e)}.add-new-btn:active{transform:translateY(0);box-shadow:0 3px 10px #667eea66}.stat-label-msr{font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.search-filter-section{display:flex;justify-content:space-between;margin-bottom:24px;align-items:center}.filter-actions-row{display:flex;gap:12px;align-items:center}.search-bar{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:14px 20px 14px 48px;border:2px solid #e2e8f0;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:#1e293b}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.search-input::placeholder{color:#94a3b8;font-weight:400}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#ffffffe6;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:#667eea;background:#fff;color:#667eea}.filter-panel{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px;margin-bottom:0}.filter-group label{font-weight:600;color:#374151;margin-bottom:8px;display:block;line-height:1.4}.filter-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-actions{display:flex;flex-direction:column;justify-content:flex-end;margin-top:0;padding-top:24px}.btn-secondary{padding:12px 20px;background:transparent;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#94a3b8;background:#f8fafc}.results-summary{margin-bottom:20px;padding:0 4px}.results-count{color:#64748b;font-weight:500}.table-container{background:transparent}.staff-requests-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.request-card-horizontal{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;min-height:100px}.request-card-horizontal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.request-card-horizontal:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card-left-section{flex:1;display:flex;flex-direction:column;gap:10px;padding-right:20px}.job-main-info{flex:1}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px}.job-title{font-size:16px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;flex:1}.job-role{font-size:13px;color:#64748b;margin:0 0 6px;font-weight:500}.company-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.company-name{font-size:13px;font-weight:600;color:#475569}.separator{color:#94a3b8;font-weight:700;font-size:13px}.location-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.location-icon{font-size:12px;color:#667eea}.job-details-row{display:flex;gap:16px;margin-bottom:0;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;font-weight:500}.detail-icon{color:#667eea;flex-shrink:0}.shifts-section{display:none}.shifts-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px;display:block}.shifts-tags{display:flex;gap:4px;flex-wrap:wrap}.shift-tag{padding:3px 10px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;font-size:12px;font-weight:500;color:#475569}.card-right-section{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;min-width:auto;padding-left:16px;border-left:1px solid #f1f5f9}.applicants-section{text-align:center;padding:8px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:1px solid rgba(102,126,234,.2);min-width:auto}.applicants-count{font-size:20px;font-weight:700;color:#667eea;line-height:1;margin-bottom:2px}.applicants-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.status-badge{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.status-accepted{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.status-inprocess{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.card-actions{display:flex;gap:6px;justify-content:flex-end;padding-top:0;border-top:none}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:visible;padding:0;margin:0;box-sizing:border-box}.view-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;box-shadow:0 2px 8px #3b82f640}.view-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #3b82f659}.view-btn svg,.view-btn *{color:#fff!important;fill:#fff!important;width:16px;height:16px}.edit-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 2px 8px #10b98140}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #10b98159}.edit-btn svg,.edit-btn *{color:#fff!important;fill:#fff!important;width:16px;height:16px}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 2px 8px #ef444440}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #ef444459}.delete-btn svg,.delete-btn *{color:#fff!important;fill:#fff!important;width:16px;height:16px}.no-results{text-align:center;padding:80px 20px;color:#64748b}.no-results-icon{margin-bottom:24px;opacity:.6}.no-results h3{font-weight:600;color:#374151;margin:0 0 12px}.no-results p{margin:0;color:#64748b}@media (max-width: 1024px){.stats-header{flex-direction:column;gap:24px;text-align:center;padding:28px 32px}.stats-content{justify-content:center}.stats-cards{justify-content:center;flex-wrap:wrap}.stat-card{min-width:100px}.request-card-horizontal{min-height:140px}.card-left-section{padding-right:20px}.card-right-section{min-width:120px;padding-left:20px}.job-details-row{gap:16px}}@media (max-width: 768px){.manage-staff-container{padding:16px}.stats-header{padding:24px 20px;margin-bottom:20px}.stats-icon{width:60px;height:60px}.stats-icon svg{width:28px;height:28px}.stat-card{padding:16px 12px;min-width:80px}.search-filter-section{flex-direction:column;gap:12px;align-items:stretch}.search-bar{max-width:none}.filter-actions-row{justify-content:space-between}.filter-row{flex-direction:column;gap:16px;align-items:stretch}.filter-group{min-width:auto}.filter-actions{align-items:stretch}.btn-secondary{width:100%}.staff-requests-grid{gap:16px}.request-card-horizontal{flex-direction:column;min-height:auto;padding:20px}.card-left-section{padding-right:0;padding-bottom:16px}.card-right-section{flex-direction:row;align-items:center;justify-content:space-between;min-width:auto;padding-left:0;padding-top:16px;border-left:none;border-top:1px solid #f1f5f9}.applicants-section{padding:12px 16px;min-width:80px}.job-header{flex-direction:column;gap:12px;align-items:flex-start}.job-details-row{flex-direction:column;gap:8px}.card-actions{gap:8px}.action-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:18px}.action-btn svg{width:16px;height:16px;color:#fff!important}}@media (max-width: 480px){.manage-staff-container{padding:12px}.stats-header{padding:20px 16px;border-radius:16px}.stats-content{flex-direction:column;gap:16px}.stats-cards{gap:8px}.stat-card{padding:12px 8px;min-width:70px}.add-new-btn{padding:10px 16px}.search-input{padding:12px 16px 12px 44px}.filter-toggle-btn{padding:12px 16px}.filter-panel{padding:16px;border-radius:12px}.request-card-horizontal{padding:16px;border-radius:16px}.status-badge{padding:4px 10px}.shifts-tags{gap:4px}.shift-tag{padding:3px 8px}.company-info{flex-direction:column;align-items:flex-start;gap:4px}.separator{display:none}.applicants-section{padding:8px 12px}.action-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:16px}.action-btn svg{width:14px;height:14px;color:#fff!important}}.request-card-horizontal{animation:fadeInUp .6s ease-out}.request-card-horizontal:nth-child(1){animation-delay:.1s}.request-card-horizontal:nth-child(2){animation-delay:.2s}.request-card-horizontal:nth-child(3){animation-delay:.3s}.request-card-horizontal:nth-child(4){animation-delay:.4s}.request-card-horizontal:nth-child(5){animation-delay:.5s}.request-card-horizontal:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.request-card-horizontal:hover .status-badge{transform:scale(1.05)}.request-card-horizontal:hover .applicants-section{background:linear-gradient(135deg,#667eea26,#764ba226)}.action-btn:active{transform:translateY(0) scale(.95)}.action-btn svg{width:18px;height:18px;display:block;margin:0;fill:currentColor;color:#fff!important;z-index:2;position:relative}.search-icon,.search-icon svg{width:16px;height:16px;display:inline-block;vertical-align:middle}.add-new-btn svg{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:4px}.filter-toggle-btn svg{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:4px}.detail-icon,.detail-icon svg{width:13px;height:13px;display:inline-block;vertical-align:middle;flex-shrink:0}.location-icon,.location-icon svg{width:12px;height:12px;display:inline-block;vertical-align:middle;flex-shrink:0}svg{fill:currentColor}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.delete-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:450px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.modal-title{font-weight:700;color:#fff;margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#fff3;color:#fff;cursor:pointer;transition:all .3s ease}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-close-btn svg{width:14px;height:14px}.modal-body{padding:24px;text-align:center;background:#fff}.delete-warning-icon{margin-bottom:16px;display:block}.delete-message{font-weight:600;color:#374151;margin:0 0 16px;line-height:1.5}.request-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin:16px 0;text-align:left}.request-details strong{color:#1e293b;font-weight:700}.detail-text{color:#64748b;font-weight:500}.delete-warning{color:#ef4444;margin:16px 0 0;font-weight:500}.modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end;background:#fff;border-radius:0 0 16px 16px}.btn-cancel{padding:12px 24px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.btn-delete{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ef44444d}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-delete:active{transform:translateY(0)}@media (max-width: 480px){.delete-modal{width:95%;margin:20px}.modal-header{padding:20px 20px 12px}.modal-body{padding:20px}.modal-actions{flex-direction:column;padding:12px 20px 20px}.btn-cancel,.btn-delete{width:100%;justify-content:center;display:flex}}.search-input:focus,.filter-select:focus,.action-btn:focus,.add-new-btn:focus,.filter-toggle-btn:focus,.btn-secondary:focus{outline:2px solid #667eea;outline-offset:2px}.msr-pagination-wrapper{margin-top:2rem}.msr-pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:8px}.msr-page-btn{border-radius:8px;overflow:hidden}.msr-page-btn button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;transition:all .3s ease;font-weight:600;border-radius:8px;font-size:14px}.msr-page-btn:hover:not(.disabled) button{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.msr-page-btn.active button{background:#667eea;color:#fff;border-color:#667eea}.msr-page-btn.disabled button{opacity:.5;cursor:not-allowed}.brandregistry-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.brandregistry-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.brandregistry-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.brandregistry-header-icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.brandregistry-header-icon i,.brandregistry-header-text{color:#fff}.brandregistry-header-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brandregistry-header-description{opacity:.9;margin-bottom:0;line-height:1.5}.brandregistry-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:1}.brandregistry-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.brandregistry-stat-card .stat-number{font-weight:700;margin-bottom:8px;line-height:1}.brandregistry-stat-card .stat-label{font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;opacity:.8;line-height:1}.brandregistry-stat-card.total .stat-number{color:#6366f1}.brandregistry-stat-card.pending .stat-number{color:#f59e0b}.brandregistry-stat-card.review .stat-number{color:#3b82f6}.brandregistry-stat-card.approved .stat-number{color:#10b981}.brandregistry-tabs{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.brandregistry-tabs .nav-tabs{border-bottom:none;margin-bottom:0}.brandregistry-tabs .nav-link{background:transparent;border:none;border-radius:0;padding:20px 32px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.brandregistry-tabs .nav-link:hover{background:#667eea0d;color:#667eea;border-color:transparent}.brandregistry-tabs .nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-bottom-color:#667eea}.brandregistry-tabs .nav-link .badge{font-weight:600;padding:4px 8px}.brandregistry-cards-container{margin-bottom:24px}.brandregistry-horizontal-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;overflow:hidden;background:#fff}.brandregistry-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a;border-color:#667eea}.brandregistry-horizontal-card .card-body{padding:24px}.brandregistry-brand-logo{width:80px;height:60px;object-fit:contain;border-radius:12px;border:2px solid #f3f4f6;background:#fff;padding:8px;transition:all .3s ease}.brandregistry-horizontal-card:hover .brandregistry-brand-logo{border-color:#667eea;transform:scale(1.05)}.brandregistry-brand-info{padding-left:8px}.brandregistry-brand-name{color:#111827;font-weight:700;margin-bottom:8px;line-height:1.2}.brandregistry-brand-info .text-muted{color:#6b7280;font-weight:500}.brandregistry-brand-info .text-muted i{color:#667eea;margin-right:6px}.brandregistry-registry-info{text-align:left;padding:0 8px}.brandregistry-registry-info small{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.brandregistry-registry-info .fw-medium{font-weight:600;color:#374151;line-height:1.4}.brandregistry-status{padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none}.brandregistry-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #f59e0b4d}.brandregistry-status-reverify{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.brandregistry-status-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b9814d}.brandregistry-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef44444d}.brandregistry-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.brandregistry-accept-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.brandregistry-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.brandregistry-view-details-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.brandregistry-view-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.brandregistry-timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9;margin-bottom:12px}.brandregistry-timer .timer-icon{width:32px;height:32px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.brandregistry-timer .timer-content{flex:1}.brandregistry-timer .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.brandregistry-timer .timer-countdown{font-weight:700;color:#0c4a6e}.brandregistry-timer-expired{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;border:1px solid #10b981;color:#065f46;font-weight:600;margin-bottom:12px}.brandregistry-timer-mobile{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:1px solid #0ea5e9;justify-content:center}.brandregistry-timer-mobile .timer-icon{width:28px;height:28px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.brandregistry-timer-mobile .timer-content .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.brandregistry-timer-mobile .timer-content .timer-countdown{font-weight:700;color:#0c4a6e}.brandregistry-timer-expired-mobile{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;border:1px solid #10b981;color:#065f46;font-weight:600;justify-content:center}.brandregistry-rejected-section{text-align:center}.brandregistry-rejected-reason{padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;margin-top:8px}.brandregistry-rejected-section-mobile{text-align:center}.brandregistry-rejected-reason-mobile{padding:6px 10px;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444;margin-top:6px}.brandregistry-actions-mobile{display:flex;flex-direction:column;gap:8px;align-items:center}.brandregistry-accept-btn-mobile{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.brandregistry-accept-btn-mobile:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.brandregistry-view-details-btn-mobile{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.brandregistry-view-details-btn-mobile:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.brandregistry-no-data{padding:60px 20px;text-align:center;color:#6b7280}.brandregistry-no-data i{opacity:.5;margin-bottom:24px}.brandregistry-no-data h5{margin-bottom:12px;font-weight:600;color:#374151}.brandregistry-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brandregistry-popup-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.brandregistry-popup-header{padding:32px 32px 24px;position:relative;text-align:center}.brandregistry-popup-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.brandregistry-popup-header.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.brandregistry-popup-header .popup-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5)}.brandregistry-popup-header .popup-title{font-weight:700;margin:0;line-height:1.3}.brandregistry-popup-header .popup-close-btn{position:absolute;top:16px;right:16px;background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:inherit}.brandregistry-popup-header .popup-close-btn:hover{background:#ffffff80;transform:scale(1.1)}.brandregistry-popup-body{padding:24px 32px 32px;text-align:center}.brandregistry-popup-body .popup-brand-info{margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea;color:#374151}.brandregistry-popup-body .popup-timer-info{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.brandregistry-popup-body .timer-display{display:flex;align-items:center;justify-content:center;gap:12px;color:#0c4a6e;font-weight:600}.brandregistry-popup-body .timer-display i{color:#0ea5e9}.brandregistry-popup-body .popup-message{line-height:1.6;color:#4b5563;margin:0}.brandregistry-popup-footer{padding:0 32px 32px;text-align:center}.brandregistry-popup-footer .btn{padding:14px 32px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.brandregistry-popup-footer .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.brandregistry-popup-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.brandregistry-popup-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.brandregistry-popup-footer .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.no-data{padding:40px 20px;text-align:center}.no-data i{opacity:.5}.no-data h6{margin-top:16px;margin-bottom:8px;font-weight:600}.brandregistry-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.brandregistry-pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:8px}.brandregistry-page-btn{display:flex}.brandregistry-page-btn button{padding:10px 16px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.brandregistry-page-btn button:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.brandregistry-page-btn.active button{background:#667eea;border-color:#667eea;color:#fff}.brandregistry-page-btn.disabled button{opacity:.5;cursor:not-allowed}.brandregistry-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brandregistry-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.brandregistry-modal .modal-header{padding:24px 24px 0;border-bottom:none}.brandregistry-modal .modal-title{font-weight:600;color:#111827;margin:0}.brandregistry-modal .btn-close{background:none;border:none;opacity:.5;cursor:pointer}.brandregistry-modal .modal-body{padding:24px}.confirmation-content{text-align:center}.brand-info{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:20px}.confirmation-logo{width:60px;height:40px;object-fit:contain;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.brand-details{text-align:left;flex:1}.brand-details h6{margin:0 0 4px;font-weight:600;color:#111827}.brand-details p{margin:0;color:#6b7280}.confirmation-message{color:#374151;margin:0;line-height:1.5}.brandregistry-modal .modal-footer{padding:0 24px 24px;border-top:none;display:flex;gap:12px;justify-content:flex-end}.brandregistry-modal .modal-footer .btn{padding:12px 24px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.brandregistry-modal .modal-footer .btn-secondary{background:#6b7280;color:#fff}.brandregistry-modal .modal-footer .btn-secondary:hover{background:#4b5563}.brandregistry-modal .modal-footer .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.brandregistry-modal .modal-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.brandregistry-modal .modal-footer .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.brandregistry-modal .modal-footer .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width: 768px){.section{padding:16px}.brandregistry-header{padding:24px 20px;flex-direction:column;gap:24px;text-align:center}.brandregistry-header-content{flex-direction:column;text-align:center}.brandregistry-header-icon{width:60px;height:60px}.brandregistry-filters{padding:20px 16px}.brandregistry-filters .row{gap:16px}.brandregistry-table-container{overflow-x:auto}.brandregistry-table{min-width:800px}.brandregistry-pagination-wrapper{flex-direction:column;gap:16px;padding:20px 16px}.brandregistry-modal{width:95%;margin:20px}.brand-info{flex-direction:column;text-align:center}.brand-details{text-align:center}}@media (max-width: 480px){.brandregistry-header{padding:20px 16px}.brandregistry-stat-card{padding:16px 12px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{width:100%;padding:6px 12px}.brandregistry-modal .modal-footer{flex-direction:column}.brandregistry-modal .modal-footer .btn{width:100%}}.viewbrandregistry-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh}.viewbrandregistry-header{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewbrandregistry-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.viewbrandregistry-back-btn{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewbrandregistry-back-btn:hover{background:#5a6268;transform:translate(-3px)}.viewbrandregistry-status-badge{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#d63031;padding:10px 20px;border-radius:25px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #fdcb6e4d}.viewbrandregistry-header-content{text-align:center}.viewbrandregistry-title{font-weight:800;color:#2d3436;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viewbrandregistry-brand-name{font-weight:600;color:#0984e3;margin-bottom:5px}.viewbrandregistry-registry-name{color:#636e72;font-weight:500}.viewbrandregistry-step-progress{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.viewbrandregistry-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative}.viewbrandregistry-step-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#e9ecef;z-index:1}.viewbrandregistry-step-item{display:flex;flex-direction:column;align-items:center;z-index:2;background:#fff;padding:0 10px;position:relative}.viewbrandregistry-step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s ease;background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.viewbrandregistry-step-item.active .viewbrandregistry-step-number{background:linear-gradient(135deg,#0984e3,#74b9ff);border-color:#0984e3;color:#fff;transform:scale(1.1)}.viewbrandregistry-step-item.completed .viewbrandregistry-step-number{background:linear-gradient(135deg,#00b894,#55efc4);border-color:#00b894;color:#fff}.viewbrandregistry-step-title{font-weight:600;text-align:center;color:#6c757d;max-width:80px;line-height:1.2}.viewbrandregistry-step-item.active .viewbrandregistry-step-title{color:#0984e3}.viewbrandregistry-step-item.completed .viewbrandregistry-step-title{color:#00b894}.viewbrandregistry-step-content{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;min-height:400px}.viewbrandregistry-section-title{font-weight:700;color:#2d3436;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #0984e3;position:relative}.viewbrandregistry-section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:30px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.viewbrandregistry-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.viewbrandregistry-info-item:last-child{border-bottom:none}.viewbrandregistry-info-label{font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px;min-width:140px}.viewbrandregistry-info-value{color:#2d3436;font-weight:500;text-align:right;flex:1}.viewbrandregistry-info-value.needs-verification{color:#f59e0b;font-weight:600}.viewbrandregistry-info-value-with-status{display:flex;flex-direction:column;gap:12px}.viewbrandregistry-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.viewbrandregistry-link:hover{color:#5a67d8;text-decoration:underline}.viewbrandregistry-brand-logo{width:120px;height:80px;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;background:#fff;padding:8px}.viewbrandregistry-description{background:#f0f9ff;padding:16px;border-radius:8px;border-left:4px solid #0ea5e9;color:#0c4a6e;line-height:1.6;font-style:italic}.viewbrandregistry-info-value-with-status{display:flex;flex-direction:column;gap:8px}.viewbrandregistry-verification-status{display:flex;align-items:center;justify-content:flex-end;gap:6px}.viewbrandregistry-verified-icon{color:#00b894}.viewbrandregistry-unverified-icon{color:#e17055}.viewbrandregistry-status-text{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewbrandregistry-status-text.verified{color:#00b894}.viewbrandregistry-status-text.unverified{color:#e17055}.viewbrandregistry-info-value.needs-verification{color:#dc3545;font-weight:600}.viewbrandregistry-view-certificate-btn.needs-verification{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff}.viewbrandregistry-view-certificate-btn.needs-verification:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.viewbrandregistry-manual-verification{background:#fff5f5;border:2px solid #fed7d7;border-radius:10px;padding:15px;margin-top:10px}.viewbrandregistry-warning-icon{color:#dc3545;margin-right:8px}.viewbrandregistry-warning-text{color:#dc3545;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;margin-bottom:8px}.viewbrandregistry-warning-description{color:#721c24;line-height:1.4;margin:0;font-style:italic}.viewbrandregistry-trademark-status{padding:6px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewbrandregistry-trademark-status.registered{background:#d1fae5;color:#065f46}.viewbrandregistry-trademark-status.pending{background:#fef3c7;color:#92400e}.viewbrandregistry-address-section{margin-top:32px;padding:24px;background:#f8fafc;border-radius:16px;border:2px solid #e5e7eb}.viewbrandregistry-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.viewbrandregistry-document-item{background:#f8fafc;border-radius:16px;padding:24px;border:2px solid #e5e7eb;transition:all .3s ease}.viewbrandregistry-document-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.viewbrandregistry-document-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.viewbrandregistry-document-name{font-weight:600;color:#374151;margin:0;line-height:1.3}.viewbrandregistry-document-status{padding:4px 12px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewbrandregistry-document-status.uploaded{background:#d1fae5;color:#065f46}.viewbrandregistry-document-status.pending{background:#fef3c7;color:#92400e}.viewbrandregistry-upload-date{color:#6b7280;font-weight:500}.viewbrandregistry-view-certificate-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 10px #0984e34d;text-transform:uppercase;letter-spacing:.5px}.viewbrandregistry-view-certificate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0984e366}.viewbrandregistry-view-document-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:12px 0}.viewbrandregistry-view-document-btn:hover{background:linear-gradient(135deg,#0670d1,#5fa7e8);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.viewbrandregistry-document-verification{margin-top:12px}.viewbrandregistry-review-summary{padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px solid #e2e8f0}.viewbrandregistry-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.viewbrandregistry-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border-left:4px solid #667eea}.viewbrandregistry-summary-label{font-weight:600;color:#667eea}.viewbrandregistry-summary-value{font-weight:500;color:#374151}.viewbrandregistry-verification-summary{margin-bottom:32px}.viewbrandregistry-verification-list{display:grid;gap:12px}.viewbrandregistry-verification-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px}.viewbrandregistry-status.verified{color:#065f46;font-weight:600}.viewbrandregistry-status.unverified{color:#991b1b;font-weight:600}.viewbrandregistry-status.pending{color:#92400e;font-weight:600}.viewbrandregistry-approval-notice{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:12px;border:2px solid #fed7aa}.viewbrandregistry-notice-icon{color:#f59e0b;margin-top:4px}.viewbrandregistry-notice-content h4{color:#92400e;font-weight:700;margin-bottom:8px}.viewbrandregistry-notice-content p{color:#78350f;margin:0;line-height:1.5}.viewbrandregistry-request-changes{background:#fff;border-radius:16px;padding:32px 40px;margin-bottom:32px;box-shadow:0 4px 16px #0000000d;border:2px solid #fbbf24}.viewbrandregistry-request-title{font-weight:700;color:#92400e;margin-bottom:16px}.viewbrandregistry-request-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;resize:vertical;transition:all .3s ease}.viewbrandregistry-request-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.viewbrandregistry-request-actions{display:flex;gap:12px;margin-top:16px}.viewbrandregistry-submit-request-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.viewbrandregistry-submit-request-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.viewbrandregistry-cancel-request-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.viewbrandregistry-cancel-request-btn:hover{background:#4b5563;transform:translateY(-2px)}.viewbrandregistry-step-navigation{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewbrandregistry-left-actions{flex:1}.viewbrandregistry-step-actions{display:flex;gap:16px}.viewbrandregistry-prev-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.viewbrandregistry-prev-btn:hover{background:#4b5563;transform:translateY(-2px)}.viewbrandregistry-request-changes-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.viewbrandregistry-request-changes-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.viewbrandregistry-next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.viewbrandregistry-next-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.viewbrandregistry-document-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewbrandregistry-document-modal{background:#fff;border-radius:20px;width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.viewbrandregistry-document-modal-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.viewbrandregistry-document-modal-title{font-weight:700;color:#111827;margin:0}.viewbrandregistry-document-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.viewbrandregistry-document-modal-close:hover{background:#f3f4f6;color:#374151}.viewbrandregistry-document-modal-body{padding:32px;max-height:60vh;overflow-y:auto}.viewbrandregistry-document-display{text-align:center}.viewbrandregistry-document-placeholder{padding:40px 20px}.viewbrandregistry-document-icon{margin-bottom:20px}.viewbrandregistry-document-placeholder h4{font-weight:600;color:#374151;margin-bottom:8px}.viewbrandregistry-document-placeholder p{color:#6b7280;margin-bottom:24px}.viewbrandregistry-document-sample{background:#f8fafc;border-radius:12px;padding:24px;margin:20px 0;border:2px dashed #d1d5db}.viewbrandregistry-document-sample p{margin:8px 0;color:#6b7280}.viewbrandregistry-document-info{background:#fff;border-radius:12px;padding:20px;margin-top:20px;border:1px solid #e5e7eb}.viewbrandregistry-document-info p{margin:8px 0;display:flex;justify-content:space-between;align-items:center}.document-status.uploaded,.verification-status.verified{color:#065f46;font-weight:600}.verification-status.pending{color:#92400e;font-weight:600}.viewbrandregistry-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.viewbrandregistry-section{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.viewbrandregistry-section:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.viewbrandregistry-section-full{grid-column:1 / -1}.viewbrandregistry-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.viewbrandregistry-address-item{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #0984e3}@media (max-width: 768px){.viewbrandregistry-step-indicator{flex-wrap:wrap;gap:15px}.viewbrandregistry-step-indicator:before{display:none}.viewbrandregistry-step-item{flex-direction:row;padding:0;gap:10px}.viewbrandregistry-step-number{margin-bottom:0;width:30px;height:30px}.viewbrandregistry-step-title{max-width:none}.viewbrandregistry-step-navigation{flex-direction:column;gap:15px}.viewbrandregistry-step-actions{width:100%;justify-content:center}}@media (max-width: 768px){.viewbrandregistry-content-grid{grid-template-columns:1fr;gap:20px}.viewbrandregistry-header-top{flex-direction:column;gap:15px;align-items:flex-start}.viewbrandregistry-address-grid{grid-template-columns:1fr}.viewbrandregistry-actions{flex-direction:column}.viewbrandregistry-reject-btn,.viewbrandregistry-approve-btn{width:100%}.viewbrandregistry-info-item{flex-direction:column;align-items:flex-start;gap:5px}.viewbrandregistry-info-value{text-align:left}}@media (max-width: 480px){.viewbrandregistry-header,.viewbrandregistry-section{padding:20px}}.existingproduct-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.existingproduct-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.existingproduct-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.existingproduct-header-icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.existingproduct-header-icon i,.existingproduct-header-text{color:#fff}.existingproduct-header-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.existingproduct-header-description{opacity:.9;margin-bottom:0;line-height:1.5}.existingproduct-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:1}.existingproduct-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.existingproduct-stat-card .stat-number{font-weight:700;margin-bottom:8px;line-height:1}.existingproduct-stat-card .stat-label{font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;opacity:.8;line-height:1}.existingproduct-stat-card.total .stat-number{color:#6366f1}.existingproduct-stat-card.pending .stat-number{color:#f59e0b}.existingproduct-stat-card.review .stat-number{color:#3b82f6}.existingproduct-stat-card.approved .stat-number{color:#10b981}.existingproduct-tabs{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.existingproduct-tabs .nav-tabs{border-bottom:none;margin-bottom:0}.existingproduct-tabs .nav-link{background:transparent;border:none;border-radius:0;padding:20px 32px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.existingproduct-tabs .nav-link:hover{background:#667eea0d;color:#667eea;border-color:transparent}.existingproduct-tabs .nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-bottom-color:#667eea}.existingproduct-tabs .nav-link .badge{font-weight:600;padding:4px 8px}.existingproduct-cards-container{margin-bottom:24px}.existingproduct-horizontal-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;overflow:hidden;background:#fff}.existingproduct-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a;border-color:#667eea}.existingproduct-horizontal-card .card-body{padding:24px}.existingproduct-product-image{width:80px;height:80px;object-fit:contain;border-radius:12px;border:2px solid #f3f4f6;background:#fff;padding:8px;transition:all .3s ease}.existingproduct-horizontal-card:hover .existingproduct-product-image{border-color:#667eea;transform:scale(1.05)}.existingproduct-product-info{padding-left:8px}.existingproduct-product-name{color:#111827;font-weight:700;margin-bottom:8px;line-height:1.2}.existingproduct-product-info .text-muted{color:#6b7280;font-weight:500}.existingproduct-product-info .text-muted i{color:#667eea;margin-right:6px}.existingproduct-product-info .text-success{color:#10b981!important;font-weight:700}.existingproduct-product-info .text-success i{color:#10b981;margin-right:6px}.existingproduct-seller-info{text-align:left;padding:0 8px}.existingproduct-seller-info small{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.existingproduct-seller-info .fw-medium{font-weight:600;color:#374151;line-height:1.4}.existingproduct-status{padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none}.existingproduct-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #f59e0b4d}.existingproduct-status-reverify{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.existingproduct-status-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b9814d}.existingproduct-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef44444d}.existingproduct-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.existingproduct-accept-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.existingproduct-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.existingproduct-view-details-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.existingproduct-view-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.existingproduct-timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9;margin-bottom:12px}.existingproduct-timer .timer-icon{width:32px;height:32px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.existingproduct-timer .timer-content{flex:1}.existingproduct-timer .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.existingproduct-timer .timer-countdown{font-weight:700;color:#0c4a6e}.existingproduct-timer-expired{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;border:1px solid #10b981;color:#065f46;font-weight:600;margin-bottom:12px}.existingproduct-timer-mobile{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:1px solid #0ea5e9;justify-content:center}.existingproduct-timer-mobile .timer-icon{width:28px;height:28px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.existingproduct-timer-mobile .timer-content .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.existingproduct-timer-mobile .timer-content .timer-countdown{font-weight:700;color:#0c4a6e}.existingproduct-timer-expired-mobile{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;border:1px solid #10b981;color:#065f46;font-weight:600;justify-content:center}.existingproduct-rejected-section{text-align:center}.existingproduct-rejected-reason{padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;margin-top:8px}.existingproduct-rejected-section-mobile{text-align:center}.existingproduct-rejected-reason-mobile{padding:6px 10px;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444;margin-top:6px}.existingproduct-actions-mobile{display:flex;flex-direction:column;gap:8px;align-items:center}.existingproduct-accept-btn-mobile{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.existingproduct-accept-btn-mobile:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.existingproduct-view-details-btn-mobile{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.existingproduct-view-details-btn-mobile:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.existingproduct-no-data{padding:60px 20px;text-align:center;color:#6b7280}.existingproduct-no-data i{opacity:.5;margin-bottom:24px}.existingproduct-no-data h5{margin-bottom:12px;font-weight:600;color:#374151}.existingproduct-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.existingproduct-popup-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.existingproduct-popup-header{padding:32px 32px 24px;position:relative;text-align:center}.existingproduct-popup-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.existingproduct-popup-header.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.existingproduct-popup-header .popup-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5)}.existingproduct-popup-header .popup-title{font-weight:700;margin:0;line-height:1.3}.existingproduct-popup-header .popup-close-btn{position:absolute;top:16px;right:16px;background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:inherit}.existingproduct-popup-header .popup-close-btn:hover{background:#ffffff80;transform:scale(1.1)}.existingproduct-popup-body{padding:24px 32px 32px;text-align:center}.existingproduct-popup-body .popup-product-info{margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea;color:#374151}.existingproduct-popup-body .popup-timer-info{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.existingproduct-popup-body .timer-display{display:flex;align-items:center;justify-content:center;gap:12px;color:#0c4a6e;font-weight:600}.existingproduct-popup-body .timer-display i{color:#0ea5e9}.existingproduct-popup-body .popup-message{line-height:1.6;color:#4b5563;margin:0}.existingproduct-popup-footer{padding:0 32px 32px;text-align:center}.existingproduct-popup-footer .btn{padding:14px 32px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.existingproduct-popup-footer .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.existingproduct-popup-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.existingproduct-popup-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.existingproduct-popup-footer .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.existingproduct-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.existingproduct-pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:8px}.existingproduct-page-btn{display:flex}.existingproduct-page-btn button{padding:10px 16px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.existingproduct-page-btn button:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.existingproduct-page-btn.active button{background:#667eea;border-color:#667eea;color:#fff}.existingproduct-page-btn.disabled button{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.section{padding:16px}.existingproduct-header{padding:24px 20px;flex-direction:column;gap:24px;text-align:center}.existingproduct-header-content{flex-direction:column;text-align:center}.existingproduct-header-icon{width:60px;height:60px}.existingproduct-pagination-wrapper{flex-direction:column;gap:16px;padding:20px 16px}}@media (max-width: 480px){.existingproduct-header{padding:20px 16px}.existingproduct-stat-card{padding:16px 12px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{width:100%;padding:6px 12px}}.viewexistingproduct-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.viewexistingproduct-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px 40px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.viewexistingproduct-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.viewexistingproduct-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.viewexistingproduct-back-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.viewexistingproduct-back-btn:hover{background:#ffffff40;transform:translateY(-2px);color:#fff}.viewexistingproduct-status-badge{background:#ffffffe6;color:#667eea;padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.viewexistingproduct-header-content{position:relative;z-index:1}.viewexistingproduct-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.viewexistingproduct-product-name{font-weight:600;margin-bottom:4px;opacity:.95}.viewexistingproduct-seller-name{opacity:.8;margin-bottom:0}.viewexistingproduct-step-progress{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewexistingproduct-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative}.viewexistingproduct-step-indicator:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:2px;background:#e5e7eb;z-index:1}.viewexistingproduct-step-item{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;background:#fff;padding:0 12px;flex:1;min-width:120px;max-width:180px}.viewexistingproduct-step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.viewexistingproduct-step-item.active .viewexistingproduct-step-number{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.viewexistingproduct-step-item.completed .viewexistingproduct-step-number{background:#10b981;color:#fff}.viewexistingproduct-step-title{font-weight:600;color:#6b7280;text-align:center;line-height:1.3;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.viewexistingproduct-step-item.active .viewexistingproduct-step-title{color:#667eea}.viewexistingproduct-step-item.completed .viewexistingproduct-step-title{color:#10b981}.viewexistingproduct-step-content{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewexistingproduct-section-title{font-weight:700;color:#111827;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.viewexistingproduct-section{display:flex;flex-direction:column;gap:20px}.viewexistingproduct-info-item{display:flex;align-items:flex-start;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px;transition:all .3s ease}.viewexistingproduct-info-item:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d}.viewexistingproduct-info-item:last-child{margin-bottom:0}.viewexistingproduct-info-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:200px;flex-shrink:0}.viewexistingproduct-info-value{font-weight:500;color:#111827;line-height:1.5}.viewexistingproduct-info-value-with-status{display:flex;align-items:center;gap:20px;flex:1}.viewexistingproduct-product-image{width:120px;height:120px;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;background:#fff;padding:8px}.viewexistingproduct-price-info{display:flex;align-items:center;gap:12px}.viewexistingproduct-current-price{font-weight:700;color:#10b981}.viewexistingproduct-original-price{color:#9ca3af;text-decoration:line-through}.viewexistingproduct-discount{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-weight:600}.viewexistingproduct-sku-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viewexistingproduct-auto-sku-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-weight:600;display:flex;align-items:center;border:1px solid #93c5fd}.viewexistingproduct-seller-info{display:flex;flex-direction:column;gap:8px}.viewexistingproduct-seller-name{font-weight:600;color:#111827}.viewexistingproduct-seller-contact{display:flex;flex-direction:column;gap:4px}.viewexistingproduct-contact-item{display:flex;align-items:center;gap:8px;color:#6b7280}.viewexistingproduct-contact-item i{color:#ff6b6b;width:16px}.viewexistingproduct-verified-small{color:#10b981}.viewexistingproduct-description{line-height:1.6;color:#374151;background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #667eea}.viewexistingproduct-verification-status{display:flex;align-items:center;gap:8px}.viewexistingproduct-verified-icon{color:#10b981}.viewexistingproduct-unverified-icon{color:#ef4444}.viewexistingproduct-warning-icon{color:#f59e0b}.viewexistingproduct-status-text{font-weight:600}.viewexistingproduct-status-text.verified{color:#10b981}.viewexistingproduct-status-text.unverified{color:#ef4444}.viewexistingproduct-manual-verification{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #fbbf24}.viewexistingproduct-warning-text{font-weight:600;color:#92400e}.viewexistingproduct-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.viewexistingproduct-spec-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewexistingproduct-spec-label{font-weight:600;color:#6b7280;text-transform:capitalize}.viewexistingproduct-spec-value{font-weight:600;color:#111827}.viewexistingproduct-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.viewexistingproduct-document-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.viewexistingproduct-document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.viewexistingproduct-document-icon{width:48px;height:48px;background:#667eea;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewexistingproduct-document-info{flex:1}.viewexistingproduct-document-name{font-weight:600;color:#111827;margin-bottom:4px}.viewexistingproduct-document-meta{color:#6b7280}.viewexistingproduct-document-status{display:flex;align-items:center;gap:8px}.viewexistingproduct-document-view-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.viewexistingproduct-document-view-btn:hover{background:#667eea;color:#fff}.viewexistingproduct-compliance-info{display:flex;flex-direction:column;gap:20px}.viewexistingproduct-compliance-item{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewexistingproduct-compliance-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:180px;flex-shrink:0}.viewexistingproduct-certifications{display:flex;flex-wrap:wrap;gap:8px}.viewexistingproduct-certification-badge{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:16px;font-weight:600;border:1px solid #93c5fd}.viewexistingproduct-compliance-value{font-weight:600;padding:6px 12px;border-radius:16px}.viewexistingproduct-compliance-value.safety{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.viewexistingproduct-compliance-value.environmental{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.viewexistingproduct-compliance-value.quality{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.viewexistingproduct-request-changes{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewexistingproduct-request-title{font-weight:700;color:#111827;margin-bottom:16px}.viewexistingproduct-request-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;line-height:1.5;resize:vertical;margin-bottom:16px}.viewexistingproduct-request-textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.viewexistingproduct-request-actions{display:flex;gap:12px;justify-content:flex-end}.viewexistingproduct-submit-request-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewexistingproduct-submit-request-btn:hover{background:#059669;transform:translateY(-1px)}.viewexistingproduct-cancel-request-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewexistingproduct-cancel-request-btn:hover{background:#4b5563;transform:translateY(-1px)}.viewexistingproduct-step-navigation{background:#fff;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewexistingproduct-left-actions{display:flex;gap:12px}.viewexistingproduct-step-actions{display:flex;gap:12px;align-items:center}.viewexistingproduct-prev-btn{background:transparent;border:2px solid #6b7280;color:#6b7280;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewexistingproduct-prev-btn:hover{background:#6b7280;color:#fff}.viewexistingproduct-next-btn{background:#667eea;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewexistingproduct-next-btn:hover{background:#5a67d8;transform:translateY(-1px)}.viewexistingproduct-request-changes-btn{background:transparent;border:2px solid #f59e0b;color:#f59e0b;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewexistingproduct-request-changes-btn:hover{background:#f59e0b;color:#fff}.viewexistingproduct-approve-btn{background:linear-gradient(135deg,#00b894,#55efc4)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 12px #00b8944d!important}.viewexistingproduct-approve-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00b89466!important}.viewexistingproduct-document-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewexistingproduct-document-modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.viewexistingproduct-document-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.viewexistingproduct-document-modal-title{font-weight:700;color:#111827;margin:0}.viewexistingproduct-document-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.viewexistingproduct-document-modal-close:hover{background:#f3f4f6;color:#374151}.viewexistingproduct-document-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.viewexistingproduct-document-display{text-align:center}.viewexistingproduct-document-placeholder{padding:40px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #d1d5db;margin-bottom:20px}.viewexistingproduct-document-placeholder h4{margin:16px 0 8px;color:#374151}.viewexistingproduct-document-placeholder p{color:#6b7280;margin-bottom:16px}.viewexistingproduct-document-sample{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.viewexistingproduct-document-sample p{margin:8px 0;text-align:left;color:#374151}.viewexistingproduct-document-info{display:flex;justify-content:space-around;gap:20px}.viewexistingproduct-document-info p{display:flex;flex-direction:column;gap:4px;text-align:center}.viewexistingproduct-document-info span:first-child{font-weight:600;color:#6b7280;text-transform:uppercase}.viewexistingproduct-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.viewexistingproduct-pricing-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.viewexistingproduct-pricing-header{font-weight:700;color:#111827;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.viewexistingproduct-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.viewexistingproduct-pricing-row:last-child{border-bottom:none}.viewexistingproduct-pricing-label{font-weight:600;color:#6b7280}.viewexistingproduct-pricing-value{font-weight:600;color:#111827}.viewexistingproduct-pricing-value.price{color:#10b981}.viewexistingproduct-pricing-value.select{color:#667eea;font-style:italic}.viewexistingproduct-discount-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;grid-column:1 / -1}.viewexistingproduct-discount-type{display:flex;gap:20px;margin-bottom:16px}.viewexistingproduct-radio-item{display:flex;align-items:center;gap:8px}.viewexistingproduct-radio-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;position:relative;cursor:pointer;transition:all .3s ease}.viewexistingproduct-radio-input:checked{border-color:#667eea;background:#667eea}.viewexistingproduct-radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.viewexistingproduct-radio-label{font-weight:600;color:#374151;cursor:pointer}.viewexistingproduct-discount-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.viewexistingproduct-discount-note{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-weight:500;border-left:4px solid #f59e0b}.viewexistingproduct-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.viewexistingproduct-variant-item{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;transition:all .3s ease}.viewexistingproduct-variant-item:hover{box-shadow:0 2px 8px #0000000d}.viewexistingproduct-checkbox-item{display:flex;align-items:center;gap:10px}.viewexistingproduct-checkbox-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;appearance:none;background:#fff}.viewexistingproduct-checkbox-input:checked{border-color:#667eea;background:#667eea}.viewexistingproduct-checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700}.viewexistingproduct-checkbox-label{font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.viewexistingproduct-container{padding:16px}.viewexistingproduct-header{padding:24px 20px}.viewexistingproduct-step-progress{padding:20px 16px}.viewexistingproduct-step-indicator{flex-wrap:wrap;gap:16px;justify-content:center}.viewexistingproduct-step-indicator:before{display:none}.viewexistingproduct-step-item{min-width:100px;max-width:140px;padding:0 8px}.viewexistingproduct-step-content{padding:24px 20px}.viewexistingproduct-info-item{flex-direction:column;gap:12px;padding:16px}.viewexistingproduct-info-label{min-width:auto}.viewexistingproduct-pricing-section{padding:16px}.viewexistingproduct-specs-grid,.viewexistingproduct-documents-grid{grid-template-columns:1fr}.viewexistingproduct-pricing-grid{grid-template-columns:1fr;gap:16px}.viewexistingproduct-discount-type{flex-direction:column;gap:12px}.viewexistingproduct-discount-fields{grid-template-columns:1fr}.viewexistingproduct-variants-grid{grid-template-columns:1fr;gap:12px}.viewexistingproduct-step-navigation{flex-direction:column;gap:16px;padding:20px 16px}.viewexistingproduct-step-actions{width:100%;justify-content:space-between}}@media (max-width: 640px){.viewexistingproduct-step-indicator{flex-direction:column;gap:16px}.viewexistingproduct-step-item{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;min-width:auto;max-width:none;gap:16px}.viewexistingproduct-step-number{width:32px;height:32px;flex-shrink:0}.viewexistingproduct-step-title{text-align:left;margin:0;flex:1}}@media (max-width: 480px){.viewexistingproduct-header-top{flex-direction:column;gap:16px;align-items:stretch}.viewexistingproduct-price-info{flex-direction:column;align-items:flex-start;gap:8px}.viewexistingproduct-seller-contact{gap:8px}.viewexistingproduct-document-card{flex-direction:column;text-align:center}.viewexistingproduct-compliance-item{flex-direction:column;gap:12px;text-align:center}.viewexistingproduct-compliance-label{min-width:auto}}.newproduct-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.newproduct-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.newproduct-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.newproduct-header-icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.newproduct-header-icon i,.newproduct-header-text{color:#fff}.newproduct-header-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.newproduct-header-description{opacity:.9;margin-bottom:0;line-height:1.5}.newproduct-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:1}.newproduct-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.newproduct-stat-card .stat-number{font-weight:700;margin-bottom:8px;line-height:1}.newproduct-stat-card .stat-label{font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;opacity:.8;line-height:1}.newproduct-stat-card.total .stat-number{color:#6366f1}.newproduct-stat-card.pending .stat-number{color:#f59e0b}.newproduct-stat-card.review .stat-number{color:#3b82f6}.newproduct-stat-card.approved .stat-number{color:#10b981}.newproduct-tabs{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.newproduct-tabs .nav-tabs{border-bottom:none;margin-bottom:0}.newproduct-tabs .nav-link{background:transparent;border:none;border-radius:0;padding:20px 32px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.newproduct-tabs .nav-link:hover{background:#667eea0d;color:#667eea;border-color:transparent}.newproduct-tabs .nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-bottom-color:#667eea}.newproduct-tabs .nav-link .badge{font-weight:600;padding:4px 8px}.newproduct-cards-container{margin-bottom:24px}.newproduct-horizontal-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;overflow:hidden;background:#fff}.newproduct-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a;border-color:#667eea}.newproduct-horizontal-card .card-body{padding:24px}.newproduct-product-image{width:80px;height:80px;object-fit:contain;border-radius:12px;border:2px solid #f3f4f6;background:#fff;padding:8px;transition:all .3s ease}.newproduct-horizontal-card:hover .newproduct-product-image{border-color:#667eea;transform:scale(1.05)}.newproduct-product-info{padding-left:8px}.newproduct-product-name{color:#111827;font-weight:700;margin-bottom:8px;line-height:1.2}.newproduct-product-info .text-muted{color:#6b7280;font-weight:500}.newproduct-product-info .text-muted i{color:#667eea;margin-right:6px}.newproduct-product-info .text-success{color:#10b981!important;font-weight:700}.newproduct-product-info .text-success i{color:#10b981;margin-right:6px}.newproduct-seller-info{text-align:left;padding:0 8px}.newproduct-seller-info small{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.newproduct-seller-info .fw-medium{font-weight:600;color:#374151;line-height:1.4}.newproduct-status{padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none}.newproduct-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #f59e0b4d}.newproduct-status-reverify{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.newproduct-status-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b9814d}.newproduct-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef44444d}.newproduct-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.newproduct-accept-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.newproduct-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.newproduct-view-details-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.newproduct-view-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.newproduct-timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9;margin-bottom:12px}.newproduct-timer .timer-icon{width:32px;height:32px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.newproduct-timer .timer-content{flex:1}.newproduct-timer .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.newproduct-timer .timer-countdown{font-weight:700;color:#0c4a6e}.newproduct-timer-expired{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;border:1px solid #10b981;color:#065f46;font-weight:600;margin-bottom:12px}.newproduct-timer-mobile{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:1px solid #0ea5e9;justify-content:center}.newproduct-timer-mobile .timer-icon{width:28px;height:28px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.newproduct-timer-mobile .timer-content .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.newproduct-timer-mobile .timer-content .timer-countdown{font-weight:700;color:#0c4a6e}.newproduct-timer-expired-mobile{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;border:1px solid #10b981;color:#065f46;font-weight:600;justify-content:center}.newproduct-rejected-section{text-align:center}.newproduct-rejected-reason{padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;margin-top:8px}.newproduct-rejected-section-mobile{text-align:center}.newproduct-rejected-reason-mobile{padding:6px 10px;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444;margin-top:6px}.newproduct-actions-mobile{display:flex;flex-direction:column;gap:8px;align-items:center}.newproduct-accept-btn-mobile{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.newproduct-accept-btn-mobile:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.newproduct-view-details-btn-mobile{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.newproduct-view-details-btn-mobile:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.newproduct-no-data{padding:60px 20px;text-align:center;color:#6b7280}.newproduct-no-data i{opacity:.5;margin-bottom:24px}.newproduct-no-data h5{margin-bottom:12px;font-weight:600;color:#374151}.newproduct-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.newproduct-popup-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.newproduct-popup-header{padding:32px 32px 24px;position:relative;text-align:center}.newproduct-popup-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.newproduct-popup-header.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.newproduct-popup-header .popup-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5)}.newproduct-popup-header .popup-title{font-weight:700;margin:0;line-height:1.3}.newproduct-popup-header .popup-close-btn{position:absolute;top:16px;right:16px;background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:inherit}.newproduct-popup-header .popup-close-btn:hover{background:#ffffff80;transform:scale(1.1)}.newproduct-popup-body{padding:24px 32px 32px;text-align:center}.newproduct-popup-body .popup-product-info{margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea;color:#374151}.newproduct-popup-body .popup-timer-info{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.newproduct-popup-body .timer-display{display:flex;align-items:center;justify-content:center;gap:12px;color:#0c4a6e;font-weight:600}.newproduct-popup-body .timer-display i{color:#0ea5e9}.newproduct-popup-body .popup-message{line-height:1.6;color:#4b5563;margin:0}.newproduct-popup-footer{padding:0 32px 32px;text-align:center}.newproduct-popup-footer .btn{padding:14px 32px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.newproduct-popup-footer .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.newproduct-popup-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.newproduct-popup-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.newproduct-popup-footer .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.newproduct-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.newproduct-pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:8px}.newproduct-page-btn{display:flex}.newproduct-page-btn button{padding:10px 16px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.newproduct-page-btn button:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.newproduct-page-btn.active button{background:#667eea;border-color:#667eea;color:#fff}.newproduct-page-btn.disabled button{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.section{padding:16px}.newproduct-header{padding:24px 20px;flex-direction:column;gap:24px;text-align:center}.newproduct-header-content{flex-direction:column;text-align:center}.newproduct-header-icon{width:60px;height:60px}.newproduct-pagination-wrapper{flex-direction:column;gap:16px;padding:20px 16px}}@media (max-width: 480px){.newproduct-header{padding:20px 16px}.newproduct-stat-card{padding:16px 12px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{width:100%;padding:6px 12px}}.viewnewproduct-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.viewnewproduct-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px 40px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.viewnewproduct-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.viewnewproduct-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.viewnewproduct-back-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.viewnewproduct-back-btn:hover{background:#ffffff40;transform:translateY(-2px);color:#fff}.viewnewproduct-status-badge{background:#ffffffe6;color:#667eea;padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.viewnewproduct-header-content{position:relative;z-index:1}.viewnewproduct-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.viewnewproduct-product-name{font-weight:600;margin-bottom:4px;opacity:.95}.viewnewproduct-seller-name{opacity:.8;margin-bottom:0}.viewnewproduct-step-progress{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewnewproduct-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:8px}.viewnewproduct-step-indicator:before{content:"";position:absolute;top:20px;left:30px;right:30px;height:2px;background:#e5e7eb;z-index:1}.viewnewproduct-step-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;background:#fff;padding:0 8px;flex:1;min-width:100px;max-width:130px}.viewnewproduct-step-number{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.viewnewproduct-step-item.active .viewnewproduct-step-number{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.viewnewproduct-step-item.completed .viewnewproduct-step-number{background:#10b981;color:#fff}.viewnewproduct-step-title{font-weight:600;color:#6b7280;text-align:center;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.viewnewproduct-step-item.active .viewnewproduct-step-title{color:#667eea}.viewnewproduct-step-item.completed .viewnewproduct-step-title{color:#10b981}.viewnewproduct-step-content{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewnewproduct-section-title{font-weight:700;color:#111827;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.viewnewproduct-section{display:flex;flex-direction:column;gap:20px}.viewnewproduct-info-item{display:flex;align-items:flex-start;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px;transition:all .3s ease}.viewnewproduct-info-item:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d}.viewnewproduct-info-item:last-child{margin-bottom:0}.viewnewproduct-info-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:200px;flex-shrink:0}.viewnewproduct-info-value{font-weight:500;color:#111827;line-height:1.5}.viewnewproduct-info-value-with-status{display:flex;align-items:center;gap:20px;flex:1}.viewnewproduct-product-image{width:120px;height:120px;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;background:#fff;padding:8px}.viewnewproduct-price-info{display:flex;align-items:center;gap:12px}.viewnewproduct-current-price{font-weight:700;color:#10b981}.viewnewproduct-original-price{color:#9ca3af;text-decoration:line-through}.viewnewproduct-discount{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-weight:600}.viewnewproduct-sku-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viewnewproduct-auto-sku-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-weight:600;display:flex;align-items:center;border:1px solid #93c5fd}.viewnewproduct-seller-info{display:flex;flex-direction:column;gap:8px}.viewnewproduct-seller-name{font-weight:600;color:#111827}.viewnewproduct-seller-contact{display:flex;flex-direction:column;gap:4px}.viewnewproduct-contact-item{display:flex;align-items:center;gap:8px;color:#6b7280}.viewnewproduct-contact-item i{color:#ff6b6b;width:16px}.viewnewproduct-verified-small{color:#10b981}.viewnewproduct-description{line-height:1.6;color:#374151;background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #667eea}.viewnewproduct-verification-status{display:flex;align-items:center;gap:8px}.viewnewproduct-verified-icon{color:#10b981}.viewnewproduct-unverified-icon{color:#ef4444}.viewnewproduct-warning-icon{color:#f59e0b}.viewnewproduct-status-text{font-weight:600}.viewnewproduct-status-text.verified{color:#10b981}.viewnewproduct-status-text.unverified{color:#ef4444}.viewnewproduct-manual-verification{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #fbbf24}.viewnewproduct-warning-text{font-weight:600;color:#92400e}.viewnewproduct-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.viewnewproduct-spec-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewnewproduct-spec-label{font-weight:600;color:#6b7280;text-transform:capitalize}.viewnewproduct-spec-value{font-weight:600;color:#111827}.viewnewproduct-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.viewnewproduct-document-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.viewnewproduct-document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.viewnewproduct-document-icon{width:48px;height:48px;background:#667eea;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewnewproduct-document-info{flex:1}.viewnewproduct-document-name{font-weight:600;color:#111827;margin-bottom:4px}.viewnewproduct-document-meta{color:#6b7280}.viewnewproduct-document-status{display:flex;align-items:center;gap:8px}.viewnewproduct-document-view-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.viewnewproduct-document-view-btn:hover{background:#667eea;color:#fff}.viewnewproduct-compliance-info{display:flex;flex-direction:column;gap:20px}.viewnewproduct-compliance-item{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewnewproduct-compliance-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:180px;flex-shrink:0}.viewnewproduct-certifications{display:flex;flex-wrap:wrap;gap:8px}.viewnewproduct-certification-badge{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:16px;font-weight:600;border:1px solid #93c5fd}.viewnewproduct-compliance-value{font-weight:600;padding:6px 12px;border-radius:16px}.viewnewproduct-compliance-value.safety{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.viewnewproduct-compliance-value.environmental{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.viewnewproduct-compliance-value.quality{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.viewnewproduct-compatibility-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.viewnewproduct-compatibility-item:hover{box-shadow:0 2px 8px #0000000d}.viewnewproduct-compatibility-icon{color:#10b981;flex-shrink:0}.viewnewproduct-compatibility-label{font-weight:500;color:#374151}.viewnewproduct-request-changes{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewnewproduct-request-title{font-weight:700;color:#111827;margin-bottom:16px}.viewnewproduct-request-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;line-height:1.5;resize:vertical;margin-bottom:16px}.viewnewproduct-request-textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.viewnewproduct-request-actions{display:flex;gap:12px;justify-content:flex-end}.viewnewproduct-submit-request-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewnewproduct-submit-request-btn:hover{background:#059669;transform:translateY(-1px)}.viewnewproduct-cancel-request-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewnewproduct-cancel-request-btn:hover{background:#4b5563;transform:translateY(-1px)}.viewnewproduct-step-navigation{background:#fff;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewnewproduct-left-actions{display:flex;gap:12px}.viewnewproduct-step-actions{display:flex;gap:12px;align-items:center}.viewnewproduct-prev-btn{background:transparent;border:2px solid #6b7280;color:#6b7280;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewnewproduct-prev-btn:hover{background:#6b7280;color:#fff}.viewnewproduct-next-btn{background:#667eea;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewnewproduct-next-btn:hover{background:#5a67d8;transform:translateY(-1px)}.viewnewproduct-request-changes-btn{background:transparent;border:2px solid #f59e0b;color:#f59e0b;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewnewproduct-request-changes-btn:hover{background:#f59e0b;color:#fff}.viewnewproduct-approve-btn{background:linear-gradient(135deg,#00b894,#55efc4)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 12px #00b8944d!important}.viewnewproduct-approve-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00b89466!important}.viewnewproduct-document-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewnewproduct-document-modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.viewnewproduct-document-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.viewnewproduct-document-modal-title{font-weight:700;color:#111827;margin:0}.viewnewproduct-document-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.viewnewproduct-document-modal-close:hover{background:#f3f4f6;color:#374151}.viewnewproduct-document-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.viewnewproduct-document-display{text-align:center}.viewnewproduct-document-placeholder{padding:40px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #d1d5db;margin-bottom:20px}.viewnewproduct-document-placeholder h4{margin:16px 0 8px;color:#374151}.viewnewproduct-document-placeholder p{color:#6b7280;margin-bottom:16px}.viewnewproduct-document-sample{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.viewnewproduct-document-sample p{margin:8px 0;text-align:left;color:#374151}.viewnewproduct-document-info{display:flex;justify-content:space-around;gap:20px}.viewnewproduct-document-info p{display:flex;flex-direction:column;gap:4px;text-align:center}.viewnewproduct-document-info span:first-child{font-weight:600;color:#6b7280;text-transform:uppercase}.viewnewproduct-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.viewnewproduct-pricing-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.viewnewproduct-pricing-header{font-weight:700;color:#111827;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.viewnewproduct-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.viewnewproduct-pricing-row:last-child{border-bottom:none}.viewnewproduct-pricing-label{font-weight:600;color:#6b7280}.viewnewproduct-pricing-value{font-weight:600;color:#111827}.viewnewproduct-pricing-value.price{color:#10b981}.viewnewproduct-pricing-value.select{color:#667eea;font-style:italic}.viewnewproduct-discount-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;grid-column:1 / -1}.viewnewproduct-discount-type{display:flex;gap:20px;margin-bottom:16px}.viewnewproduct-radio-item{display:flex;align-items:center;gap:8px}.viewnewproduct-radio-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;position:relative;cursor:pointer;transition:all .3s ease}.viewnewproduct-radio-input:checked{border-color:#667eea;background:#667eea}.viewnewproduct-radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.viewnewproduct-radio-label{font-weight:600;color:#374151;cursor:pointer}.viewnewproduct-discount-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.viewnewproduct-discount-note{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-weight:500;border-left:4px solid #f59e0b}.viewnewproduct-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.viewnewproduct-variant-item{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;transition:all .3s ease}.viewnewproduct-variant-item:hover{box-shadow:0 2px 8px #0000000d}.viewnewproduct-checkbox-item{display:flex;align-items:center;gap:10px}.viewnewproduct-checkbox-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;appearance:none;background:#fff}.viewnewproduct-checkbox-input:checked{border-color:#667eea;background:#667eea}.viewnewproduct-checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700}.viewnewproduct-checkbox-label{font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 1200px){.viewnewproduct-step-indicator{justify-content:center;flex-wrap:wrap;gap:12px}.viewnewproduct-step-indicator:before{display:none}.viewnewproduct-step-item{min-width:90px;max-width:110px}}@media (max-width: 768px){.viewnewproduct-container{padding:16px}.viewnewproduct-header{padding:24px 20px}.viewnewproduct-step-progress{padding:20px 16px}.viewnewproduct-step-indicator{flex-direction:column;gap:16px}.viewnewproduct-step-item{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;min-width:auto;max-width:none;gap:16px;width:100%}.viewnewproduct-step-number{width:32px;height:32px;flex-shrink:0}.viewnewproduct-step-title{text-align:left;margin:0;flex:1}.viewnewproduct-step-content{padding:24px 20px}.viewnewproduct-info-item{flex-direction:column;gap:12px;padding:16px}.viewnewproduct-info-label{min-width:auto}.viewnewproduct-pricing-section{padding:16px}.viewnewproduct-specs-grid,.viewnewproduct-documents-grid{grid-template-columns:1fr}.viewnewproduct-pricing-grid{grid-template-columns:1fr;gap:16px}.viewnewproduct-discount-type{flex-direction:column;gap:12px}.viewnewproduct-discount-fields{grid-template-columns:1fr}.viewnewproduct-variants-grid{grid-template-columns:1fr;gap:12px}.viewnewproduct-step-navigation{flex-direction:column;gap:16px;padding:20px 16px}.viewnewproduct-step-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.viewnewproduct-header-top{flex-direction:column;gap:16px;align-items:stretch}.viewnewproduct-price-info{flex-direction:column;align-items:flex-start;gap:8px}.viewnewproduct-seller-contact{gap:8px}.viewnewproduct-document-card{flex-direction:column;text-align:center}.viewnewproduct-compliance-item{flex-direction:column;gap:12px;text-align:center}.viewnewproduct-compliance-label{min-width:auto}}.viewnewproduct-media-section{margin-bottom:24px}.viewnewproduct-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.viewnewproduct-image-item{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center}.viewnewproduct-image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.viewnewproduct-gallery-image{width:100%;height:150px;object-fit:contain;border-radius:8px;cursor:pointer;transition:all .3s ease}.viewnewproduct-gallery-image:hover{transform:scale(1.05)}.viewnewproduct-image-filename{margin-top:8px;color:#6b7280;font-weight:500;word-break:break-all}.viewnewproduct-video-container{margin-top:16px;text-align:center}.viewnewproduct-video-player{width:100%;max-width:500px;height:280px;border-radius:12px;border:1px solid #e5e7eb;background:#000}.viewnewproduct-video-filename{margin-top:8px;color:#6b7280;font-weight:500}.viewnewproduct-bullet-points{margin-top:16px}.viewnewproduct-bullet-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.viewnewproduct-bullet-item:hover{box-shadow:0 2px 8px #0000000d}.viewnewproduct-bullet-number{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.viewnewproduct-bullet-text{line-height:1.5;color:#374151;flex:1}.viewnewproduct-warranty-info,.viewnewproduct-installation-info{margin-top:16px}.viewnewproduct-warranty-text,.viewnewproduct-installation-text{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #667eea;line-height:1.6;color:#374151;margin-top:8px}.viewnewproduct-general-info{margin-top:16px}.viewnewproduct-general-text{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #667eea;line-height:1.6;color:#374151;margin-top:8px}@media (max-width: 768px){.viewnewproduct-images-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.viewnewproduct-gallery-image{height:120px}.viewnewproduct-video-player{height:200px}.viewnewproduct-bullet-item{padding:10px 12px}.viewnewproduct-bullet-number{width:20px;height:20px}}@media (max-width: 480px){.viewnewproduct-images-grid{grid-template-columns:1fr}.viewnewproduct-gallery-image{height:180px}.viewnewproduct-video-player{height:160px}}.section{padding:24px;min-height:100vh}.productedit-header{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;padding:32px 40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.productedit-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.productedit-header-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.productedit-header-icon{width:80px;height:80px;background:#ffffff26;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.productedit-header-icon i,.productedit-header-text{color:#fff}.productedit-header-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.productedit-header-description{opacity:.9;margin-bottom:0;line-height:1.5}.productedit-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:1}.productedit-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.productedit-stat-card .stat-number{font-weight:700;margin-bottom:8px;line-height:1}.productedit-stat-card .stat-label{font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px;opacity:.8;line-height:1}.productedit-stat-card.total .stat-number{color:#6366f1}.productedit-stat-card.pending .stat-number{color:#f59e0b}.productedit-stat-card.review .stat-number{color:#3b82f6}.productedit-stat-card.approved .stat-number{color:#10b981}.productedit-tabs{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.productedit-tabs .nav-tabs{border-bottom:none;margin-bottom:0}.productedit-tabs .nav-link{background:transparent;border:none;border-radius:0;padding:20px 32px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.productedit-tabs .nav-link:hover{background:#667eea0d;color:#667eea;border-color:transparent}.productedit-tabs .nav-link.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-bottom-color:#667eea}.productedit-tabs .nav-link .badge{font-weight:600;padding:4px 8px}.productedit-cards-container{margin-bottom:24px}.productedit-horizontal-card{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000d;transition:all .3s ease;overflow:hidden;background:#fff}.productedit-horizontal-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a;border-color:#667eea}.productedit-horizontal-card .card-body{padding:24px}.productedit-product-image{width:80px;height:80px;object-fit:contain;border-radius:12px;border:2px solid #f3f4f6;background:#fff;padding:8px;transition:all .3s ease}.productedit-horizontal-card:hover .productedit-product-image{border-color:#667eea;transform:scale(1.05)}.productedit-product-info{padding-left:8px}.productedit-product-name{color:#111827;font-weight:700;margin-bottom:8px;line-height:1.2}.productedit-product-info .text-muted{color:#6b7280;font-weight:500}.productedit-product-info .text-muted i{color:#667eea;margin-right:6px}.productedit-product-info .text-success{color:#10b981!important;font-weight:700}.productedit-product-info .text-success i{color:#10b981;margin-right:6px}.productedit-product-info .text-info{color:#3b82f6!important;font-weight:600}.productedit-product-info .text-info i{color:#3b82f6;margin-right:6px}.productedit-seller-info{text-align:left;padding:0 8px}.productedit-seller-info small{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.productedit-seller-info .fw-medium{font-weight:600;color:#374151;line-height:1.4}.productedit-status{padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none}.productedit-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px #f59e0b4d}.productedit-status-reverify{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 2px 8px #3b82f64d}.productedit-status-accepted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b9814d}.productedit-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px #ef44444d}.productedit-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.productedit-accept-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.productedit-accept-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.productedit-view-details-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.productedit-view-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.productedit-timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9;margin-bottom:12px}.productedit-timer .timer-icon{width:32px;height:32px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.productedit-timer .timer-content{flex:1}.productedit-timer .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.productedit-timer .timer-countdown{font-weight:700;color:#0c4a6e}.productedit-timer-expired{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;border:1px solid #10b981;color:#065f46;font-weight:600;margin-bottom:12px}.productedit-timer-mobile{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:1px solid #0ea5e9;justify-content:center}.productedit-timer-mobile .timer-icon{width:28px;height:28px;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.productedit-timer-mobile .timer-content .timer-label{font-weight:600;color:#0369a1;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.productedit-timer-mobile .timer-content .timer-countdown{font-weight:700;color:#0c4a6e}.productedit-timer-expired-mobile{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;border:1px solid #10b981;color:#065f46;font-weight:600;justify-content:center}.productedit-rejected-section{text-align:center}.productedit-rejected-reason{padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;margin-top:8px}.productedit-rejected-section-mobile{text-align:center}.productedit-rejected-reason-mobile{padding:6px 10px;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444;margin-top:6px}.productedit-actions-mobile{display:flex;flex-direction:column;gap:8px;align-items:center}.productedit-accept-btn-mobile{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.productedit-accept-btn-mobile:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;color:#fff}.productedit-view-details-btn-mobile{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.productedit-view-details-btn-mobile:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.productedit-no-data{padding:60px 20px;text-align:center;color:#6b7280}.productedit-no-data i{opacity:.5;margin-bottom:24px}.productedit-no-data h5{margin-bottom:12px;font-weight:600;color:#374151}.productedit-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.productedit-popup-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.productedit-popup-header{padding:32px 32px 24px;position:relative;text-align:center}.productedit-popup-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.productedit-popup-header.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.productedit-popup-header .popup-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5)}.productedit-popup-header .popup-title{font-weight:700;margin:0;line-height:1.3}.productedit-popup-header .popup-close-btn{position:absolute;top:16px;right:16px;background:#ffffff4d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:inherit}.productedit-popup-header .popup-close-btn:hover{background:#ffffff80;transform:scale(1.1)}.productedit-popup-body{padding:24px 32px 32px;text-align:center}.productedit-popup-body .popup-product-info{margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea;color:#374151}.productedit-popup-body .popup-timer-info{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.productedit-popup-body .timer-display{display:flex;align-items:center;justify-content:center;gap:12px;color:#0c4a6e;font-weight:600}.productedit-popup-body .timer-display i{color:#0ea5e9}.productedit-popup-body .popup-message{line-height:1.6;color:#4b5563;margin:0}.productedit-popup-footer{padding:0 32px 32px;text-align:center}.productedit-popup-footer .btn{padding:14px 32px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.productedit-popup-footer .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.productedit-popup-footer .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.productedit-popup-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.productedit-popup-footer .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.productedit-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.pagination-info{color:#6b7280;font-weight:500}.productedit-pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:8px}.productedit-page-btn{display:flex}.productedit-page-btn button{padding:10px 16px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.productedit-page-btn button:hover:not(:disabled){border-color:#667eea;color:#667eea;background:#667eea0d}.productedit-page-btn.active button{background:#667eea;border-color:#667eea;color:#fff}.productedit-page-btn.disabled button{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.section{padding:16px}.productedit-header{padding:24px 20px;flex-direction:column;gap:24px;text-align:center}.productedit-header-content{flex-direction:column;text-align:center}.productedit-header-icon{width:60px;height:60px}.productedit-pagination-wrapper{flex-direction:column;gap:16px;padding:20px 16px}}@media (max-width: 480px){.productedit-header{padding:20px 16px}.productedit-stat-card{padding:16px 12px}.action-buttons{flex-direction:column;gap:4px}.action-buttons .btn{width:100%;padding:6px 12px}}.viewproductedit-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.viewproductedit-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px 40px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.viewproductedit-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.viewproductedit-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.viewproductedit-back-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.viewproductedit-back-btn:hover{background:#ffffff40;transform:translateY(-2px);color:#fff}.viewproductedit-status-badge{background:#ffffffe6;color:#667eea;padding:8px 16px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.viewproductedit-header-content{position:relative;z-index:1}.viewproductedit-title{font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.viewproductedit-product-name{font-weight:600;margin-bottom:4px;opacity:.95}.viewproductedit-seller-name{opacity:.8;margin-bottom:0}.viewproductedit-step-progress{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewproductedit-step-indicator{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:8px}.viewproductedit-step-indicator:before{content:"";position:absolute;top:20px;left:30px;right:30px;height:2px;background:#e5e7eb;z-index:1}.viewproductedit-step-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;background:#fff;padding:0 8px;flex:1;min-width:100px;max-width:130px}.viewproductedit-step-number{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.viewproductedit-step-item.active .viewproductedit-step-number{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.viewproductedit-step-item.completed .viewproductedit-step-number{background:#10b981;color:#fff}.viewproductedit-step-title{font-weight:600;color:#6b7280;text-align:center;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.viewproductedit-step-item.active .viewproductedit-step-title{color:#667eea}.viewproductedit-step-item.completed .viewproductedit-step-title{color:#10b981}.viewproductedit-step-content{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewproductedit-section-title{font-weight:700;color:#111827;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.viewproductedit-section{display:flex;flex-direction:column;gap:20px}.viewproductedit-edit-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;margin-bottom:24px;border-left:4px solid #f59e0b}.viewproductedit-changes-section{background:#f0f9ff;border-radius:12px;padding:20px;margin-bottom:24px;border-left:4px solid #0ea5e9}.viewproductedit-changes-section h4{color:#0c4a6e;margin-bottom:16px;font-weight:700}.viewproductedit-changes-list{display:flex;flex-direction:column;gap:12px}.viewproductedit-change-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #bae6fd}.viewproductedit-change-number{background:#0ea5e9;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.viewproductedit-change-text{line-height:1.5;color:#0c4a6e;flex:1}.viewproductedit-info-item{display:flex;align-items:flex-start;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:16px;transition:all .3s ease}.viewproductedit-info-item:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d}.viewproductedit-info-item:last-child{margin-bottom:0}.viewproductedit-info-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:200px;flex-shrink:0}.viewproductedit-info-value{font-weight:500;color:#111827;line-height:1.5}.viewproductedit-info-value.edit-type{color:#f59e0b;font-weight:700;background:#fef3c7;padding:4px 12px;border-radius:16px;border:1px solid #fde68a}.viewproductedit-info-value.updated{color:#0ea5e9;font-weight:700;background:#e0f2fe;padding:4px 12px;border-radius:16px;border:1px solid #bae6fd}.viewproductedit-info-value-with-status{display:flex;align-items:center;gap:20px;flex:1}.viewproductedit-product-image{width:120px;height:120px;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;background:#fff;padding:8px}.viewproductedit-price-info{display:flex;align-items:center;gap:12px}.viewproductedit-current-price{font-weight:700;color:#10b981}.viewproductedit-original-price{color:#9ca3af;text-decoration:line-through}.viewproductedit-discount{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-weight:600}.viewproductedit-sku-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viewproductedit-auto-sku-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-weight:600;display:flex;align-items:center;border:1px solid #93c5fd}.viewproductedit-seller-info{display:flex;flex-direction:column;gap:8px}.viewproductedit-seller-name{font-weight:600;color:#111827}.viewproductedit-seller-contact{display:flex;flex-direction:column;gap:4px}.viewproductedit-contact-item{display:flex;align-items:center;gap:8px;color:#6b7280}.viewproductedit-contact-item i{color:#ff6b6b;width:16px}.viewproductedit-verified-small{color:#10b981}.viewproductedit-description{line-height:1.6;color:#374151;background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #667eea}.viewproductedit-verification-status{display:flex;align-items:center;gap:8px}.viewproductedit-verified-icon{color:#10b981}.viewproductedit-unverified-icon{color:#ef4444}.viewproductedit-warning-icon{color:#f59e0b}.viewproductedit-status-text{font-weight:600}.viewproductedit-status-text.verified{color:#10b981}.viewproductedit-status-text.unverified{color:#ef4444}.viewproductedit-manual-verification{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #fbbf24}.viewproductedit-warning-text{font-weight:600;color:#92400e}.viewproductedit-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.viewproductedit-spec-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewproductedit-spec-label{font-weight:600;color:#6b7280;text-transform:capitalize}.viewproductedit-spec-value{font-weight:600;color:#111827}.viewproductedit-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.viewproductedit-document-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.viewproductedit-document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.viewproductedit-document-icon{width:48px;height:48px;background:#667eea;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewproductedit-document-info{flex:1}.viewproductedit-document-name{font-weight:600;color:#111827;margin-bottom:4px}.viewproductedit-document-meta{color:#6b7280}.viewproductedit-document-status{display:flex;align-items:center;gap:8px}.viewproductedit-document-view-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.viewproductedit-document-view-btn:hover{background:#667eea;color:#fff}.viewproductedit-compliance-info{display:flex;flex-direction:column;gap:20px}.viewproductedit-compliance-item{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.viewproductedit-compliance-label{font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:180px;flex-shrink:0}.viewproductedit-certifications{display:flex;flex-wrap:wrap;gap:8px}.viewproductedit-certification-badge{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:16px;font-weight:600;border:1px solid #93c5fd}.viewproductedit-compliance-value{font-weight:600;padding:6px 12px;border-radius:16px}.viewproductedit-compliance-value.safety{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.viewproductedit-compliance-value.environmental{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.viewproductedit-compliance-value.quality{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.viewproductedit-compatibility-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.viewproductedit-compatibility-item:hover{box-shadow:0 2px 8px #0000000d}.viewproductedit-compatibility-icon{color:#10b981;flex-shrink:0}.viewproductedit-compatibility-label{font-weight:500;color:#374151}.viewproductedit-request-changes{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewproductedit-request-title{font-weight:700;color:#111827;margin-bottom:16px}.viewproductedit-request-textarea{width:100%;min-height:120px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;line-height:1.5;resize:vertical;margin-bottom:16px}.viewproductedit-request-textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.viewproductedit-request-actions{display:flex;gap:12px;justify-content:flex-end}.viewproductedit-submit-request-btn{background:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewproductedit-submit-request-btn:hover{background:#059669;transform:translateY(-1px)}.viewproductedit-cancel-request-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewproductedit-cancel-request-btn:hover{background:#4b5563;transform:translateY(-1px)}.viewproductedit-step-navigation{background:#fff;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.viewproductedit-left-actions{display:flex;gap:12px}.viewproductedit-step-actions{display:flex;gap:12px;align-items:center}.viewproductedit-prev-btn{background:transparent;border:2px solid #6b7280;color:#6b7280;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewproductedit-prev-btn:hover{background:#6b7280;color:#fff}.viewproductedit-next-btn{background:#667eea;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewproductedit-next-btn:hover{background:#5a67d8;transform:translateY(-1px)}.viewproductedit-request-changes-btn{background:transparent;border:2px solid #f59e0b;color:#f59e0b;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.viewproductedit-request-changes-btn:hover{background:#f59e0b;color:#fff}.viewproductedit-approve-btn{background:linear-gradient(135deg,#00b894,#55efc4)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 4px 12px #00b8944d!important}.viewproductedit-approve-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #00b89466!important}.viewproductedit-document-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewproductedit-document-modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.viewproductedit-document-modal-header{padding:24px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.viewproductedit-document-modal-title{font-weight:700;color:#111827;margin:0}.viewproductedit-document-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.viewproductedit-document-modal-close:hover{background:#f3f4f6;color:#374151}.viewproductedit-document-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.viewproductedit-document-display{text-align:center}.viewproductedit-document-placeholder{padding:40px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #d1d5db;margin-bottom:20px}.viewproductedit-document-placeholder h4{margin:16px 0 8px;color:#374151}.viewproductedit-document-placeholder p{color:#6b7280;margin-bottom:16px}.viewproductedit-document-sample{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.viewproductedit-document-sample p{margin:8px 0;text-align:left;color:#374151}.viewproductedit-document-info{display:flex;justify-content:space-around;gap:20px}.viewproductedit-document-info p{display:flex;flex-direction:column;gap:4px;text-align:center}.viewproductedit-document-info span:first-child{font-weight:600;color:#6b7280;text-transform:uppercase}.document-status.uploaded,.verification-status.verified{color:#10b981;font-weight:600}.verification-status.pending{color:#f59e0b;font-weight:600}.viewproductedit-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.viewproductedit-pricing-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.viewproductedit-pricing-header{font-weight:700;color:#111827;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.viewproductedit-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.viewproductedit-pricing-row:last-child{border-bottom:none}.viewproductedit-pricing-label{font-weight:600;color:#6b7280}.viewproductedit-pricing-value{font-weight:600;color:#111827}.viewproductedit-pricing-value.price{color:#10b981}.viewproductedit-pricing-value.select{color:#667eea;font-style:italic}.viewproductedit-discount-section{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;grid-column:1 / -1}.viewproductedit-discount-type{display:flex;gap:20px;margin-bottom:16px}.viewproductedit-radio-item{display:flex;align-items:center;gap:8px}.viewproductedit-radio-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;position:relative;cursor:pointer;transition:all .3s ease}.viewproductedit-radio-input:checked{border-color:#667eea;background:#667eea}.viewproductedit-radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.viewproductedit-radio-label{font-weight:600;color:#374151;cursor:pointer}.viewproductedit-discount-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.viewproductedit-discount-note{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-weight:500;border-left:4px solid #f59e0b}.viewproductedit-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.viewproductedit-variant-item{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;transition:all .3s ease}.viewproductedit-variant-item:hover{box-shadow:0 2px 8px #0000000d}.viewproductedit-checkbox-item{display:flex;align-items:center;gap:10px}.viewproductedit-checkbox-input{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .3s ease;appearance:none;background:#fff}.viewproductedit-checkbox-input:checked{border-color:#667eea;background:#667eea}.viewproductedit-checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700}.viewproductedit-checkbox-label{font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.viewproductedit-media-section{margin-bottom:24px}.viewproductedit-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.viewproductedit-image-item{background:#fff;border-radius:12px;padding:12px;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center}.viewproductedit-image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.viewproductedit-gallery-image{width:100%;height:150px;object-fit:contain;border-radius:8px;cursor:pointer;transition:all .3s ease}.viewproductedit-gallery-image:hover{transform:scale(1.05)}.viewproductedit-image-filename{margin-top:8px;color:#6b7280;font-weight:500;word-break:break-all}.viewproductedit-video-container{margin-top:16px;text-align:center}.viewproductedit-video-player{width:100%;max-width:500px;height:280px;border-radius:12px;border:1px solid #e5e7eb;background:#000}.viewproductedit-video-filename{margin-top:8px;color:#6b7280;font-weight:500}.viewproductedit-bullet-points{margin-top:16px}.viewproductedit-bullet-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin-bottom:8px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.viewproductedit-bullet-item:hover{box-shadow:0 2px 8px #0000000d}.viewproductedit-bullet-number{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.viewproductedit-bullet-text{line-height:1.5;color:#374151;flex:1}.viewproductedit-warranty-info,.viewproductedit-installation-info{margin-top:16px}.viewproductedit-warranty-text,.viewproductedit-installation-text{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #667eea;line-height:1.6;color:#374151;margin-top:8px}.viewproductedit-general-info{margin-top:16px}.viewproductedit-general-text{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #667eea;line-height:1.6;color:#374151;margin-top:8px}@media (max-width: 1200px){.viewproductedit-step-indicator{justify-content:center;flex-wrap:wrap;gap:12px}.viewproductedit-step-indicator:before{display:none}.viewproductedit-step-item{min-width:90px;max-width:110px}}@media (max-width: 768px){.viewproductedit-container{padding:16px}.viewproductedit-header{padding:24px 20px}.viewproductedit-step-progress{padding:20px 16px}.viewproductedit-step-indicator{flex-direction:column;gap:16px}.viewproductedit-step-item{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;min-width:auto;max-width:none;gap:16px;width:100%}.viewproductedit-step-number{width:32px;height:32px;flex-shrink:0}.viewproductedit-step-title{text-align:left;margin:0;flex:1}.viewproductedit-step-content{padding:24px 20px}.viewproductedit-info-item{flex-direction:column;gap:12px;padding:16px}.viewproductedit-info-label{min-width:auto}.viewproductedit-pricing-section{padding:16px}.viewproductedit-specs-grid,.viewproductedit-documents-grid{grid-template-columns:1fr}.viewproductedit-pricing-grid{grid-template-columns:1fr;gap:16px}.viewproductedit-discount-type{flex-direction:column;gap:12px}.viewproductedit-discount-fields{grid-template-columns:1fr}.viewproductedit-variants-grid{grid-template-columns:1fr;gap:12px}.viewproductedit-step-navigation{flex-direction:column;gap:16px;padding:20px 16px}.viewproductedit-step-actions{width:100%;justify-content:space-between}.viewproductedit-images-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.viewproductedit-gallery-image{height:120px}.viewproductedit-video-player{height:200px}.viewproductedit-bullet-item{padding:10px 12px}.viewproductedit-bullet-number{width:20px;height:20px}}@media (max-width: 480px){.viewproductedit-header-top{flex-direction:column;gap:16px;align-items:stretch}.viewproductedit-price-info{flex-direction:column;align-items:flex-start;gap:8px}.viewproductedit-seller-contact{gap:8px}.viewproductedit-document-card{flex-direction:column;text-align:center}.viewproductedit-compliance-item{flex-direction:column;gap:12px;text-align:center}.viewproductedit-compliance-label{min-width:auto}.viewproductedit-images-grid{grid-template-columns:1fr}.viewproductedit-gallery-image{height:180px}.viewproductedit-video-player{height:160px}}.chat-sidebar{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3c72,#2a5298);border-right:1px solid #e4e6ea;overflow:hidden}.chat-sidebar-header{padding:20px 16px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;box-shadow:0 1px 3px #0000001f;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-text{flex:1}.create-group-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:36px;height:36px}.create-group-btn:hover{background:#ffffff1a;transform:scale(1.05)}.sidebar-tabs{display:flex;margin-top:16px;border-bottom:1px solid rgba(255,255,255,.2)}.tab-button{flex:1;background:transparent;border:none;color:#ffffffb3;padding:12px 16px;cursor:pointer;font-weight:500;transition:all .15s ease;border-bottom:2px solid transparent}.tab-button:hover{color:#ffffffe6;background:#ffffff0d}.tab-button.active{color:#fff;border-bottom-color:#fff;background:#ffffff1a}.chat-sidebar-title{margin:0;font-weight:500;color:#fff}.chat-sidebar-subtitle{color:#fffc;margin:4px 0 0}.chat-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:0}.contact-list{list-style:none;margin:0;padding:0}.contact-item{display:block;width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #f0f2f5}.contact-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translate(2px);box-shadow:0 2px 8px #667eea1a}.contact-item.active{background:linear-gradient(135deg,#1e3c7215,#2a529815);border-left:4px solid #1e3c72}.contact-item.active:hover{background:linear-gradient(135deg,#1e3c7225,#2a529825)}.contact-info{display:flex;align-items:center;gap:12px}.contact-avatar-wrapper{position:relative;flex-shrink:0}.contact-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#ddd}.contact-status{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:3px solid white}.contact-status.online{background:#27ae60;box-shadow:0 0 0 2px #fff,0 0 8px #27ae6066}.contact-status.offline{background:#e74c3c;box-shadow:0 0 0 2px #fff,0 0 8px #e74c3c66}.contact-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.contact-name{font-weight:500;color:#111b21;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contact-time{color:#667781;margin-left:8px;flex-shrink:0}.contact-footer{display:flex;justify-content:space-between;align-items:center}.contact-last-message{color:#667781;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contact-unread-badge{background:#2da626;color:#fff;border-radius:50%;min-width:20px;height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;margin-left:8px;flex-shrink:0;box-shadow:0 2px 4px #2da6264d}.contact-item.active .contact-name{color:#111b21}.contact-item.active .contact-last-message{color:#667781}.chat-sidebar-content::-webkit-scrollbar{width:6px}.chat-sidebar-content::-webkit-scrollbar-track{background:transparent}.chat-sidebar-content::-webkit-scrollbar-thumb{background:#8696a0;border-radius:3px}.chat-sidebar-content::-webkit-scrollbar-thumb:hover{background:#667781}.create-group-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-group-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d}.create-group-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.create-group-header h3{margin:0;font-weight:500}.close-modal-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.close-modal-btn:hover{background:#ffffff1a}.create-group-content{flex:1;padding:20px;overflow-y:auto}.group-name-section{margin-bottom:24px}.group-name-section label{display:block;font-weight:500;color:#2c3e50;margin-bottom:8px}.group-name-input{width:100%;padding:12px 16px;border:2px solid #e4e6ea;border-radius:8px;outline:none;transition:border-color .15s ease}.group-name-input:focus{border-color:#2c3e50}.group-name-input.error{border-color:#e74c3c;background-color:#ffeaea}.group-members-section label{display:block;font-weight:500;color:#2c3e50;margin-bottom:12px}.member-list{max-height:200px;overflow-y:auto;border:1px solid #e4e6ea;border-radius:8px;padding:8px;transition:border-color .15s ease}.member-list.error{border-color:#e74c3c;background-color:#ffeaea}.member-item{display:flex;align-items:center;padding:8px;border-radius:6px;transition:background-color .15s ease}.member-item:hover{background:#f8f9fa}.member-checkbox{margin-right:12px;width:16px;height:16px;cursor:pointer}.member-label{display:flex;align-items:center;cursor:pointer;flex:1}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:12px}.create-group-footer{background:#f8f9fa;padding:16px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e4e6ea}.cancel-btn{padding:10px 20px;background:#f0f2f5;color:#667781;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .15s ease}.cancel-btn:hover{background:#e4e6ea}.create-btn{padding:10px 20px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease}.create-btn:hover{background:linear-gradient(135deg,#2a5298,#1e3c72);transform:translateY(-1px)}.error-message{display:block;color:#e74c3c;margin-top:4px;font-weight:500}.selected-count{color:#27ae60;margin-top:8px;font-weight:500}.group-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.group-member-count{position:absolute;bottom:-2px;right:-2px;background:#27ae60;color:#fff;border-radius:50%;min-width:18px;height:18px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white}@media (max-width: 768px){.chat-sidebar-header{padding:16px 12px}.create-group-btn{width:32px;height:32px}.create-group-btn svg{width:18px;height:18px}.tab-button,.contact-item{padding:10px 12px}.contact-avatar{width:45px;height:45px}.contact-unread-badge{min-width:18px;height:18px}.group-avatar{width:45px;height:45px}.group-avatar svg{width:22px;height:22px}.group-member-count{min-width:16px;height:16px}}.chat-window{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3c72,#2a5298)}.chat-window-header{padding:16px 20px;background:linear-gradient(135deg,#1e3c72,#2a5298);border-bottom:1px solid #e4e6ea;box-shadow:0 1px 2px #0000000f;display:flex;justify-content:space-between;align-items:center;gap:12px}.back-to-contacts-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:36px;height:36px;flex-shrink:0}.back-to-contacts-btn:hover{background:#ffffff1a;transform:scale(1.05)}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#ddd}.chat-header-details h6{margin:0 0 2px;font-weight:500;color:#fff}.chat-header-status{margin:0;color:#fffc}.chat-header-status.online{color:#27ae60}.chat-header-status.offline{color:#e74c3c}.chat-messages-container{flex:1;overflow-y:auto;padding:12px 20px;background:#f8f9fa;background-image:linear-gradient(135deg,#e0e6e8,#fff);background-attachment:fixed}.chat-messages{display:flex;flex-direction:column;gap:8px}.date-separator{display:flex;justify-content:center;margin:16px 0 12px}.date-label{background:#0000001a;color:#152128;padding:6px 12px;border-radius:12px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 3px #0000001a}.message-wrapper{display:flex;margin-bottom:2px}.message-wrapper.own{justify-content:flex-end}.message-wrapper.other{justify-content:flex-start}.message-bubble{max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.message-bubble.own{background:#d9fdd3;color:#111b21;border-bottom-right-radius:2px}.message-bubble.other{background:#fff;color:#111b21;border-bottom-left-radius:2px}.message-sender{font-weight:600;color:#667eea;margin-bottom:4px;display:block}.message-text{margin:0 0 2px;word-wrap:break-word}.message-time{display:block;color:#667781;margin-top:2px;text-align:right}.message-bubble.own .message-time,.message-bubble.other .message-time{color:#667781}.chat-input-container{padding:20px;background:#f0f2f5}.chat-input-form{display:flex;gap:8px;align-items:center}.chat-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#fff;border-radius:21px;padding:8px 12px 8px 8px}.file-menu-container{position:relative;margin-right:8px}.chat-file-button{width:36px;height:36px;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:all .15s ease}.chat-file-button:hover{background:#f0f2f5;transform:scale(1.1)}.file-type-menu{position:absolute;bottom:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px;margin-bottom:8px;min-width:140px;z-index:1000;border:1px solid #e4e6ea;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-type-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease;text-align:left}.file-type-option:hover{background:#f0f2f5}.file-type-icon{flex-shrink:0;display:flex;align-items:center;color:#667eea}.file-type-icon svg{color:inherit}.file-type-label{font-weight:500;color:#111b21}.chat-file-input{display:none}.chat-input{flex:1;padding:12px 0;border:none;outline:none;background:transparent;color:#3b4a54;line-height:20px;min-height:20px;max-height:100px;resize:none}.chat-input::placeholder{color:#8696a0}.chat-send-button{width:44px;height:44px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 8px #1e3c724d}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#2a5298,#1e3c72);transform:scale(1.05);box-shadow:0 4px 12px #1e3c7266}.chat-send-button:disabled{background:#8696a0;cursor:not-allowed}.chat-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.chat-placeholder-content{text-align:center;max-width:400px;padding:2rem}.chat-placeholder-icon{color:#8696a0;margin-bottom:1.5rem}.chat-placeholder-title{font-weight:300;color:#41525d;margin-bottom:12px}.chat-placeholder-subtitle{color:#667781;line-height:1.5;margin:0}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:#8696a066;border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#8696a0b3}.file-preview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-preview-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d}.file-preview-header{background:#f0f2f5;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6ea}.file-preview-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:#667781;transition:background-color .15s ease}.file-preview-close:hover{background:#e4e6ea}.file-preview-title{margin:0 34px 0 0;font-weight:500;color:#111b21;flex:1;text-align:center}.file-preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8f9fa;min-height:200px}.file-preview-image{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 4px 12px #00000026}.video-preview-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;background:#000}.file-preview-video{max-width:100%;max-height:300px;display:block;background:#000}.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.6) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:12px;pointer-events:none}.video-info{display:flex;justify-content:flex-end;align-items:flex-start;color:#fff}.video-duration{background:#000000b3;padding:4px 8px;border-radius:4px;font-weight:500}.file-preview-document{display:flex;align-items:center;gap:16px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.file-info{flex:1}.file-name{margin:0 0 8px;font-weight:500;color:#111b21;word-break:break-all}.file-size{margin:0;color:#667781}.file-preview-footer{background:#fff;padding:16px 20px;border-top:1px solid #e4e6ea}.file-caption-input{width:100%;padding:12px 16px;border:1px solid #e4e6ea;border-radius:20px;outline:none;margin-bottom:16px;background:#f0f2f5}.file-caption-input:focus{border-color:#00a884;background:#fff}.file-preview-actions{display:flex;gap:12px;justify-content:flex-end}.file-cancel-btn{padding:10px 20px;background:#f0f2f5;color:#667781;border:none;border-radius:20px;cursor:pointer;font-weight:500;transition:background-color .15s ease}.file-cancel-btn:hover{background:#e4e6ea}.file-send-btn{padding:10px 20px;background:#00a884;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.file-send-btn:hover{background:#008069}.group-avatar-header{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);display:flex;align-items:center;justify-content:center;margin-right:12px}.view-members-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:36px;height:36px}.view-members-btn:hover{background:#ffffff1a;transform:scale(1.05)}.export-menu-container{position:relative}.export-chat-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:36px;height:36px}.export-chat-btn:hover{background:#27ae6033;transform:scale(1.05)}.export-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px;margin-top:8px;min-width:220px;z-index:1000;border:1px solid #e4e6ea;animation:fadeInDown .2s ease}.export-option{width:100%;background:transparent;border:none;padding:12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .15s ease;text-align:left}.export-option:hover{background:#f8f9fa;transform:translate(2px)}.export-icon{flex-shrink:0}.export-name{font-weight:500;color:#2c3e50;line-height:1.2}.export-desc{color:#6c757d;line-height:1.2}.export-separator{height:1px;background:#e9ecef;margin:4px 0}.leave-group-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:36px;height:36px}.leave-group-btn:hover{background:#e74c3c33;transform:scale(1.05)}.group-members-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.group-members-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d}.group-members-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.group-members-header h3{margin:0;font-weight:500}.group-members-content{flex:1;padding:20px;overflow-y:auto}.group-info{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e4e6ea}.group-info h4{margin:0 0 4px;font-weight:500;color:#2c3e50}.group-info p{margin:0;color:#667781}.members-list{display:flex;flex-direction:column;gap:12px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:background-color .15s ease;border:1px solid #e4e6ea}.member-row:hover{background:#f8f9fa}.member-info{display:flex;align-items:center;gap:12px;flex:1}.member-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-weight:500;color:#2c3e50}.member-email{color:#667781}.remove-member-btn{background:#e74c3c;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:28px;height:28px}.remove-member-btn:hover{background:#c0392b;transform:scale(1.1)}.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1002;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.confirm-header{background:#e74c3c;color:#fff;padding:16px 20px}.confirm-header h3{margin:0;font-weight:500}.confirm-content{padding:20px}.confirm-content p{margin:0 0 8px;color:#2c3e50;line-height:1.5}.confirm-subtitle{color:#667781}.confirm-actions{background:#f8f9fa;padding:16px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e4e6ea}.confirm-cancel-btn{padding:10px 20px;background:#f0f2f5;color:#667781;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .15s ease}.confirm-cancel-btn:hover{background:#e4e6ea}.confirm-remove-btn{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease}.confirm-remove-btn:hover{background:#c0392b;transform:translateY(-1px)}.confirm-header.leave-group{background:#4a5568}.confirm-leave-btn{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s ease}.confirm-leave-btn:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width: 768px){.chat-window-header{justify-content:start}.chat-header-actions{width:auto!important}.chat-window-header{padding:12px 16px}.back-to-contacts-btn{width:32px;height:32px}.chat-header-info{gap:10px}.group-avatar-header,.chat-header-avatar{width:36px;height:36px;flex-shrink:0}.chat-input-container{padding:12px 16px}.chat-input-wrapper{padding:6px 10px 6px 6px}.chat-file-button{width:32px;height:32px;margin-right:6px}.chat-send-button{width:40px;height:40px}.chat-input{padding:10px 0}.chat-messages-container{padding:8px 12px}.message-wrapper{margin-bottom:6px}.message-wrapper.own{justify-content:flex-end}.message-wrapper.other{justify-content:flex-start}.message-bubble{max-width:80%;padding:8px 12px 10px}.message-bubble.own{margin-left:auto;margin-right:0}.message-bubble.other{margin-left:0;margin-right:auto}.message-time{text-align:right;margin-top:4px}.message-sender{margin-bottom:4px;font-weight:600}.message-text{line-height:1.4;word-wrap:break-word}.date-label{padding:4px 8px}.export-chat-btn,.view-members-btn,.leave-group-btn{width:32px;height:32px}.export-chat-btn svg,.view-members-btn svg,.leave-group-btn svg{width:18px;height:18px}.group-avatar-header svg{width:20px;height:20px}}.chatting-panel{min-height:100vh;display:flex;overflow:hidden;background:#f0f2f5}.chatting-sidebar{width:320px;min-width:280px;max-width:400px;flex-shrink:0;background:#fff;border-right:1px solid #e4e6ea;height:100vh;overflow:hidden}.chatting-main{flex:1;display:flex;flex-direction:column;background:#f0f2f5;min-width:0}@media (max-width: 768px){.chatting-panel{position:relative;overflow:hidden}.chatting-sidebar{position:absolute;top:0;left:0;width:100%;height:100vh;max-width:none;z-index:2;transform:translate(0);transition:transform .3s ease}.chatting-main{position:absolute;top:0;left:0;width:100%;height:100vh;transform:translate(100%);transition:transform .3s ease}.chatting-panel.chat-open .chatting-sidebar{transform:translate(-100%)}.chatting-panel.chat-open .chatting-main{transform:translate(0)}}.menu-creation-container{min-height:100vh}.menu-creation-wrapper{max-width:1200px;margin:0 auto;padding:2rem 1rem}.menu-creation-content{max-width:800px;margin:0 auto}.menu-creation-header{text-align:center;margin-bottom:3rem}.menu-creation-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:300;color:#2c3e50;margin-bottom:.5rem}.menu-creation-title-icon{color:#3498db}.menu-creation-subtitle{color:#6c757d;margin-bottom:1.5rem}.menu-creation-breadcrumb{margin-top:1rem}.menu-creation-breadcrumb .breadcrumb{justify-content:center;background-color:transparent;margin-bottom:0}.menu-creation-breadcrumb-link{color:#6c757d;text-decoration:none;transition:color .3s ease}.menu-creation-breadcrumb-link:hover{color:#2c3e50}.menu-creation-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;border:none;overflow:hidden}.menu-creation-card-body{padding:3rem}.menu-creation-form-group{margin-bottom:2rem}.menu-creation-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.75rem}.menu-creation-required{color:#dc3545;margin-left:.25rem}.menu-creation-input,.menu-creation-select,.menu-creation-textarea{width:100%;padding:1rem 1.5rem;border:1px solid #e9ecef;border-radius:12px;transition:all .3s ease;background-color:#fff;color:#2c3e50;outline:none}.menu-creation-input:focus,.menu-creation-select:focus,.menu-creation-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.menu-creation-input.valid,.menu-creation-select.valid,.menu-creation-textarea.valid{border-color:#28a745}.menu-creation-input.error,.menu-creation-select.error,.menu-creation-textarea.error{border-color:#dc3545}.menu-creation-textarea{resize:vertical;min-height:120px}.menu-creation-form-text{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;color:#6c757d}.menu-creation-error{color:#dc3545;margin-top:.5rem;font-weight:500}.menu-creation-radio-group{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.menu-creation-radio-item{position:relative}.menu-creation-radio{position:absolute;opacity:0;width:0;height:0}.menu-creation-radio-label{display:block;padding:1.5rem;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;background-color:#fff}.menu-creation-radio-label:hover{border-color:#3498db;background-color:#f8f9fa}.menu-creation-radio:checked+.menu-creation-radio-label{border-color:#3498db;background-color:#e3f2fd;box-shadow:0 0 0 3px #3498db1a}.menu-creation-radio-title{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.menu-creation-radio-desc{display:block;color:#6c757d;line-height:1.4}.menu-creation-actions{display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:1px solid #e9ecef;margin-top:2rem;flex-wrap:wrap}.menu-creation-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center}.menu-creation-btn:disabled{opacity:.6;cursor:not-allowed}.menu-creation-btn-primary{background-color:#3498db;color:#fff}.menu-creation-btn-primary:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.menu-creation-btn-secondary{background-color:#6c757d;color:#fff}.menu-creation-btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.menu-creation-btn-danger{background-color:#dc3545;color:#fff}.menu-creation-btn-danger:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.menu-creation-btn-info{background-color:#17a2b8;color:#fff}.menu-creation-btn-info:hover{background-color:#138496;transform:translateY(-1px);box-shadow:0 4px 8px #17a2b84d}@media (max-width: 768px){.menu-creation-wrapper{padding:1rem}.menu-creation-card-body{padding:2rem 1.5rem}.menu-creation-radio-group{grid-template-columns:1fr}.menu-creation-actions{flex-direction:column;align-items:stretch}.menu-creation-btn{width:100%;min-width:auto}}@media (max-width: 480px){.menu-creation-title{flex-direction:column;gap:.5rem}.menu-creation-form-text{flex-direction:column;align-items:flex-start;gap:.25rem}}.menu-creation-fade-in{animation:menuCreationFadeIn .5s ease-out}@keyframes menuCreationFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-creation-btn:focus-visible,.menu-creation-input:focus-visible,.menu-creation-select:focus-visible,.menu-creation-textarea:focus-visible{outline:2px solid #3498db;outline-offset:2px}.menu-creation-radio:focus-visible+.menu-creation-radio-label{outline:2px solid #3498db;outline-offset:2px}.menu-creation-btn:disabled .menu-creation-loading{animation:menuCreationSpin 1s linear infinite}@keyframes menuCreationSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-hierarchy-wrapper{padding:1rem 2rem 2rem;max-width:1400px;margin:0 auto}.menu-hierarchy-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.menu-hierarchy-header-content{display:flex;align-items:center;gap:1rem}.menu-hierarchy-header-icon{background:#fff3;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-hierarchy-header-icon i{font-size:1.5rem!important;color:#fff}.menu-hierarchy-header-text{flex:1}.menu-hierarchy-header-title{color:#fff;font-weight:600;margin-bottom:.5rem;margin:0}.menu-hierarchy-header-description{color:#ffffffe6;margin:0;line-height:1.5}.menu-hierarchy-stat-card{background:#fff;padding:1.5rem;border-radius:.75rem;text-align:center;box-shadow:0 2px 10px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #6c757d}.menu-hierarchy-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.menu-hierarchy-stat-card.main{border-left-color:#3498db}.menu-hierarchy-stat-card.sub{border-left-color:#2ecc71}.menu-hierarchy-stat-card.super{border-left-color:#e74c3c}.menu-hierarchy-stat-card.total{border-left-color:#9b59b6}.menu-hierarchy-stat-card .stat-number{font-size:1rem!important;font-weight:700;color:#2c3e50;margin-bottom:.25rem;display:block}.menu-hierarchy-stat-card .stat-label{color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.menu-hierarchy-controls-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid #f1f3f4}.menu-hierarchy-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:1rem;flex-wrap:wrap}.menu-hierarchy-filters{display:flex;gap:1rem;align-items:center}.menu-hierarchy-filter-select{padding:.5rem .75rem;border:1px solid #e9ecef;border-radius:8px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:all .3s ease;min-width:180px}.menu-hierarchy-filter-select:focus{outline:none;border-color:#9b59b6;box-shadow:0 0 0 3px #9b59b61a}.menu-hierarchy-create-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background-color:#9b59b6;color:#fff;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 10px #9b59b633}.menu-hierarchy-create-btn:hover{background-color:#8e44ad;transform:translateY(-1px);box-shadow:0 4px 8px #9b59b64d;color:#fff}.menu-hierarchy-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.menu-hierarchy-tree-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.menu-hierarchy-tree-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.menu-hierarchy-tree-header h3{margin:0;color:#2c3e50;font-weight:600}.menu-hierarchy-tree-actions{display:flex;gap:.5rem}.hierarchy-control-btn{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.hierarchy-control-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.menu-hierarchy-tree{padding:1rem;max-height:600px;overflow-y:auto}.hierarchy-node{margin-bottom:.25rem}.hierarchy-node-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-radius:8px;transition:all .3s ease;cursor:pointer}.hierarchy-node-content:hover{background-color:#f8f9fa}.hierarchy-node-content.selected{background-color:#e3f2fd;border-left:4px solid #3498db}.hierarchy-node-left{display:flex;align-items:center;gap:.5rem;flex:1}.hierarchy-expand-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:#6c757d;transition:color .3s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hierarchy-expand-btn:hover{color:#2c3e50}.hierarchy-expand-spacer{width:20px;height:20px}.hierarchy-menu-item{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.hierarchy-menu-icon.main{color:#3498db}.hierarchy-menu-icon.sub{color:#2ecc71}.hierarchy-menu-icon.super{color:#e74c3c}.hierarchy-menu-name{font-weight:500;color:#2c3e50;flex:1}.hierarchy-menu-type{padding:.25rem .5rem;border-radius:12px;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hierarchy-menu-order{background-color:#f8f9fa;color:#6c757d;padding:.25rem .5rem;border-radius:4px;font-weight:600}.hierarchy-node-actions{display:flex;gap:.25rem;opacity:1;margin-left:1rem}.hierarchy-action-btn{padding:.375rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hierarchy-action-btn.view{background-color:#17a2b8;color:#fff}.hierarchy-action-btn.edit{background-color:#28a745;color:#fff}.hierarchy-action-btn.delete{background-color:#dc3545;color:#fff}.hierarchy-action-btn:hover{transform:translateY(-1px)}.hierarchy-children{margin-left:1rem;border-left:2px solid #e9ecef;padding-left:.5rem}.hierarchy-empty-state{text-align:center;padding:3rem 1rem;color:#6c757d}.hierarchy-empty-state a{color:#9b59b6;text-decoration:none;font-weight:500}.menu-hierarchy-details-section{display:flex;flex-direction:column;gap:1.5rem}.menu-hierarchy-details-header{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px #0000001a}.menu-hierarchy-details-header h3{margin:0;color:#2c3e50;font-weight:600}.menu-hierarchy-details-content,.hierarchy-detail-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.hierarchy-detail-header{padding:1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.hierarchy-detail-header h3{margin:0 0 1rem;color:#2c3e50;font-weight:600}.hierarchy-detail-title-info{display:flex;align-items:center;gap:.75rem}.hierarchy-detail-header h4{margin:0;color:#2c3e50;font-weight:600;flex:1}.hierarchy-detail-type{padding:.375rem .75rem;border-radius:20px;color:#fff;font-weight:500;text-transform:capitalize}.hierarchy-detail-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;margin-bottom:0}.hierarchy-detail-row{display:flex;flex-direction:column;gap:.25rem}.hierarchy-detail-row label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.hierarchy-detail-row span{color:#2c3e50;font-weight:500}.hierarchy-detail-content{background-color:#f8f9fa;padding:.75rem;border-radius:6px;border-left:3px solid #3498db;font-style:italic;line-height:1.5}.hierarchy-detail-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}.hierarchy-detail-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;flex:1;justify-content:center}.hierarchy-detail-btn.edit{background-color:#28a745;color:#fff}.hierarchy-detail-btn.delete{background-color:#dc3545;color:#fff}.hierarchy-detail-btn:hover{transform:translateY(-1px)}.menu-hierarchy-details-empty{padding:3rem 1.5rem;text-align:center;color:#6c757d}.menu-hierarchy-stats{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px #0000001a}.menu-hierarchy-stats h4{margin:0 0 1rem;color:#2c3e50;font-weight:600}.hierarchy-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hierarchy-stat-item{text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:8px;border-left:3px solid #9b59b6}.hierarchy-stat-number{display:block;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.hierarchy-stat-label{color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.menu-hierarchy-content{grid-template-columns:1fr;gap:1.5rem}.menu-hierarchy-tree-section{order:-1}}@media (max-width: 768px){.menu-hierarchy-wrapper{padding:1rem}.menu-hierarchy-header{flex-direction:column;align-items:stretch;gap:1rem}.menu-hierarchy-tree-header{flex-direction:column;gap:1rem;text-align:center}.menu-hierarchy-tree-actions{justify-content:center}.menu-hierarchy-tree{max-height:400px}.hierarchy-node-content{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem .5rem}.hierarchy-node-left{width:100%;margin-bottom:.5rem}.hierarchy-menu-item{flex-wrap:wrap;gap:.5rem}.hierarchy-menu-name{flex:1;min-width:0;word-break:break-word}.hierarchy-menu-type{padding:.25rem .5rem}.hierarchy-node-actions{margin-left:0;justify-content:center;gap:.5rem;width:100%}.hierarchy-action-btn{padding:.5rem;min-width:40px}.hierarchy-stats-grid{grid-template-columns:1fr}}.hierarchy-detail-actions{flex-direction:column}} @media (max-width: 480px){.hierarchy-node-content{padding:.5rem .25rem}.hierarchy-menu-item{gap:.5rem}.hierarchy-detail-card{padding:1rem}}.menu-hierarchy-fade-in{animation:menuHierarchyFadeIn .5s ease-out}@keyframes menuHierarchyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hierarchy-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.hierarchy-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hierarchy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa;border-radius:16px 16px 0 0}.hierarchy-modal-header h3{margin:0;color:#dc3545;font-weight:600;display:flex;align-items:center;gap:.5rem}.hierarchy-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#6c757d;border-radius:6px;transition:all .3s ease}.hierarchy-modal-close:hover{background-color:#e9ecef;color:#2c3e50}.hierarchy-modal-body{padding:1.5rem}.hierarchy-modal-warning{color:#2c3e50;margin-bottom:1rem}.hierarchy-modal-menu-info{background-color:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #dc3545;margin-bottom:1rem}.hierarchy-modal-menu-info strong{color:#2c3e50}.hierarchy-modal-menu-type{color:#6c757d;margin-left:.5rem}.hierarchy-modal-children-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem}.hierarchy-modal-children-warning p{margin:0 0 .5rem;color:#856404;font-weight:500}.hierarchy-modal-children-list{margin:0;padding-left:1rem;color:#856404}.hierarchy-modal-children-list li{margin-bottom:.25rem}.hierarchy-modal-instruction{color:#2c3e50;margin-bottom:.75rem}.hierarchy-modal-input{width:100%;padding:.875rem;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease;outline:none}.hierarchy-modal-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.hierarchy-modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa;border-radius:0 0 16px 16px}.hierarchy-modal-btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.hierarchy-modal-btn.cancel{background-color:#6c757d;color:#fff}.hierarchy-modal-btn.cancel:hover{background-color:#5a6268;transform:translateY(-1px)}.hierarchy-modal-btn.delete.enabled{background-color:#dc3545;color:#fff}.hierarchy-modal-btn.delete.enabled:hover{background-color:#c82333;transform:translateY(-1px)}.hierarchy-modal-btn.delete.disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.hierarchy-modal-btn.delete.disabled:hover{transform:none}.hierarchy-expand-btn:focus,.hierarchy-action-btn:focus,.hierarchy-detail-btn:focus,.hierarchy-control-btn:focus,.menu-hierarchy-create-btn:focus,.hierarchy-modal-close:focus,.hierarchy-modal-btn:focus,.hierarchy-modal-input:focus{outline:2px solid #9b59b6;outline-offset:2px}.hierarchy-menu-item:focus{outline:2px solid #3498db;outline-offset:2px;border-radius:4px}.menu-view-container{min-height:100vh}.menu-view-wrapper{max-width:1200px;margin:0 auto;padding:2rem 1rem}.menu-view-loading,.menu-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.menu-view-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #3498db;border-radius:50%;animation:menuViewSpin 1s linear infinite;margin-bottom:1rem}@keyframes menuViewSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-view-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3498db;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.menu-view-back-btn:hover{background-color:#2980b9;color:#fff;transform:translateY(-1px)}.menu-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.menu-view-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#6c757d;text-decoration:none;padding:.5rem;border-radius:6px;transition:all .3s ease}.menu-view-back-link:hover{color:#2c3e50;background-color:#e9ecef}.menu-view-actions{display:flex;gap:.75rem}.menu-view-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff}.menu-view-action-btn.edit{background-color:#28a745}.menu-view-action-btn.edit:hover{background-color:#218838;transform:translateY(-1px)}.menu-view-action-btn.delete{background-color:#dc3545}.menu-view-action-btn.delete:hover{background-color:#c82333;transform:translateY(-1px)}.menu-view-breadcrumb{margin-bottom:2rem}.menu-view-breadcrumb .breadcrumb{background-color:transparent;margin-bottom:0}.menu-view-breadcrumb-link{color:#6c757d;text-decoration:none;transition:color .3s ease}.menu-view-breadcrumb-link:hover{color:#2c3e50}.menu-view-content{display:flex;flex-direction:column;gap:2rem}.menu-view-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.menu-view-card-header{background-color:#f8f9fa;padding:1.5rem;border-bottom:1px solid #e9ecef}.menu-view-card-header h3{margin:0;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:.75rem}.menu-view-card-body{padding:1.5rem}.menu-view-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem}.menu-view-hero .menu-view-card-header{background:none;border:none;padding:0}.menu-view-hero-content{display:flex;justify-content:space-between;align-items:center;padding:2rem}.menu-view-hero-left{display:flex;align-items:center;gap:1rem}.menu-view-icon{color:#fff}.menu-view-hero-text{display:flex;flex-direction:column;gap:.75rem}.menu-view-title{margin:0;font-weight:300;color:#fff}.menu-view-type-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:500;background-color:#fff3!important;color:#fff}.menu-view-hero-right{text-align:right}.menu-view-order{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#fff;background-color:#fff3;padding:.75rem 1rem;border-radius:8px}.menu-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.menu-view-info-grid{display:grid;gap:1rem}.menu-view-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f8f9fa}.menu-view-info-item:last-child{border-bottom:none}.menu-view-info-item label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.menu-view-info-item span{color:#2c3e50;font-weight:500}.menu-view-status.active{background-color:#d4edda;color:#155724;padding:.25rem .75rem;border-radius:12px}.menu-view-content-display{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.menu-view-content-display p{margin:0;line-height:1.6;color:#2c3e50}.menu-view-no-content{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.menu-view-timeline{display:flex;flex-direction:column;gap:1.5rem}.menu-view-timeline-item{display:flex;align-items:flex-start;gap:1rem}.menu-view-timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.menu-view-timeline-icon.created{background-color:#28a745}.menu-view-timeline-icon.modified{background-color:#ffc107;color:#2c3e50}.menu-view-timeline-content h4{margin:0 0 .25rem;color:#2c3e50;font-weight:600}.menu-view-timeline-content p{margin:0 0 .25rem;color:#2c3e50;font-weight:500}.menu-view-timeline-content span{color:#6c757d}.menu-view-hierarchy-path{display:flex;flex-direction:column;gap:1rem}.menu-view-hierarchy-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background-color:#f8f9fa}.menu-view-hierarchy-item.current{background-color:#e3f2fd;border-left:4px solid #3498db}.menu-view-hierarchy-label{font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.menu-view-hierarchy-link{color:#3498db;text-decoration:none;font-weight:500;transition:color .3s ease}.menu-view-hierarchy-link:hover{color:#2980b9;text-decoration:underline}.menu-view-hierarchy-current{color:#2c3e50;font-weight:600}.menu-view-children-list{display:flex;flex-wrap:wrap;gap:.5rem}.menu-view-child-link{background-color:#e9ecef;color:#2c3e50;padding:.25rem .75rem;border-radius:12px;text-decoration:none;font-weight:500;transition:all .3s ease}.menu-view-child-link:hover{background-color:#3498db;color:#fff}@media (max-width: 768px){.menu-view-wrapper{padding:1rem}.menu-view-header{flex-direction:column;align-items:stretch;gap:1rem}.menu-view-actions{justify-content:center}.menu-view-hero-content{flex-direction:column;text-align:center;gap:1.5rem}.menu-view-grid{grid-template-columns:1fr}.menu-view-info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.menu-view-timeline-item{align-items:center}}@media (max-width: 480px){.menu-view-hero-left{flex-direction:column;text-align:center}.menu-view-actions{flex-direction:column}}.menu-view-fade-in{animation:menuViewFadeIn .5s ease-out}@keyframes menuViewFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-view-action-btn:focus,.menu-view-back-link:focus,.menu-view-back-btn:focus,.menu-view-hierarchy-link:focus,.menu-view-child-link:focus,.menu-view-breadcrumb-link:focus{outline:2px solid #3498db;outline-offset:2px}.section{min-height:100vh;background-color:#fff}.manage-top-menu-wrapper{padding:1rem 2rem 2rem;max-width:1400px;margin:0 auto}.manage-top-menu-header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.manage-top-menu-header-content{display:flex;align-items:center;gap:1rem}.manage-top-menu-header-icon{background:#fff3;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.manage-top-menu-header-icon i{color:#fff}.manage-top-menu-header-text{flex:1}.manage-top-menu-header-title{color:#fff;font-weight:600;margin:0 0 .5rem}.manage-top-menu-header-description{color:#ffffffe6;margin:0;line-height:1.4}.manage-top-menu-stat-card{background:#fffffff2;padding:1.5rem 1rem;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;border-left:4px solid transparent}.manage-top-menu-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.manage-top-menu-stat-card.total{border-left-color:#3498db}.manage-top-menu-stat-card.active{border-left-color:#27ae60}.manage-top-menu-stat-card.inactive{border-left-color:#e74c3c}.manage-top-menu-stat-card .stat-number{font-size:1rem!important;font-weight:700;color:#2c3e50;margin-bottom:.25rem}.manage-top-menu-stat-card .stat-label{color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.manage-top-menu-controls-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:1.5rem 2rem;margin-bottom:2rem;border:1px solid #f1f3f4}.manage-top-menu-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.manage-top-menu-filters{display:flex;gap:1rem;align-items:center}.manage-top-menu-filter-select{padding:.5rem .75rem;border:1px solid #e9ecef;border-radius:8px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:all .3s ease;min-width:180px}.manage-top-menu-filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.manage-top-menu-create-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background-color:#3498db;color:#fff;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 10px #3498db33}.manage-top-menu-create-btn:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 20px #3498db4d}.manage-top-menu-cards-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.manage-top-menu-section-header{background-color:#f8f9fa;padding:1.5rem;border-bottom:1px solid #e9ecef}.manage-top-menu-section-header h3{margin:0;color:#2c3e50;font-weight:600}.manage-top-menu-cards-container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.menu-item-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;min-height:70px}.menu-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#3498db}.menu-card-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.menu-card-order{flex-shrink:0}.menu-card-main-content{display:flex;align-items:center;gap:2rem;flex:1;min-width:0}.menu-name-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.menu-name-section h4{margin:0;font-weight:600;color:#2c3e50;white-space:nowrap}.menu-url-section{display:flex;align-items:center;gap:.5rem;min-width:0}.menu-url-label{font-weight:500;color:#6c757d;flex-shrink:0}.menu-card-meta{display:flex;align-items:center;flex-shrink:0}.menu-date-info{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.date-label{font-weight:500;color:#6c757d}.menu-card-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.menu-card-status{flex-shrink:0}.status-display{display:flex;align-items:center;gap:.75rem}.status-text{font-weight:500;text-transform:uppercase;letter-spacing:.3px;min-width:70px;padding:.5rem 1rem;border-radius:25px;text-align:center}.status-text.active{background-color:#d4f6d4;color:#2d5a2d}.status-text.inactive{background-color:#f1f3f4;color:#6c757d}.toggle-switch{position:relative;width:50px;height:26px;background-color:#e9ecef;border-radius:13px;cursor:pointer;transition:all .3s ease;border:2px solid #e9ecef}.toggle-switch.active{background-color:#28a745;border-color:#28a745}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider{transform:translate(24px)}.toggle-switch:hover{box-shadow:0 0 0 3px #28a7451a}.menu-card-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.menu-order-badge{background-color:#6c757d;color:#fff;padding:.25rem .5rem;border-radius:12px;font-weight:500}.menu-name-cell{display:flex;align-items:center;gap:.5rem}.menu-icon{color:#3498db}.menu-name{font-weight:500;color:#2c3e50}.menu-url{background-color:#f8f9fa;padding:.25rem .5rem;border-radius:4px;color:#6c757d}.menu-date{color:#6c757d}.menu-actions{display:flex;gap:.5rem;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#fff}.action-btn.view{background-color:#17a2b8}.action-btn.view:hover{background-color:#138496}.action-btn.edit{background-color:#28a745}.action-btn.edit:hover{background-color:#218838}.action-btn.delete{background-color:#dc3545}.action-btn.delete:hover{background-color:#c82333}.manage-top-menu-empty-state{padding:3rem;text-align:center;color:#6c757d}.link-btn{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer}.link-btn:hover{color:#2980b9}.manage-top-menu-container{min-height:100vh;background-color:#f8f9fa}.manage-top-menu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.manage-top-menu-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #3498db;border-radius:50%;animation:topMenuSpin 1s linear infinite;margin-bottom:1rem}@keyframes topMenuSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.manage-top-menu-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manage-top-menu-add-edit-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.manage-top-menu-modal-form{display:flex;flex-direction:column;height:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.form-input{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease;background-color:#fff}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input::placeholder{color:#adb5bd}.checkbox-group{margin-bottom:2rem}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:all .3s ease}.checkbox-label:hover{background-color:#f8f9fa}.form-checkbox{width:18px;height:18px;cursor:pointer}.checkbox-text{color:#2c3e50;font-weight:500}.manage-top-menu-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.manage-top-menu-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.manage-top-menu-modal-header h3{margin:0;color:#3e3575;font-weight:600}.manage-top-menu-modal-close{background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.manage-top-menu-modal-close:hover{background-color:#f8f9fa;color:#2c3e50}.manage-top-menu-modal-body{padding:1.5rem}.manage-top-menu-modal-warning{color:#6c757d;margin-bottom:1rem}.manage-top-menu-modal-menu-info{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #dc3545}.manage-top-menu-modal-menu-info strong{color:#2c3e50;font-weight:600}.manage-top-menu-modal-menu-url{color:#6c757d;margin-left:.5rem}.manage-top-menu-modal-instruction{color:#2c3e50;margin-bottom:1rem;font-weight:500}.manage-top-menu-modal-input{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease}.manage-top-menu-modal-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.manage-top-menu-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e9ecef;justify-content:flex-end}.manage-top-menu-modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.manage-top-menu-modal-btn.cancel{background-color:#6c757d;color:#fff}.manage-top-menu-modal-btn.cancel:hover{background-color:#5a6268}.manage-top-menu-modal-btn.delete.enabled{background-color:#dc3545;color:#fff}.manage-top-menu-modal-btn.delete.enabled:hover{background-color:#c82333}.manage-top-menu-modal-btn.delete.disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.manage-top-menu-modal-btn.save{background-color:#28a745;color:#fff}.manage-top-menu-modal-btn.save:hover{background-color:#218838}@media (max-width: 1024px){.manage-top-menu-cards-container{padding:1rem}.menu-item-card{padding:1.25rem}}@media (max-width: 768px){.manage-top-menu-wrapper{padding:1rem}.manage-top-menu-header{padding:1.5rem}.manage-top-menu-header-content{flex-direction:column;text-align:center}.manage-top-menu-controls{flex-direction:column;align-items:stretch;gap:1rem}.manage-top-menu-create-btn{justify-content:center}.manage-top-menu-cards-container{padding:1rem;gap:1rem}.menu-item-card{padding:1rem;flex-direction:column;gap:1rem;min-height:auto}.menu-card-left{width:100%;gap:1rem;flex-direction:column;align-items:flex-start}.menu-card-main-content{width:100%;flex-direction:column;gap:.75rem;align-items:flex-start}.menu-name-section,.menu-url-section,.menu-card-meta{width:100%;justify-content:flex-start}.menu-card-right{width:100%;flex-direction:column;gap:1rem;align-items:stretch}.menu-card-status{width:100%}.status-display{justify-content:space-between;width:100%}.menu-card-actions{width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid #f1f3f4}.action-btn{width:40px;height:40px}}@media (max-width: 480px){.manage-top-menu-modal{width:95%;margin:1rem}.manage-top-menu-cards-container{padding:.75rem;gap:.75rem}.menu-item-card{padding:.875rem;gap:.75rem}.menu-card-left,.menu-card-main-content,.menu-card-right{flex-direction:column;align-items:flex-start;gap:.75rem}.menu-name-section{align-items:flex-start;gap:.5rem;width:100%}.menu-url-section{flex-direction:column;align-items:flex-start;gap:.25rem;width:100%}.menu-date-info{flex-direction:column;align-items:flex-start;gap:.25rem}.menu-card-actions{gap:.75rem;padding-top:.5rem}.action-btn{width:40px;height:40px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;padding:40px;width:100%;max-width:420px;border:1px solid #e1e5e9}.login-header{text-align:center;margin-bottom:30px}.logo-container{margin-bottom:20px}.login-logo{max-width:200px;max-height:80px;width:auto;height:auto;object-fit:contain}.login-subtitle{color:#666;margin:0;font-weight:400}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-input{width:100%;padding:14px 16px;border:2px solid #ccc;border-radius:8px;transition:all .3s ease;background:#f9f9f9;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-input.input-error{border-color:#e53e3e;background:#fff5f5}.form-input.input-error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-message{display:block;color:#e53e3e;font-size:.875rem;margin-top:6px;font-weight:500}.error-message:before{content:none!important}.form-group .error-message:before,.form-group .error-message:after{display:none!important;content:none!important}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:#666;transition:all .3s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#667eea;background-color:#667eea1a}.form-options{display:flex;justify-content:flex-end;align-items:center;margin-bottom:25px}.forgot-password{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#764ba2;text-decoration:underline}.login-button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:54px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;padding:0!important;animation:spin 1s linear infinite}@media (max-width: 768px){.login-container{padding:15px}.login-card{padding:30px 25px;border-radius:16px}.form-input{padding:12px 14px}.login-button{padding:14px;min-height:50px}.form-options{flex-direction:column;align-items:flex-start;gap:15px}}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:25px 20px;border-radius:12px}.form-input{padding:10px 12px}.login-button{padding:12px;min-height:48px}}@media (max-width: 360px){.login-card{padding:20px 15px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.login-card{box-shadow:0 20px 40px #00000026}}.forgot-password-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.forgot-password-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:450px;overflow:hidden}.forgot-password-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.forgot-password-title{margin:0;font-weight:700;font-size:1.25rem}.forgot-password-close{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-size:2rem;line-height:1}.forgot-password-close:hover{background:#fff3}.forgot-password-body{padding:2rem}.forgot-password-text{color:#666;margin-bottom:1.5rem;font-size:.95rem}@media (max-width: 480px){.forgot-password-modal{width:95%}.forgot-password-header{padding:1.25rem}.forgot-password-body{padding:1.5rem}.forgot-password-title{font-size:1.1rem}}.success-message-container{text-align:center;padding:1rem 0}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700;animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-title{color:#2d3748;font-weight:700;margin-bottom:1rem;font-size:1.1rem}.success-text{color:#666;font-size:.95rem;margin:0}.resignation-header{background:linear-gradient(135deg,#667eea,#764ba2);text-align:center;margin-bottom:30px;padding:40px 20px;border-radius:15px;position:relative;overflow:hidden}.resignation-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');opacity:.3}.resignation-title{font-size:28px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1;letter-spacing:1px}.resignation-subtitle{font-size:14px;color:#ffffffe6;margin:8px 0 0;position:relative;z-index:1;font-weight:400}.resignation-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:1}.resignation-employee-info-header{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.resignation-employee-label{font-size:12px;color:#fffc;font-weight:500}.resignation-employee-name{font-size:14px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.resignation-employee-id{font-size:11px;color:#ffffffb3;font-weight:400}.resignation-header-date{background:#ffffff26;padding:8px 16px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.resignation-current-date{font-size:12px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.resignation-tabs{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:24px;background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.resignation-tab{flex:1;padding:12px 24px;background:#f8f9fa;border:none;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.resignation-tab:hover{background:#e9ecef;color:#495057}.resignation-tab.active{background:#fff;color:#007bff;border-bottom-color:#007bff}.resignation-content{background:#fff;border-radius:0 0 8px 8px;padding:24px;box-shadow:0 2px 8px #0000001a;min-height:400px}.resignation-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.resignation-tab-header h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.resignation-btn-add{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.resignation-btn-add:hover{background-color:#218838}.resignation-empty-state{text-align:center;padding:60px 20px;color:#6c757d}.resignation-empty-state p{font-size:16px;margin-bottom:20px}.resignation-table-wrapper{overflow-x:auto}.resignation-table{width:100%;border-collapse:collapse;font-size:13px}.resignation-table th,.resignation-table td{padding:10px;text-align:left;border-bottom:1px solid #e9ecef}.resignation-table th{background-color:#f8f9fa;font-weight:600;color:#495057;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.resignation-table tr:hover{background-color:#f8f9fa}.resignation-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.resignation-status.pending{background-color:#fff3cd;color:#856404}.resignation-actions-cell{white-space:nowrap}.resignation-action-btn{padding:4px 8px;border:none;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer;margin-right:4px;transition:all .2s}.resignation-action-btn.view{background-color:#17a2b8;color:#fff}.resignation-action-btn.view:hover{background-color:#138496}.resignation-action-btn.edit{background-color:#007bff;color:#fff}.resignation-action-btn.edit:hover{background-color:#0056b3}.resignation-action-btn.delete{background-color:#dc3545;color:#fff}.resignation-action-btn.delete:hover{background-color:#c82333}.resignation-action-btn.handover{background-color:#28a745;color:#fff}.resignation-action-btn.handover:hover{background-color:#218838}.resignation-action-btn.join{background-color:#17a2b8;color:#fff}.resignation-action-btn.join:hover{background-color:#138496}.resignation-action-btn.complete{background-color:#28a745;color:#fff}.resignation-action-btn.complete:hover{background-color:#218838}.resignation-action-btn.handover.disabled{background-color:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.resignation-action-btn.handover.disabled:hover{background-color:#6c757d;transform:none}.resignation-handovered-text{font-size:11px;font-weight:600;color:#28a745;text-transform:uppercase}.resignation-popup-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.resignation-popup{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.resignation-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.resignation-popup-header h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.resignation-close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.resignation-close-btn:hover{background-color:#e9ecef;color:#495057}.resignation-popup-form{padding:24px}.resignation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.resignation-left-column,.resignation-right-column{display:flex;flex-direction:column;gap:20px}.resignation-group{border:1px solid #e9ecef;border-radius:6px;padding:16px}.resignation-group-title{font-size:13px;font-weight:600;color:#495057;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.resignation-field{margin-bottom:12px}.resignation-field:last-child{margin-bottom:0}.resignation-label{display:block;font-size:12px;font-weight:500;color:#6c757d;margin-bottom:4px}.resignation-input,.resignation-textarea{width:100%;padding:8px 10px;font-size:13px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;box-sizing:border-box;transition:border-color .15s ease-in-out}.resignation-input:focus,.resignation-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.resignation-textarea{resize:vertical;font-family:inherit}.resignation-date-readonly{cursor:default;color:#6c757d;background-color:#f8f9fa!important;border-color:#dee2e6}.resignation-date-readonly::-webkit-calendar-picker-indicator{display:none}.resignation-date-readonly:hover{border-color:#dee2e6;background-color:#f8f9fa}.resignation-date-readonly:focus{border-color:#dee2e6!important;box-shadow:none!important}.resignation-upload{display:flex;align-items:center;gap:12px}.resignation-file-input{display:none}.resignation-upload-btn{background-color:#007bff;color:#fff;padding:6px 12px;font-size:12px;font-weight:500;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .15s}.resignation-upload-btn:hover{background-color:#0056b3}.resignation-file-text{font-size:11px;color:#6c757d;flex:1}.resignation-submit-area{margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.resignation-btn{padding:8px 16px;font-size:13px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.resignation-btn-cancel:hover{background-color:#545b62}.resignation-btn-submit{background-color:#28a745;color:#fff}.resignation-btn-submit:hover{background-color:#218838}.resignation-mobile-cards{display:none}.resignation-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000001a}.resignation-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f3f4}.resignation-card-title{font-size:14px;font-weight:600;color:#2c3e50;margin:0}.resignation-card-subtitle{font-size:12px;color:#6c757d;margin:2px 0 0}.resignation-card-body{display:flex;flex-direction:column;gap:8px}.resignation-card-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.resignation-card-label{color:#6c757d;font-weight:500;min-width:80px}.resignation-card-value{color:#495057;text-align:right;flex:1}.resignation-card-actions{margin-top:12px;padding-top:12px;border-top:1px solid #f1f3f4;display:flex;gap:8px;flex-wrap:wrap}.resignation-card-actions .resignation-action-btn{font-size:10px;padding:6px 12px;border-radius:4px}@media (max-width: 768px){.resignation-header{padding:25px 15px;margin-bottom:20px;border-radius:10px}.resignation-title{font-size:22px;letter-spacing:.5px}.resignation-subtitle{font-size:12px;margin-top:6px}.resignation-header-top{flex-direction:column;gap:12px;margin-bottom:15px}.resignation-employee-info-header{padding:6px 12px;gap:6px}.resignation-employee-label{font-size:11px}.resignation-employee-name{font-size:13px}.resignation-employee-id{font-size:10px}.resignation-header-date{padding:6px 12px}.resignation-current-date{font-size:11px}.resignation-content{padding:16px}.resignation-tabs{flex-direction:column}.resignation-tab{border-radius:0;border-bottom:1px solid #e9ecef}.resignation-tab.active{border-bottom-color:#007bff}.resignation-form-grid{grid-template-columns:1fr;gap:20px}.resignation-submit-area{flex-direction:column}.resignation-btn{width:100%;padding:0;font-size:14px;border-radius:6px;min-width:auto;height:36px;box-sizing:border-box;line-height:1}.resignation-upload{flex-direction:column;align-items:flex-start}.resignation-upload-btn{width:100%;text-align:center}.resignation-popup{margin:10px;max-height:95vh}.resignation-tab-header{flex-direction:column;gap:12px;align-items:stretch}.resignation-table-wrapper{display:none}.resignation-mobile-cards{display:block}}@media (max-width: 480px){.resignation-popup-form{padding:16px}.resignation-group{padding:12px}}.resignation-letter-popup{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column}.resignation-letter-header-info{display:flex;align-items:center;gap:12px}.resignation-letter-header-info h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.resignation-letter-header-info p{font-size:13px;color:#6c757d;margin:4px 0 0}.resignation-file-icon{font-size:24px}.resignation-letter-document{flex:1;overflow-y:auto;background:#f8f9fa;padding:20px}.resignation-letter-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.resignation-pdf-viewer{width:100%;height:600px;border:none;background:#fff}.resignation-image-viewer{width:100%;max-height:600px;object-fit:contain;background:#fff;border-radius:4px}.resignation-file-preview{background:#fff;min-height:400px;display:flex;align-items:center;justify-content:center}.resignation-file-info-large{text-align:center;padding:60px 40px}.resignation-file-icon-large{font-size:64px;display:block;margin-bottom:20px;opacity:.6}.resignation-file-info-large h4{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 16px;word-break:break-word}.resignation-file-info-large p{font-size:14px;color:#6c757d;margin:8px 0}.resignation-btn-download{background-color:#28a745;color:#fff;margin-top:20px;padding:10px 20px;font-size:14px}.resignation-btn-download:hover{background-color:#218838}.resignation-letter-actions{display:flex;justify-content:space-between;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.resignation-btn-secondary{background-color:#6c757d;color:#fff}.resignation-btn-secondary:hover{background-color:#545b62}.resignation-btn-primary{background-color:#007bff;color:#fff}.resignation-btn-primary:hover{background-color:#0056b3}.resignation-no-letter-popup{background:#fff;border-radius:8px;max-width:400px;width:100%;box-shadow:0 20px 40px #0003}.resignation-no-letter-content{padding:24px}.resignation-no-letter-message{text-align:center;padding:40px 20px}.resignation-no-file-icon{font-size:48px;opacity:.3;display:block;margin-bottom:16px}.resignation-no-letter-message h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px}.resignation-no-letter-message p{font-size:14px;color:#6c757d;margin:0;line-height:1.5}.resignation-no-letter-actions{display:flex;justify-content:center;padding-top:20px;border-top:1px solid #e9ecef}@media (max-width: 768px){.resignation-letter-popup{margin:10px;max-height:95vh}.resignation-letter-document{padding:16px}.resignation-letter-text{padding:20px;font-size:13px}.resignation-letter-actions{flex-direction:column;gap:8px;padding:16px}.resignation-btn{width:100%}.resignation-no-letter-popup{margin:10px}}.resignation-handover-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.resignation-stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;border-left:4px solid;min-height:98px;display:flex;flex-direction:column;justify-content:center;align-items:center}.resignation-stat-card.pending{border-left-color:#ffc107}.resignation-stat-card.handovered,.resignation-stat-card.completed{border-left-color:#28a745}.resignation-stat-card.total{border-left-color:#6c757d}.resignation-stat-number{display:block;font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.resignation-stat-label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.resignation-employee-info,.resignation-task-info{display:flex;flex-direction:column;gap:2px}.resignation-employee-info strong,.resignation-task-info strong{font-size:13px;color:#2c3e50}.resignation-employee-info span,.resignation-task-info span{font-size:11px;color:#6c757d}.resignation-priority{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.resignation-priority.low{background-color:#d1ecf1;color:#0c5460}.resignation-priority.medium{background-color:#fff3cd;color:#856404}.resignation-priority.high{background-color:#f8d7da;color:#721c24}.resignation-priority.critical{background-color:#f5c6cb;color:#491217}.resignation-status-select{padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s}.resignation-status-select.pending{background-color:#fff3cd;color:#856404;border-color:#ffeaa7}.resignation-status-select.in-progress{background-color:#cce5ff;color:#004085;border-color:#80bdff}.resignation-status-select.completed{background-color:#d4edda;color:#155724;border-color:#a3d977}.resignation-status-badge{padding:4px 14px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block;border:none;box-shadow:0 2px 4px #0000001a}.resignation-status-badge.pending{background-color:#ffc107;color:#fff}.resignation-status-badge.in-progress{background-color:#007bff;color:#fff}.resignation-status-badge.completed{background-color:#28a745;color:#fff}.resignation-status-badge.scheduled{background-color:#007bff;color:#fff}.resignation-status-badge.cancelled{background-color:#dc3545;color:#fff}.resignation-completed-text{font-size:11px;font-weight:600;color:#28a745;text-transform:uppercase}.resignation-handover-popup{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.resignation-handover-form{padding:24px}.resignation-handover-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:20px}.resignation-handover-left,.resignation-handover-right{display:flex;flex-direction:column;gap:16px}.resignation-field.full-width{grid-column:1 / -1}@media (max-width: 768px){.resignation-handover-stats{grid-template-columns:repeat(2,1fr);gap:12px}.resignation-stat-card{padding:16px}.resignation-stat-number{font-size:20px}.resignation-handover-form-grid{grid-template-columns:1fr;gap:20px}.resignation-handover-popup{margin:10px;max-height:95vh}}@media (max-width: 480px){.resignation-handover-stats{grid-template-columns:1fr}.resignation-handover-form{padding:16px}}.resignation-confirm-popup{background:#fff;border-radius:8px;max-width:400px;width:100%;box-shadow:0 20px 40px #0003;overflow:hidden}.resignation-confirm-header{background:#f8f9fa;padding:20px 24px;border-bottom:1px solid #e9ecef}.resignation-confirm-header h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.resignation-confirm-content{padding:24px;text-align:center}.resignation-confirm-icon{margin-bottom:16px}.resignation-confirm-content h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px}.resignation-confirm-content p{font-size:14px;color:#6c757d;margin:0;line-height:1.5}.resignation-confirm-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.resignation-btn-confirm{background-color:#28a745;color:#fff;flex:1}.resignation-btn-confirm:hover{background-color:#218838}.resignation-btn-cancel{background-color:#6c757d;color:#fff}.resignation-btn-cancel:hover{background-color:#545b62;color:#fff}@media (max-width: 480px){.resignation-confirm-popup{margin:20px}.resignation-confirm-actions{flex-direction:column}}.resignation-exit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.resignation-stat-card.scheduled{border-left-color:#007bff}.resignation-stat-card.avg-rating{border-left-color:#ffc107}.resignation-interviewer-info{display:flex;flex-direction:column;gap:4px}.resignation-interviewer-info>span{font-size:12px;color:#495057;font-weight:500}.resignation-interviewer-status{margin-top:2px}.resignation-status-indicator{font-size:10px;font-weight:500;display:flex;align-items:center;gap:4px;text-transform:capitalize}.resignation-status-indicator.online{color:#28a745}.resignation-status-indicator.offline{color:#dc3545}.resignation-interview-datetime{display:flex;flex-direction:column;gap:2px}.resignation-interview-date{font-size:12px;color:#495057;font-weight:500}.resignation-interview-time{font-size:11px;color:#6c757d;font-weight:400}.resignation-rating{display:flex;align-items:center;gap:6px;font-size:14px}.resignation-rating span{font-size:11px;color:#6c757d}.resignation-no-rating{font-size:11px;color:#6c757d;font-style:italic}.resignation-reason{font-size:12px;color:#495057;padding:2px 8px;background-color:#f8f9fa;border-radius:12px;display:inline-block}.resignation-status-select.scheduled{background-color:#cce5ff;color:#004085;border-color:#80bdff}.resignation-status-select.cancelled{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.resignation-exit-interview-popup{background:#fff;border-radius:8px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.resignation-exit-interview-form{padding:24px}.resignation-exit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:20px}.resignation-exit-left,.resignation-exit-right{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.resignation-exit-stats{grid-template-columns:repeat(2,1fr);gap:12px}.resignation-exit-form-grid{grid-template-columns:1fr;gap:20px}.resignation-exit-interview-popup{margin:10px;max-height:95vh}}@media (max-width: 480px){.resignation-exit-stats{grid-template-columns:1fr}.resignation-exit-interview-form{padding:16px}.resignation-rating{font-size:12px}}.resignation-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:20px;box-sizing:border-box}.resignation-feedback-popup{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:calc(100vh - 40px);min-height:400px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideInScale .3s ease-out;position:relative;margin:20px auto}.resignation-feedback-form{display:flex;flex-direction:column;height:100%;min-height:400px}.resignation-feedback-content{padding:20px 24px;overflow-y:auto;flex:1;font-size:13px;scrollbar-width:thin;scrollbar-color:#667eea #f1f1f1;min-height:0}.resignation-feedback-content::-webkit-scrollbar{width:6px}.resignation-feedback-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.resignation-feedback-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.resignation-feedback-content::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.resignation-feedback-group{margin-bottom:18px}.resignation-feedback-label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:12px;line-height:1.4}.resignation-feedback-textarea{width:100%;padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:12px;resize:vertical;min-height:60px;transition:all .3s ease;background:#fff}.resignation-feedback-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.resignation-feedback-select{width:100%;padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:12px;background:#fff;transition:all .3s ease;cursor:pointer}.resignation-feedback-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.resignation-rating-scale{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.resignation-rating-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;border:2px solid transparent;min-width:60px}.resignation-rating-option:hover{background:#f8f9ff;border-color:#667eea}.resignation-rating-option input[type=radio]{display:none}.resignation-rating-option input[type=radio]:checked+.resignation-rating-number{background:#667eea;color:#fff;transform:scale(1.1)}.resignation-rating-option input[type=radio]:checked~.resignation-rating-text{color:#667eea;font-weight:600}.resignation-rating-number{width:32px;height:32px;border-radius:50%;background:#e1e5e9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-bottom:4px;transition:all .3s ease}.resignation-rating-text{font-size:10px;color:#666;text-align:center;font-weight:500;transition:all .3s ease}.resignation-recommend-options{display:flex;gap:16px;flex-wrap:wrap}.resignation-recommend-option{display:flex;align-items:center;cursor:pointer;padding:8px 16px;border:2px solid #e1e5e9;border-radius:20px;transition:all .3s ease;background:#fff}.resignation-recommend-option:hover{border-color:#667eea;background:#f8f9ff}.resignation-recommend-option input[type=radio]{display:none}.resignation-recommend-option input[type=radio]:checked+.resignation-recommend-text{color:#667eea;font-weight:600}.resignation-recommend-option:has(input[type=radio]:checked),.resignation-recommend-option input[type=radio]:checked~label{border-color:#667eea;background:#f8f9ff;box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.resignation-recommend-option input[type=radio]:checked{background:#667eea}.resignation-recommend-option.checked{border-color:#667eea;background:#f8f9ff;box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.resignation-recommend-text{font-size:12px;color:#555;font-weight:500;transition:all .3s ease}.resignation-feedback-actions{padding:16px 24px;border-top:1px solid #e1e5e9;display:flex;justify-content:flex-end;gap:12px;background:#f8f9fa;flex-shrink:0;border-radius:0 0 12px 12px;position:sticky;bottom:0;z-index:10}.resignation-completed-actions{display:flex;align-items:center;gap:8px}.resignation-completed-text{font-size:11px;font-weight:600;color:#28a745;background:#28a7451a;padding:4px 8px;border-radius:4px;border:1px solid rgba(40,167,69,.2)}.resignation-action-btn.feedback{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease}.resignation-action-btn.feedback:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.resignation-popup-overlay{padding:10px;align-items:flex-start}.resignation-feedback-popup{width:100%;max-height:calc(100vh - 20px);margin:10px auto}.resignation-feedback-form{min-height:calc(100vh - 40px)}.resignation-feedback-content{padding:16px 20px;font-size:12px;flex:1}.resignation-feedback-actions{position:sticky;bottom:0;background:#f8f9fa;border-top:2px solid #e1e5e9}.resignation-feedback-label{font-size:11px}.resignation-feedback-textarea,.resignation-feedback-select{font-size:11px;padding:8px 10px}.resignation-rating-scale{gap:8px}.resignation-rating-option{min-width:50px;padding:6px}.resignation-rating-number{width:28px;height:28px;font-size:11px}.resignation-rating-text{font-size:9px}.resignation-recommend-options{gap:12px}.resignation-recommend-option{padding:6px 12px}.resignation-recommend-text{font-size:11px}.resignation-feedback-actions{padding:12px 20px}}@media (max-width: 480px){.resignation-rating-scale,.resignation-recommend-options{justify-content:center}.resignation-feedback-actions{flex-direction:column}.resignation-completed-actions{flex-direction:column;gap:4px;align-items:center}}.attendance-records-table{background:#fff;border-radius:0;overflow:hidden;box-shadow:none;margin-bottom:0}.attendance-records-table table,.staffattendance-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.attendance-records-table th,.staffattendance-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 10px;text-align:center;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none;position:relative}.attendance-records-table .hourly-sessions-header,.staffattendance-table .hourly-header{background:linear-gradient(135deg,#4facfe,#00f2fe);position:relative;font-size:11px;padding:12px 6px}.attendance-records-table .hourly-sessions-header:after,.staffattendance-table .hourly-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff4d}.attendance-records-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #f1f3f4;vertical-align:middle}.attendance-records-table tr:hover,.staffattendance-table tbody tr:hover{background:linear-gradient(135deg,#f8fafe,#e3f2fd);transform:translateY(-2px);box-shadow:0 4px 15px #667eea26;transition:all .3s cubic-bezier(.4,0,.2,1)}.staffattendance-table td{padding:12px 10px;text-align:center;border-bottom:1px solid #f1f3f4;vertical-align:middle;transition:all .2s ease}.staffattendance-table tbody tr{transition:all .3s ease}.staffattendance-table tbody tr:nth-child(2n){background:#667eea05}.hourly-cell{position:relative;padding:6px 4px!important;min-width:45px;font-size:11px}.hourly-status{display:block;padding:3px 6px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:9px;margin-bottom:2px;box-shadow:0 1px 3px #0000001a}.hourly-status.present{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.hourly-status.break{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.hourly-status.late{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.hourly-status.overtime{background:linear-gradient(135deg,#6f42c1,#e83e8c);color:#fff}.hourly-status.absent{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.hourly-status.permission{background:linear-gradient(135deg,#17a2b8,#007bff);color:#fff}.hourly-time{font-size:8px;color:#6c757d;font-weight:500}.pagination-container,.attendance-pagination{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#fffffff2,#f8fafff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(102,126,234,.1)}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}.filter-indicator{color:#007bff;font-weight:600;font-size:12px}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{padding:10px 16px;border:1px solid rgba(102,126,234,.2);background:#fff;color:#667eea;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:40px;text-align:center;position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.pagination-btn:hover:before{left:100%}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.pagination-btn:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;opacity:.5;border-color:#dee2e6}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.pagination-ellipsis{padding:8px 4px;color:#6c757d;font-weight:600}@media (max-width: 1200px){.attendance-records-table{overflow-x:auto}.attendance-records-table table{min-width:1000px}.hourly-cell{min-width:40px;padding:4px 2px!important}.hourly-status{font-size:8px;padding:2px 4px}.hourly-time{font-size:7px}}@media (max-width: 768px){.staffattendance-history{margin-top:20px;border-radius:15px}.staffattendance-history-header{flex-direction:column;gap:20px;align-items:stretch;padding:20px 25px}.staffattendance-history h4{font-size:1.3rem;text-align:center}.staffattendance-view-toggle{justify-content:center;width:100%}.staffattendance-view-btn{flex:1;padding:14px 16px;font-size:13px}.attendance-records-table th,.attendance-records-table td,.staffattendance-table th,.staffattendance-table td{padding:10px 6px;font-size:12px}.staffattendance-table .hourly-header{padding:10px 4px;font-size:10px}.pagination-container,.attendance-pagination{flex-direction:column;gap:15px;padding:20px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:6px}.pagination-btn{padding:8px 12px;font-size:12px;min-width:36px}}.calendar-today-view{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.calendar-today-card{width:100%;max-width:600px}.today-attendance-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 30px #0000001a;border:2px solid #f0f0f0;transition:all .3s ease}.today-attendance-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.today-date-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f8f9fa}.today-date-number{font-size:4rem;font-weight:800;color:#007bff;line-height:1;text-shadow:0 2px 4px rgba(0,123,255,.1)}.today-date-info{flex:1}.today-day-name{font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:5px}.today-month-year{font-size:1.1rem;color:#6c757d;font-weight:500}.today-employee-info{display:flex;align-items:center;gap:15px;margin-bottom:25px}.today-employee-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px}.today-employee-details{flex:1}.today-employee-name{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:3px}.today-employee-id{font-size:.9rem;color:#6c757d;font-weight:500}.today-no-shift{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px}.today-no-shift-icon{font-size:3rem;color:#6c757d;margin-bottom:15px}.today-no-shift-label{font-size:1.3rem;font-weight:600;color:#495057;margin-bottom:5px}.today-no-shift-text{font-size:1rem;color:#6c757d}.today-attendance-details{padding:20px;border-radius:15px;background:#f8fafe}.today-attendance-status{display:flex;align-items:center;gap:15px;margin-bottom:20px}.today-status-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:#007bff}.today-attendance-details.government-holiday .today-status-icon{background:linear-gradient(135deg,#dc3545,#fd7e14)}.today-attendance-details.late-arrival .today-status-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.today-attendance-details.absent .today-status-icon{background:linear-gradient(135deg,#6c757d,#495057)}.today-attendance-details.permission .today-status-icon{background:linear-gradient(135deg,#17a2b8,#007bff)}.today-attendance-details.leave .today-status-icon{background:linear-gradient(135deg,#e83e8c,#6f42c1)}.today-attendance-details.overtime .today-status-icon{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.today-attendance-details.present .today-status-icon{background:linear-gradient(135deg,#28a745,#20c997)}.today-status-text{font-size:1.4rem;font-weight:600;color:#2c3e50}.today-holiday-info{background:#fff;padding:15px;border-radius:10px;margin-bottom:15px;border-left:4px solid #dc3545}.today-holiday-name{font-size:1.1rem;font-weight:600;color:#dc3545;margin-bottom:5px}.today-holiday-description{font-size:.9rem;color:#6c757d}.today-time-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;background:#fff;padding:20px;border-radius:10px}.today-time-item{display:flex;flex-direction:column;align-items:center;gap:5px}.today-time-label{font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.today-time-value{font-size:1.2rem;color:#2c3e50;font-weight:600;font-family:Courier New,monospace}@media (max-width: 768px){.today-attendance-card{padding:20px;margin:10px}.today-date-header{flex-direction:column;text-align:center;gap:10px}.today-date-number{font-size:3rem}.today-day-name{font-size:1.5rem}.today-employee-info{justify-content:center;text-align:center}.today-time-info{grid-template-columns:1fr;gap:10px}.today-status-text{font-size:1.2rem}}.notes-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-modal{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.notes-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.notes-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:10px}.notes-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notes-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.notes-modal-body{padding:25px}.notes-record-info{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:20px;border-left:4px solid #667eea}.notes-record-date{font-weight:600;color:#2c3e50}.notes-record-status{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}.notes-input-section{margin-bottom:20px}.notes-input-section label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.notes-textarea{width:100%;border:2px solid #e9ecef;border-radius:10px;padding:12px 15px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fafbfc}.notes-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.notes-textarea::placeholder{color:#adb5bd}.notes-modal-footer{background:#f8f9fa;padding:20px 25px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e9ecef}.notes-btn{padding:10px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-size:14px}.notes-btn-cancel{background:#6c757d;color:#fff}.notes-btn-cancel:hover{background:#5a6268;transform:translateY(-1px)}.notes-btn-save{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.notes-btn-save:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}@media (max-width: 768px){.notes-modal{width:95%;margin:20px}.notes-modal-header{padding:15px 20px}.notes-modal-header h3{font-size:1.1rem}.notes-modal-body{padding:20px}.notes-record-info{flex-direction:column;gap:10px;text-align:center}.notes-modal-footer{padding:15px 20px;flex-direction:column}.notes-btn{justify-content:center}}.simple-break-display{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 16px;margin:8px 0}.break-message{display:flex;align-items:center;gap:10px;color:#6c757d;font-size:14px;font-weight:500}.break-message i{color:#28a745;font-size:16px}.staffattendance-header{display:flex;flex-direction:column;gap:15px;margin-bottom:5px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.staffattendance-header-main{display:flex;justify-content:space-between;align-items:center}.staffattendance-header h2{color:#2c3e50;margin:0;font-weight:600}.staffattendance-header h2 i{margin-right:10px;color:#3498db}.staffattendance-current-time{font-weight:500;color:#7f8c8d;background:#ecf0f1;padding:10px 15px;border-radius:8px}.staffattendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.staffattendance-punch-card,.staffattendance-break-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center}.staffattendance-punch-status{margin-bottom:30px}.staffattendance-status-indicator{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin-bottom:15px;font-size:24px}.staffattendance-status-indicator.not-punched{background:#ecf0f1;color:#95a5a6}.staffattendance-status-indicator.punched-in{background:#e8f5e8;color:#27ae60;animation:staffattendance-pulse 2s infinite}.staffattendance-status-indicator.punched-out{background:#e3f2fd;color:#2196f3}@keyframes staffattendance-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.staffattendance-status-text{font-size:18px;font-weight:500;color:#2c3e50;display:block}.staffattendance-punch-buttons{display:flex;gap:15px;justify-content:center}.staffattendance-punch-btn{padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.staffattendance-punch-in-btn{background:#27ae60;color:#fff}.staffattendance-punch-in-btn:hover:not(.disabled){background:#219a52;transform:translateY(-2px)}.staffattendance-punch-out-btn{background:#e74c3c;color:#fff}.staffattendance-punch-out-btn:hover:not(.disabled){background:#c0392b;transform:translateY(-2px)}.staffattendance-punch-btn.disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.staffattendance-today-summary{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.staffattendance-sessions-list{margin-top:25px;padding-top:20px;border-top:1px solid #ecf0f1}.staffattendance-sessions-list h5{color:#2c3e50;margin:0 0 15px;font-weight:600;font-size:16px}.staffattendance-sessions{display:flex;flex-direction:column;gap:12px}.staffattendance-session-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db;transition:all .3s ease}.staffattendance-session-item:hover{background:#e9ecef;transform:translate(5px)}.staffattendance-session-item:last-child{border-left-color:#27ae60}.session-info{display:flex;flex-direction:column;gap:4px}.session-label{font-weight:600;color:#2c3e50;font-size:14px}.session-time{color:#7f8c8d;font-size:13px}.session-duration{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50}.active-indicator{font-size:12px;color:#27ae60;animation:staffattendance-pulse 2s infinite}.current-session{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-left:4px solid #27ae60}.current-break{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12}.live-timer{font-weight:700;font-family:Courier New,monospace;color:#2c3e50;animation:timerBlink 1s infinite}@keyframes timerBlink{0%,50%{opacity:1}51%,to{opacity:.7}}.current-break-time{font-size:14px;color:#f39c12;font-weight:600;margin-top:5px;font-family:Courier New,monospace}.staffattendance-punch-sessions-container{background:#fff;border-radius:20px;padding:30px;margin:30px 0;box-shadow:0 8px 25px #0000001a;border:1px solid #e2e8f0}.staffattendance-punch-sessions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.staffattendance-punch-sessions-header h3{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.staffattendance-punch-sessions-header h3 i{color:#3b82f6;font-size:1.3rem}.sessions-stats{display:flex;gap:20px;align-items:center}.total-sessions{background:#f1f5f9;color:#475569;padding:8px 16px;border-radius:50px;font-weight:600;font-size:.875rem}.active-sessions{padding:8px 16px;border-radius:50px;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:6px;transition:all .3s ease}.active-sessions.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:activeSessionPulse 2s infinite}.active-sessions.completed{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}@keyframes activeSessionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.active-sessions.active i{animation:recordingBlink 1s infinite}@keyframes recordingBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.staffattendance-punch-sessions-scroll{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:10px;margin-bottom:25px}.staffattendance-punch-sessions-scroll::-webkit-scrollbar{width:8px}.staffattendance-punch-sessions-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.staffattendance-punch-sessions-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px}.staffattendance-punch-sessions-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.staffattendance-punch-sessions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:5px}.punch-session-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.punch-session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#64748b,#94a3b8);border-radius:16px 16px 0 0}.punch-session-card.active-session:before{background:linear-gradient(90deg,#10b981,#059669,#047857);animation:activeGradient 3s ease-in-out infinite}@keyframes activeGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.punch-session-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#3b82f6}.punch-session-card.active-session{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 8px 25px #10b98126}.punch-session-card.completed-session{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 8px 25px #3b82f626}.punch-session-card.completed-session:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8,#1e40af)}.completed-session .session-number i{color:#3b82f6}.completed-session .session-duration-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.completed-session .duration-value i{color:#3b82f6}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.session-number{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:#1e293b}.session-number i{color:#3b82f6;font-size:1.2rem}.active-session .session-number i{color:#10b981}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:statusPulse 2s infinite}.status-badge.completed{background:linear-gradient(135deg,#64748b,#475569);color:#fff}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.8}}.session-timing{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.time-entry{flex:1;text-align:center}.time-label{display:flex;align-items:center;justify-content:center;gap:6px;color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.time-value{font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;color:#1e293b}.time-value.punch-in{color:#059669}.time-value.punch-out{color:#dc2626}.active-session .time-value.punch-out{color:#f59e0b}.completed-session .time-value.punch-out{color:#3b82f6;font-weight:700}.time-separator{display:flex;flex-direction:column;align-items:center;margin:0 20px}.separator-line{width:2px;height:20px;background:linear-gradient(to bottom,#e2e8f0,#94a3b8);margin-bottom:8px}.time-separator i{color:#64748b;font-size:1.2rem}.session-duration-display{text-align:center;padding:20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;margin-bottom:15px;border:1px solid #cbd5e1}.active-session .session-duration-display{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.duration-label{color:#64748b;font-size:.875rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.duration-value{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.3rem;font-weight:700;font-family:Courier New,monospace;color:#1e293b}.duration-value i{color:#3b82f6;font-size:1.1rem}.active-session .duration-value i{color:#10b981}.live-duration{animation:liveDurationBlink 1s infinite}.completed-duration{color:#3b82f6;font-weight:800}@keyframes liveDurationBlink{0%,50%{opacity:1}51%,to{opacity:.7}}.live-session-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#059669;font-size:.875rem;font-weight:600;animation:liveIndicatorPulse 2s infinite}@keyframes liveIndicatorPulse{0%,to{opacity:.7}50%{opacity:1}}.pulse-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulseDot 1s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.completed-session-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#3b82f6;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:8px 16px;border-radius:50px;border:1px solid #93c5fd}.check-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;position:relative}.check-dot:after{content:"✓";position:absolute;top:-10px;left:-3px;font-size:12px;color:#3b82f6;font-weight:700}.sessions-summary-footer{display:flex;justify-content:space-around;align-items:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.summary-item{display:flex;align-items:center;gap:8px;color:#1e293b;font-weight:600;font-size:.9rem}.summary-item i{color:#3b82f6;font-size:1.1rem}@media (max-width: 768px){.staffattendance-punch-sessions-container{padding:20px;margin:20px 0}.staffattendance-punch-sessions-header{flex-direction:column;align-items:flex-start;gap:15px}.sessions-stats{flex-direction:column;gap:10px;align-self:stretch}.staffattendance-punch-sessions-grid{grid-template-columns:1fr;gap:15px}.session-timing{flex-direction:column;gap:15px}.time-separator{transform:rotate(90deg);margin:10px 0}.sessions-summary-footer{flex-direction:column;gap:15px}}.staffattendance-today-summary h4{margin:0 0 20px;color:#2c3e50;font-weight:600}.staffattendance-summary-grid{display:grid;gap:15px}.staffattendance-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ecf0f1}.staffattendance-summary-item:last-child{border-bottom:none}.staffattendance-summary-item .label{font-weight:500;color:#7f8c8d}.staffattendance-summary-item .value{font-weight:600;color:#2c3e50;font-size:16px}.staffattendance-history{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.staffattendance-history h4{margin:0 0 20px;color:#2c3e50;font-weight:600}.staffattendance-table-responsive{overflow-x:auto}.staffattendance-table{width:100%;border-collapse:collapse;margin-top:10px}.staffattendance-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6}.staffattendance-table td{padding:15px 12px;border-bottom:1px solid #dee2e6;color:#495057}.staffattendance-table tr:hover{background:#f8f9fa}.staffattendance-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.staffattendance-badge-success{background:#d4edda;color:#155724}.staffattendance-badge-warning{background:#fff3cd;color:#856404}.staffattendance-badge-info{background:#cce7ff;color:#004085}.staffattendance-badge-danger{background:#f8d7da;color:#721c24}.staffattendance-badge-secondary{background:#e2e3e5;color:#383d41}.staffattendance-no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px}.staffattendance-alerts{display:flex;flex-direction:column;gap:10px}.staffattendance-alert{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;font-weight:500;animation:staffattendance-fadeIn .5s ease}.staffattendance-alert.alert-warning{background:#fff3cd;color:#856404;border-left:4px solid #ffc107}.staffattendance-alert.alert-info{background:#cce7ff;color:#004085;border-left:4px solid #0dcaf0}.staffattendance-alert.alert-danger{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.staffattendance-alert i{font-size:16px}.staffattendance-alert small{margin-left:auto;opacity:.7}@keyframes staffattendance-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.staffattendance-stats-card{background:#fff;color:#2c3e50;padding:28px;border-radius:20px;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.staffattendance-stat-icon{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;color:#fff;position:relative;overflow:hidden}.staffattendance-stat-icon.working-hours{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}.staffattendance-stat-icon.min-hours{background:linear-gradient(135deg,#ffc107,#fd7e14);box-shadow:0 4px 20px #ffc1074d}.staffattendance-stat-icon.break-hours{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 20px #28a7454d}.staffattendance-stat-info{flex:1;min-width:0}.staffattendance-stat-info h4{font-size:2.2rem;font-weight:700;margin:0 0 4px;color:#2c3e50;line-height:1.1}.staffattendance-stat-info p{font-size:1rem;margin:0 0 8px;color:#6c757d;font-weight:600;letter-spacing:.5px}.view-indicator{font-size:.75rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;padding:4px 12px;border-radius:20px;margin-top:4px;display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(25,118,210,.2)}.staffattendance-stats-card .dropdown{margin-left:auto;opacity:.7;transition:opacity .3s ease}.staffattendance-stats-card:hover .dropdown{opacity:1}.staffattendance-break-section{margin-top:25px;padding-top:20px;border-top:1px solid #dee2e6}.staffattendance-break-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px;font-weight:600;color:#2c3e50}.staffattendance-break-status i{font-size:20px;color:#f39c12}.staffattendance-break-buttons{display:flex;gap:10px;justify-content:center}.staffattendance-break-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;background:#f39c12;color:#fff}.staffattendance-break-btn:hover:not(.disabled){background:#e67e22;transform:translateY(-1px)}.staffattendance-break-btn.disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.staffattendance-history{background:linear-gradient(135deg,#667eea,#764ba2);padding:0;border-radius:20px;box-shadow:0 10px 30px #667eea4d;overflow:hidden;margin-top:30px}.staffattendance-history-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.staffattendance-history h4{margin:0;color:#fff;font-weight:700;font-size:1.5rem;display:flex;align-items:center;gap:12px}.staffattendance-history h4:before{content:"📊";font-size:1.3rem}.staffattendance-view-toggle{display:flex;background:#ffffff26;border-radius:15px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.staffattendance-view-btn{background:transparent;color:#fffc;border:none;padding:12px 20px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;font-size:14px;letter-spacing:.5px;position:relative;overflow:hidden}.staffattendance-view-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.staffattendance-view-btn:hover:before{left:100%}.staffattendance-view-btn:hover{color:#000;transform:translateY(-1px)}.staffattendance-view-btn.active{background:#ffffffe6;color:#667eea;box-shadow:0 4px 15px #ffffff4d;transform:translateY(-1px)}.staffattendance-view-btn.active:hover{color:#5a6fd8}.staffattendance-table-responsive{background:#fff;margin:0;border-radius:0;overflow-x:auto}.staffattendance-view-btn:hover:not(.active){background:#f8f9fa}.staffattendance-action-buttons{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.staffattendance-action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.staffattendance-action-btn.view{background:#cce7ff;color:#004085}.staffattendance-action-btn.view:hover{background:#b3d9ff}.staffattendance-action-btn.add-notes{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;width:auto;height:auto;min-width:90px}.staffattendance-action-btn.add-notes:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.staffattendance-action-btn.add-notes i{font-size:14px}.staffattendance-personal-records{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.staffattendance-personal-records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.staffattendance-personal-records-header h4{margin:0;color:#1e293b;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.staffattendance-personal-records-header h4 i{color:#3b82f6;font-size:1.3rem}.staffattendance-toggle-calendar-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.staffattendance-toggle-calendar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.staffattendance-calendar-container{margin-top:20px}.staffattendance-calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.calendar-nav-left{display:flex;align-items:center;gap:15px}.calendar-nav-btn{width:40px;height:40px;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:#1d4ed8;transform:scale(1.05)}.calendar-date-range{font-size:1.1rem;font-weight:600;color:#1e293b;min-width:200px;text-align:center}.calendar-view-controls{display:flex;gap:5px;align-items:center}.calendar-view-btn{padding:8px 16px;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.calendar-view-btn:hover{border-color:#3b82f6;color:#3b82f6}.calendar-view-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.calendar-today-btn{padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600;margin-left:10px}.calendar-today-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.calendar-week-view{margin-bottom:20px}.calendar-week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:15px}.calendar-week-day-header{padding:15px;background:#f1f5f9;text-align:center;border-radius:8px;border:1px solid #e2e8f0}.week-day-number{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:5px}.week-day-name{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:2px;letter-spacing:.05em}.week-day-month{font-size:.75rem;font-weight:500;color:#64748b;letter-spacing:.05em}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;min-height:200px}.calendar-week-day-cell{border:2px solid #e2e8f0;border-radius:12px;padding:15px;background:#fff;transition:all .3s ease;position:relative;min-height:200px;display:flex;flex-direction:column;gap:12px}.calendar-week-day-cell:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.calendar-week-day-cell.today{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.week-employee-info{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.employee-avatar{color:#3b82f6;font-size:1.2rem}.employee-name{font-size:.8rem;font-weight:600;color:#1e293b;line-height:1.2}.week-shift-card{flex:1;padding:12px;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:6px}.shift-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.shift-status{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600}.shift-status i{font-size:.6rem;animation:pulse 2s infinite}.shift-timing{font-family:Courier New,monospace;font-size:.8rem;font-weight:600;margin-top:4px}.week-no-shift{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#94a3b8;background:#f8fafc;border-radius:8px;padding:12px;border:2px dashed #e2e8f0}.no-shift-label{font-size:.8rem;font-weight:600}.no-shift-text{font-size:.7rem}.calendar-month-view{margin-bottom:20px}.calendar-month-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:10px}.calendar-day-header{padding:12px;background:#f1f5f9;text-align:center;font-weight:700;color:#475569;font-size:.875rem;letter-spacing:.05em}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.calendar-month-cell{aspect-ratio:1;border:1px solid #f1f5f9;background:#fff;display:flex;flex-direction:column;padding:8px 6px;transition:all .3s ease;position:relative;min-height:100px}.calendar-month-cell:hover{background:#f8fafc}.calendar-month-cell.today{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.calendar-month-cell.other-month{opacity:.4;background:#fafafa}.month-date-number{font-weight:700;color:#1e293b;margin-bottom:6px;font-size:.9rem;align-self:flex-start}.month-shift-info{flex:1;padding:6px 8px;border-radius:6px;color:#fff;display:flex;flex-direction:column;gap:4px;width:100%}.month-employee-name{font-size:.65rem;font-weight:600;line-height:1.1;margin-bottom:2px}.month-shift-label{font-size:.6rem;font-weight:500;opacity:.9}.month-no-shift{flex:1;display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#f8fafc;border-radius:6px;border:1px dashed #e2e8f0;width:100%}.month-employee-name-light{font-size:.65rem;font-weight:600;color:#64748b;line-height:1.1}.month-no-shift-text{font-size:.6rem;color:#94a3b8;font-weight:500}.calendar-day-view{margin-bottom:20px}.day-view-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.day-view-header h4{margin:0;color:#1e293b;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px}.day-view-header h4 i{color:#3b82f6;font-size:1.2rem}.day-view-list{display:flex;flex-direction:column;gap:15px}.day-view-item{display:flex;flex-direction:column;gap:10px}.day-view-date{margin-bottom:5px}.day-view-date h3{margin:0;color:#1e293b;font-size:1.2rem;font-weight:600}.day-view-card{display:flex;align-items:center;gap:15px;padding:15px 20px;border-radius:12px;transition:all .3s ease;border-left:4px solid transparent}.day-view-card.shift-scheduled{color:#fff;border-left-color:#ffffff4d}.day-view-card.no-shift{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;border-left-color:#cbd5e1}.day-view-card:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.day-card-avatar{font-size:2rem;display:flex;align-items:center;justify-content:center}.day-view-card.shift-scheduled .day-card-avatar{color:#ffffffe6}.day-view-card.no-shift .day-card-avatar{color:#94a3b8}.day-card-content{display:flex;flex-direction:column;gap:4px;flex:1}.day-card-name{font-size:1rem;font-weight:600;line-height:1.2}.day-view-card.shift-scheduled .day-card-name{color:#fff}.day-view-card.no-shift .day-card-name{color:#475569}.day-card-shift{font-size:.9rem;font-weight:500;opacity:.9}.day-view-card.shift-scheduled .day-card-shift{color:#fffc}.day-view-card.no-shift .day-card-shift{color:#64748b}.calendar-legend{display:flex;align-items:center;gap:20px;padding:15px 20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-top:20px}.legend-title{font-weight:600;color:#1e293b;font-size:.9rem}.legend-items{display:flex;gap:15px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#64748b}.legend-color{width:12px;height:12px;border-radius:3px}.staffattendance-break-header{margin-bottom:20px}.staffattendance-break-header h4{margin-bottom:15px;text-align:center}.staffattendance-punch-status{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.staffattendance-status-indicator{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:5px}.staffattendance-status-indicator.punched-in{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;animation:pulse-glow 2s infinite}.staffattendance-status-indicator.punched-out{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.staffattendance-status-indicator.not-punched{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;border:2px solid #dee2e6}@keyframes pulse-glow{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.staffattendance-status-text{font-size:1rem;font-weight:500;color:#495057;text-align:center}.break-timer-section{margin-top:20px;width:100%}.break-timer-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:15px;text-align:center}.timer-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:15px;color:#495057;font-weight:600}.timer-header i{color:#007bff}.timer-ready .timer-status.available{background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:10px 15px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.timer-message{color:#28a745;font-size:.9rem;font-weight:500}.timer-counting{text-align:center}.timer-countdown{margin-bottom:8px}.countdown-number{font-size:1.8rem;font-weight:700;color:#dc3545;font-family:Courier New,monospace;background:#fff;padding:8px 16px;border-radius:6px;border:2px solid #dc3545;display:inline-block}.timer-label{color:#6c757d;font-size:.85rem;margin-bottom:10px}.timer-progress{margin-top:12px}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width 1s ease;animation:pulse-progress 2s infinite}@keyframes pulse-progress{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.timer-progress small{color:#6c757d;font-size:.75rem}.break-status-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:20px}.break-status-main{display:flex;align-items:center;gap:15px}.break-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.break-icon.locked{background:#ffc107;color:#000}.break-icon.available{background:#28a745;color:#fff}.break-icon.on-break{background:#fd7e14;color:#fff}.break-status-info{flex:1}.break-main-status{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:#212529}.break-details{color:#6c757d}.break-timer.active{display:flex;align-items:center;gap:8px;color:#fd7e14;font-weight:500}.break-ready{display:flex;align-items:center;gap:8px;color:#28a745;font-weight:500}.break-countdown-display{text-align:left}.countdown-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.countdown-time{font-weight:600;color:#495057;font-size:1.1rem}.countdown-label{color:#6c757d;font-size:.85rem}.break-actions{display:flex;gap:15px;justify-content:center}.break-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:130px;justify-content:center}.break-action-btn.start-break.enabled{background:#28a745;color:#fff}.break-action-btn.start-break.enabled:hover{background:#218838;transform:translateY(-1px)}.break-action-btn.end-break.enabled{background:#dc3545;color:#fff}.break-action-btn.end-break.enabled:hover{background:#c82333;transform:translateY(-1px)}.break-action-btn.disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.break-action-btn i{font-size:1.1rem}.staffattendance-stats-card.clickable{cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.staffattendance-stats-card.clickable:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.staffattendance-stats-card.clickable:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.staffattendance-stats-card.clickable:hover:before{left:100%}.view-indicator{display:block;color:#6c757d;font-size:.75rem;margin-top:2px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staffattendance-stats-card.clickable .view-indicator{color:#007bff;font-weight:600}.staffattendance-stat-icon.working-hours{background:linear-gradient(135deg,#28a745,#20c997)}.staffattendance-stat-icon.min-hours{background:linear-gradient(135deg,#ffc107,#fd7e14)}.staffattendance-stat-icon.break-hours{background:linear-gradient(135deg,#dc3545,#e83e8c)}.staffattendance-stats-card.clickable:active{transform:scale(.98)}.automatic-tracking-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:12px 16px;margin:15px 0;display:flex;align-items:center;gap:10px}.automatic-tracking-info i{color:#1976d2;font-size:1.2rem;flex-shrink:0}.automatic-tracking-info p{margin:0;color:#1565c0;font-size:.9rem;line-height:1.4}.break-unavailable-message{text-align:center;padding:20px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d}.break-unavailable-message i{font-size:1.5rem;margin-bottom:10px;display:block}.break-unavailable-message p{margin:0;font-size:.9rem;line-height:1.4}.total-hours{font-size:.8rem;color:#ffffffe6;font-weight:600;margin-top:5px;padding:3px 8px;background:#fff3;border-radius:12px;text-align:center}.month-total-hours{font-size:.7rem;color:#ffffffe6;font-weight:600;margin-top:3px;text-align:center}.day-card-total{font-size:.8rem;color:#ffffffe6;font-weight:600;margin-top:3px;text-align:center}@media (max-width: 768px){.staffattendance-analytics{grid-template-columns:repeat(2,1fr);gap:12px}.staffattendance-stats-card{flex-direction:column;text-align:center;padding:16px 12px}.staffattendance-stat-icon{width:45px;height:45px;font-size:18px}.staffattendance-actions{grid-template-columns:1fr}.staffattendance-punch-buttons,.staffattendance-break-buttons{flex-direction:column}.staffattendance-punch-btn,.staffattendance-break-btn{width:100%;justify-content:center}.staffattendance-header-main{flex-direction:column;gap:15px;text-align:center}.staffattendance-summary-grid{gap:10px}.staffattendance-history-header{flex-direction:column;gap:15px;align-items:stretch}.staffattendance-view-toggle{justify-content:center}.staffattendance-view-btn{flex:1}.staffattendance-alerts{margin-top:15px}.staffattendance-alert{font-size:14px;padding:10px 12px}.staffattendance-action-buttons{flex-direction:column;gap:5px}.staffattendance-personal-records{padding:20px}.staffattendance-personal-records-header{flex-direction:column;gap:15px;align-items:stretch}.staffattendance-calendar-nav{flex-direction:column;gap:15px}.calendar-nav-left{justify-content:center}.calendar-view-controls{justify-content:center;flex-wrap:wrap}.calendar-week-grid{grid-template-columns:1fr;gap:10px}.calendar-week-day-cell{min-height:auto;padding:15px}.week-employee-info{flex-direction:column;gap:5px;text-align:center}.employee-name{font-size:.85rem}.shift-label{font-size:.8rem}.shift-timing{font-size:.75rem}.calendar-month-grid{gap:1px}.calendar-month-cell{min-height:80px;padding:4px 3px}.month-employee-name,.month-employee-name-light{font-size:.6rem}.month-shift-label,.month-no-shift-text{font-size:.55rem}.calendar-legend{flex-direction:column;gap:10px}.legend-items{justify-content:center}.day-view-list{gap:12px}.day-view-card{padding:12px 15px;gap:12px}.day-card-avatar{font-size:1.5rem}.day-card-name{font-size:.9rem}.day-card-shift{font-size:.8rem}.day-view-date h3{font-size:1.1rem}.total-hours{font-size:.7rem;padding:2px 6px;margin-top:3px}.month-total-hours{font-size:.55rem;margin-top:2px}.day-card-total{font-size:.7rem;margin-top:2px}.break-title-section,.break-status-main{flex-direction:column;align-items:flex-start;gap:10px}.break-actions{flex-direction:column}.break-action-btn{width:100%}.staffattendance-stats-card.clickable:hover{transform:none}}.view-toggle-buttons{display:flex;flex-direction:row;gap:4px;margin-top:6px;width:100%;justify-content:center}.view-toggle-btn{background:#f8fafc!important;border:1.5px solid #e2e8f0!important;color:#64748b!important;width:auto!important;height:28px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;font-size:10px!important;padding:2px 6px!important;position:relative!important;overflow:hidden!important;gap:3px!important;flex:1}.view-toggle-btn i{font-size:12px!important}.view-toggle-btn span{font-size:9px!important;font-weight:600!important;white-space:nowrap!important}.view-toggle-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #00000026!important}.view-toggle-btn:hover:not(.active){background:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}.view-toggle-btn:nth-child(1){background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#3b82f6!important;color:#1d4ed8!important}.view-toggle-btn:nth-child(1):hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#1d4ed8!important;color:#fff!important}.view-toggle-btn:nth-child(1).active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 4px 16px #3b82f666!important}.view-toggle-btn:nth-child(2){background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-color:#10b981!important;color:#059669!important}.view-toggle-btn:nth-child(2):hover{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;color:#fff!important}.view-toggle-btn:nth-child(2).active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;color:#fff!important;box-shadow:0 4px 16px #10b98166!important}.view-toggle-btn:nth-child(3){background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important;border-color:#8b5cf6!important;color:#7c3aed!important}.view-toggle-btn:nth-child(3):hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#6d28d9!important;color:#fff!important}.view-toggle-btn:nth-child(3).active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#6d28d9!important;color:#fff!important;box-shadow:0 4px 16px #8b5cf666!important}.view-toggle-btn.active:before{content:"";position:absolute;inset:-2px;border-radius:10px;background:inherit;z-index:-1;filter:blur(4px);opacity:.7}.staffattendance-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:20px 0;margin-top:.5rem}@media (max-width: 1400px){.staffattendance-analytics{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 1200px){.staffattendance-analytics{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.staffattendance-analytics{grid-template-columns:1fr;gap:12px;padding:15px 0;margin-bottom:30px}.staffattendance-stats-card{padding:16px 12px}.staffattendance-stat-icon{width:45px;height:45px;font-size:20px}.staffattendance-stat-info h4{font-size:20px}.staffattendance-stat-info p{font-size:10px}}@media (max-width: 480px){.staffattendance-analytics{grid-template-columns:1fr;gap:10px;padding:10px 0;margin-bottom:20px}.staffattendance-stats-card{padding:14px 10px;gap:8px}.staffattendance-stat-icon{width:40px;height:40px;font-size:18px}.staffattendance-stat-info h4{font-size:18px;white-space:normal;word-break:break-word}.staffattendance-stat-info p{font-size:10px}.view-indicator{font-size:9px;padding:3px 8px}.view-toggle-buttons{gap:4px}.view-toggle-btn{width:auto!important;height:26px!important;padding:2px 6px!important;font-size:9px!important}.view-toggle-btn i{font-size:12px!important}.view-toggle-btn span{font-size:9px!important}}.staffattendance-stats-card{background:#fff;color:#2c3e50;padding:18px 16px;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:visible;min-width:0;border:1px solid rgba(0,0,0,.04);text-align:center}.staffattendance-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.staffattendance-stats-card.clickable{cursor:pointer}.staffattendance-stat-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative}.staffattendance-stat-icon.working-hours{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.staffattendance-stat-icon.min-hours{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.staffattendance-stat-icon.break-hours{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.staffattendance-stat-icon:not(.working-hours):not(.min-hours):not(.break-hours){background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2c3e50}.staffattendance-stat-info{flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.staffattendance-stat-info h4{font-size:22px;font-weight:700;margin:0;color:#2c3e50;line-height:1.2;white-space:nowrap}.staffattendance-stat-info p{font-size:11px;font-weight:600;margin:0;color:#64748b;letter-spacing:.3px}.staffattendance-stat-info span{font-size:10px;color:#94a3b8}.view-indicator{display:inline-block;background:#e2e8f0;color:#475569;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.hourly-session-card{background:#fff;border-radius:12px;padding:16px 16px 20px;border:2px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:visible;min-height:fit-content;display:flex;flex-direction:column}.hourly-session-card.active{border-color:#10b981;background:linear-gradient(135deg,#f0fff4,#dcfce7);box-shadow:0 4px 16px #10b98133}.hourly-session-card.completed{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.hourly-session-card.upcoming{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.hourly-session-card.inactive{border-color:#cbd5e1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);opacity:.85;position:relative}.hourly-session-card.inactive:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:12px 12px 0 0}.hourly-session-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.hourly-session-card.inactive:hover{opacity:1;background:linear-gradient(135deg,#fff,#f8fafc);border-color:#94a3b8}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%;gap:12px}.session-time-block{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#1e293b;flex:0 1 auto}.status-badge-compact{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;white-space:nowrap;margin-left:auto;flex-shrink:0}.session-time-block i{color:#64748b;font-size:18px}.session-status .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;max-width:100%;box-sizing:border-box;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.completed{background:#dbeafe;color:#1e40af}.status-badge.upcoming{background:#fef3c7;color:#92400e}.status-badge.inactive{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:1px solid #cbd5e1;font-weight:700;box-shadow:0 2px 4px #0000001a;text-shadow:0 1px 2px rgba(255,255,255,.8);transition:all .3s ease}.status-badge.inactive:hover{background:linear-gradient(135deg,#fff,#f1f5f9);color:#475569;border-color:#94a3b8;box-shadow:0 4px 8px #00000026;transform:scale(1.05)}.session-time-info{text-align:center;margin-bottom:12px;padding:8px;background:#0000000d;border-radius:6px}.time-range{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:600;color:#64748b}.time-range i{font-size:16px}.session-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.work-duration,.break-duration{text-align:center}.duration-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.duration-value{font-size:16px;font-weight:700;color:#1e293b}.duration-value.active{color:#059669}.duration-value.completed{color:#2563eb}.duration-value.break{color:#dc2626}.session-progress{margin-bottom:12px}.progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.progress-fill.active{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.completed{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.upcoming{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.inactive{background:#d1d5db}.progress-text{font-size:10px;color:#64748b;text-align:center;font-weight:500}.session-activities{border-top:1px solid #f1f5f9;padding-top:8px}.activities-label{font-size:11px;color:#64748b;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.activities-list{display:flex;flex-wrap:wrap;gap:4px}.activity-tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.activity-tag.work{background:#dcfce7;color:#166534}.activity-tag.break{background:#fecaca;color:#991b1b}@media (max-width: 768px){.hourly-session-card{padding:12px}.session-time-block{font-size:14px}.session-details{grid-template-columns:1fr;gap:8px}.duration-value{font-size:14px}.session-group-header{flex-direction:column;text-align:center;gap:12px;padding:12px 16px}.group-totals{justify-content:center;gap:15px}.total-item{min-width:80px}.group-title h4,.total-value{font-size:14px}.total-label{font-size:10px}.session-group .staffattendance-punch-sessions-grid{padding:15px}}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:1rem}.quick-action-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;text-align:center}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-btn.break.enabled{border-color:#28a745;background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.quick-action-btn.break.disabled{border-color:#6c757d;background:#f8f9fa;color:#6c757d;cursor:not-allowed}.quick-action-btn.report{border-color:#ffc107;background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.quick-action-btn.export{border-color:#007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.quick-action-btn.goals{border-color:#6f42c1;background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff}.quick-action-btn i{font-size:20px}.quick-action-btn span{font-weight:600;font-size:14px}.quick-action-btn small{font-size:11px;opacity:.8}.goals-card{position:relative}.staffattendance-stat-icon.goals{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.goals-progress{margin-top:8px}.goal-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.goal-label{font-size:12px;color:#6c757d;font-weight:500}.goal-progress-text{font-size:12px;font-weight:600;color:#495057}.goal-progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.goal-progress-fill{height:100%;background:linear-gradient(135deg,#6f42c1,#5a2d91);border-radius:3px;transition:width .3s ease}.goal-settings-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.goal-settings-btn:hover{background:#f8f9fa;color:#495057}.goals-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.goals-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.goals-modal-header{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.goals-modal-header h3{margin:0;display:flex;align-items:center;gap:10px}.goals-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.goals-modal-close:hover{background:#fff3}.goals-modal-body{padding:24px}.goals-form{display:flex;flex-direction:column;gap:20px}.goal-input-group{display:flex;align-items:center;gap:12px}.goal-input-group label{flex:1;font-weight:600;color:#495057}.goal-input{width:80px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;text-align:center}.goal-input:focus{outline:none;border-color:#6f42c1}.goal-unit{color:#6c757d;font-size:14px;min-width:50px}.goals-modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.goals-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.goals-btn-cancel{background:#6c757d;color:#fff}.goals-btn-cancel:hover{background:#5a6268}.goals-btn-save{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff}.goals-btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6f42c14d}.personal-attendance-records{background:#fff;border-radius:15px;padding:30px;margin-top:30px;box-shadow:0 4px 15px #0000001a}.personal-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:20px}.personal-attendance-header h3{color:#2c3e50;margin:0;font-weight:600;display:flex;align-items:center;gap:10px}.personal-attendance-header h3 i{color:#3498db;font-size:24px}.attendance-legend{display:flex;gap:15px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;background:#f8f9fa}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-item.government-holiday .legend-color{background:#ff6b6b}.legend-item.late-arrival .legend-color{background:orange}.legend-item.absent .legend-color{background:#dc3545}.legend-item.permission .legend-color{background:#17a2b8}.legend-item.leave .legend-color{background:#6f42c1}.legend-item.overtime .legend-color{background:#28a745}.legend-item.present .legend-color{background:#007bff}.legend-item.weekend .legend-color{background:#6c757d}.attendance-calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px}.attendance-day-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:15px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.attendance-day-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:10px 10px 0 0}.attendance-day-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.attendance-day-card.government-holiday{border-color:#ff6b6b;background:linear-gradient(135deg,#fff5f5,#ffe5e5)}.attendance-day-card.government-holiday:before{background:#ff6b6b}.attendance-day-card.late-arrival{border-color:orange;background:linear-gradient(135deg,#fff8e1,#ffecb3)}.attendance-day-card.late-arrival:before{background:orange}.attendance-day-card.absent{border-color:#dc3545;background:linear-gradient(135deg,#fff1f0,#ffddd8)}.attendance-day-card.absent:before{background:#dc3545}.attendance-day-card.permission{border-color:#17a2b8;background:linear-gradient(135deg,#e8f7fa,#b2ebf2)}.attendance-day-card.permission:before{background:#17a2b8}.attendance-day-card.leave{border-color:#6f42c1;background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.attendance-day-card.leave:before{background:#6f42c1}.attendance-day-card.overtime{border-color:#28a745;background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.attendance-day-card.overtime:before{background:#28a745}.attendance-day-card.present{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.attendance-day-card.present:before{background:#007bff}.attendance-date{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:2px}.attendance-month{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.attendance-status{margin:10px 0}.attendance-status i{font-size:24px;opacity:.8}.attendance-day-card.government-holiday .attendance-status i{color:#ff6b6b}.attendance-day-card.late-arrival .attendance-status i{color:orange}.attendance-day-card.absent .attendance-status i{color:#dc3545}.attendance-day-card.permission .attendance-status i{color:#17a2b8}.attendance-day-card.leave .attendance-status i{color:#6f42c1}.attendance-day-card.overtime .attendance-status i{color:#28a745}.attendance-day-card.present .attendance-status i{color:#007bff}.attendance-title{font-size:11px;color:#495057;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.attendance-hours{font-size:14px;font-weight:700;color:#2c3e50;background:#fffc;padding:4px 8px;border-radius:4px;display:inline-block}@media (max-width: 768px){.personal-attendance-records{padding:20px;margin-top:20px}.personal-attendance-header{flex-direction:column;align-items:flex-start;gap:15px}.attendance-legend{gap:10px}.legend-item{font-size:11px;padding:3px 6px}.attendance-calendar-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.attendance-day-card{padding:12px}.attendance-date{font-size:24px}.attendance-status i{font-size:20px}}@media (max-width: 480px){.attendance-calendar-grid{grid-template-columns:repeat(2,1fr);gap:10px}.attendance-legend{flex-direction:column;gap:8px}.legend-item{width:100%;justify-content:flex-start}}.calendar-attendance-legend{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;background:#fff;border:2px solid transparent;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.legend-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.legend-item.selected{border-color:#007bff;background:#e3f2fd;box-shadow:0 4px 16px #007bff4d;transform:translateY(-2px);font-weight:600}.clear-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto}.clear-filter-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.clear-filter-btn i{font-size:14px}.legend-item{font-weight:500}.legend-item.selected{font-weight:700}.legend-item:not(.selected){color:#6c757d}.legend-item.selected{color:#007bff}.week-attendance-card{background:#fff;border-radius:8px;padding:12px;margin-top:8px;border:2px solid #e9ecef;transition:all .3s ease}.week-attendance-card.government-holiday{border-color:#ff6b6b;background:linear-gradient(135deg,#fff5f5,#ffe5e5)}.week-attendance-card.late-arrival{border-color:orange;background:linear-gradient(135deg,#fff8e1,#ffecb3)}.week-attendance-card.absent{border-color:#dc3545;background:linear-gradient(135deg,#fff1f0,#ffddd8)}.week-attendance-card.permission{border-color:#17a2b8;background:linear-gradient(135deg,#e8f7fa,#b2ebf2)}.week-attendance-card.leave{border-color:#6f42c1;background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.week-attendance-card.overtime{border-color:#28a745;background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.week-attendance-card.present{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.week-attendance-card.weekend{border-color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.attendance-status-icon{text-align:center;margin-bottom:8px}.attendance-status-icon i{font-size:20px;opacity:.8}.week-attendance-card.government-holiday .attendance-status-icon i{color:#ff6b6b}.week-attendance-card.late-arrival .attendance-status-icon i{color:orange}.week-attendance-card.absent .attendance-status-icon i{color:#dc3545}.week-attendance-card.permission .attendance-status-icon i{color:#17a2b8}.week-attendance-card.leave .attendance-status-icon i{color:#6f42c1}.week-attendance-card.overtime .attendance-status-icon i{color:#28a745}.week-attendance-card.present .attendance-status-icon i{color:#007bff}.week-attendance-card.weekend .attendance-status-icon i{color:#6c757d}.attendance-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:#495057}.attendance-hours{font-size:12px;font-weight:600;color:#2c3e50}.month-attendance-info{padding:6px;border-radius:6px;margin-top:4px;text-align:center}.month-attendance-info.government-holiday{background:linear-gradient(135deg,#fff5f5,#ffe5e5)}.month-attendance-info.late-arrival{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.month-attendance-info.absent{background:linear-gradient(135deg,#fff1f0,#ffddd8)}.month-attendance-info.permission{background:linear-gradient(135deg,#e8f7fa,#b2ebf2)}.month-attendance-info.leave{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.month-attendance-info.overtime{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.month-attendance-info.present{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.month-attendance-info.weekend{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.month-attendance-icon{margin:4px 0}.month-attendance-icon i{font-size:16px;opacity:.8}.month-attendance-info.government-holiday .month-attendance-icon i{color:#ff6b6b}.month-attendance-info.late-arrival .month-attendance-icon i{color:orange}.month-attendance-info.absent .month-attendance-icon i{color:#dc3545}.month-attendance-info.permission .month-attendance-icon i{color:#17a2b8}.month-attendance-info.leave .month-attendance-icon i{color:#6f42c1}.month-attendance-info.overtime .month-attendance-icon i{color:#28a745}.month-attendance-info.present .month-attendance-icon i{color:#007bff}.month-attendance-info.weekend .month-attendance-icon i{color:#6c757d}.month-attendance-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#495057;margin-bottom:2px}.month-total-hours{font-size:8px;font-weight:600;color:#2c3e50}.calendar-week-day-cell.government-holiday{border-left:4px solid #ff6b6b}.calendar-week-day-cell.late-arrival{border-left:4px solid #ffa500}.calendar-week-day-cell.absent{border-left:4px solid #dc3545}.calendar-week-day-cell.permission{border-left:4px solid #17a2b8}.calendar-week-day-cell.leave{border-left:4px solid #6f42c1}.calendar-week-day-cell.overtime{border-left:4px solid #28a745}.calendar-week-day-cell.present{border-left:4px solid #007bff}.calendar-week-day-cell.weekend{border-left:4px solid #6c757d}.calendar-month-cell.government-holiday{border-top:3px solid #ff6b6b}.calendar-month-cell.late-arrival{border-top:3px solid #ffa500}.calendar-month-cell.absent{border-top:3px solid #dc3545}.calendar-month-cell.permission{border-top:3px solid #17a2b8}.calendar-month-cell.leave{border-top:3px solid #6f42c1}.calendar-month-cell.overtime{border-top:3px solid #28a745}.calendar-month-cell.present{border-top:3px solid #007bff}.calendar-month-cell.weekend{border-top:3px solid #6c757d}@media (max-width: 768px){.calendar-attendance-legend{gap:8px;margin:10px 0;padding:8px}.legend-item{font-size:10px;padding:2px 4px}.week-attendance-card{padding:8px}.attendance-status-icon i{font-size:16px}.month-attendance-icon i{font-size:12px}}.calendar-week-day-cell.filtered-out,.calendar-month-cell.filtered-out{opacity:.3;filter:grayscale(80%);transform:scale(.95);transition:all .3s ease}.calendar-week-day-cell.highlighted,.calendar-month-cell.highlighted{opacity:1;filter:none;transform:scale(1.05);box-shadow:0 8px 25px #007bff4d;border:3px solid #007bff!important;z-index:10;position:relative;transition:all .3s ease}.calendar-week-day-cell.highlighted .week-attendance-card,.calendar-month-cell.highlighted .month-attendance-info{border-color:#007bff!important;box-shadow:0 4px 16px #007bff66!important}.legend-item{background:#f8f9fa!important;padding:4px 8px!important;border-radius:4px!important}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.summary-header h4{margin:0;color:#333;font-weight:600}.record-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #28a74533}.record-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.record-button:active{transform:translateY(0)}.record-button i{font-size:16px}.record-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.record-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.record-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:12px 12px 0 0}.record-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.record-modal-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.record-modal-close:hover{background:#fff3}.record-modal-body{padding:24px}.record-info-section{margin-bottom:20px}.record-info-text{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2;padding:12px;border-radius:8px;margin:0;font-size:14px;display:flex;align-items:flex-start;gap:8px}.record-info-text i{margin-top:2px;flex-shrink:0}.record-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.record-form-group{display:flex;flex-direction:column;gap:6px}.record-form-group label{font-weight:600;color:#333;font-size:14px}.record-input,.record-select,.record-textarea{padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s ease;font-family:inherit}.time-input-container{position:relative;display:flex;align-items:center;gap:8px}.time-input{flex:1}.time-format-indicator{color:#6c757d;font-size:11px;font-weight:500;background:#f8f9fa;padding:2px 6px;border-radius:4px;border:1px solid #e9ecef}.time-display{margin-top:4px}.am-pm-display{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 1px 3px #28a74533}.record-input:focus,.record-select:focus,.record-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.record-input.error,.record-select.error,.record-textarea.error{border-color:#dc3545;background-color:#fff5f5}.record-textarea{resize:vertical;min-height:80px}.record-error{color:#dc3545;font-size:12px;font-weight:500;margin-top:4px}.record-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-top:20px}.record-preview h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-item{display:flex;justify-content:space-between;align-items:center}.preview-label{font-weight:500;color:#6c757d;font-size:13px}.preview-value{font-weight:600;color:#495057;font-size:13px}.record-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.record-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.record-btn-cancel{background:#6c757d;color:#fff}.record-btn-cancel:hover{background:#5a6268}.record-btn-submit{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.record-btn-submit:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.inactive-duration{display:flex;flex-direction:column;align-items:center;gap:4px}.duration-value.inactive{color:#dc3545!important;background:#fff5f5;border:1px solid #f5c6cb;padding:4px 8px;border-radius:4px;font-weight:600}.activity-tag.inactive{background:#dc3545!important;color:#fff!important;border:1px solid #c82333}.activity-tag.work{background:#28a745;color:#fff}.activity-tag.break{background:#ffc107;color:#212529}.activity-tag{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;margin-right:4px}.session-group{margin-bottom:30px;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#fff,#f1f3f4);box-shadow:0 2px 8px #0000000f}.session-group-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;box-shadow:0 2px 4px #0000001a}.group-title h4{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.group-totals{display:flex;gap:20px;flex-wrap:wrap}.total-item{display:flex;flex-direction:column;align-items:center;gap:4px}.total-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-weight:500}.total-value{font-size:16px;font-weight:700}.total-item.work .total-value{color:#28a745}.total-item.break .total-value{color:#ffc107}.total-item.inactive .total-value{color:#dc3545}.session-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:12px 0}.session-group .staffattendance-punch-sessions-grid{background:#fff;padding:20px}@media (max-width: 768px){.record-modal{width:95%;margin:20px}.record-form-grid{grid-template-columns:1fr;gap:16px}.preview-grid{grid-template-columns:1fr}.summary-header{flex-direction:column;gap:12px;align-items:flex-start}.record-button{width:100%;justify-content:center}.session-details{grid-template-columns:1fr;gap:8px}}.staffattendance-goals-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:16px;padding:18px 16px;box-shadow:0 8px 32px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;border:1px solid rgba(226,232,240,.4)}.staffattendance-goals-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#ec4899);border-radius:20px 20px 0 0}.staffattendance-goals-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #0000001f;border-color:#4f46e533}.staffattendance-goals-header{margin-bottom:16px;position:relative;z-index:2}.staffattendance-goals-title{display:flex;align-items:center;gap:8px}.staffattendance-goals-title i{font-size:1rem;color:#4f46e5}.staffattendance-goals-title h4{margin:0;color:#1e293b;font-weight:700;font-size:.95rem}.staffattendance-goals-content{position:relative;z-index:2}.staffattendance-goal-item{margin-bottom:16px}.staffattendance-goal-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.staffattendance-goal-label{font-size:.75rem;font-weight:600;color:#475569}.staffattendance-goal-value{font-size:.8rem;font-weight:700;color:#4f46e5}.staffattendance-goal-progress{margin-bottom:20px}.staffattendance-progress-bar{height:8px;background:#4f46e51a;border-radius:4px;overflow:hidden;border:1px solid rgba(79,70,229,.2)}.staffattendance-progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 4px #4f46e54d}.staffattendance-goals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staffattendance-goal-stat{background:#4f46e50d;border:1px solid rgba(79,70,229,.1);border-radius:12px;padding:14px 10px;text-align:center;transition:all .3s ease}.staffattendance-goal-stat:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e51a;border-color:#4f46e533}.staffattendance-goal-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:1.1rem;color:#fff}.staffattendance-goal-stat-icon.target{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 16px #10b9814d}.staffattendance-goal-stat-icon.breaks{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 6px 16px #f59e0b4d}.staffattendance-goal-stat-icon.overtime{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 16px #8b5cf64d}.staffattendance-goal-stat-info{display:flex;flex-direction:column;gap:4px}.staffattendance-goal-stat-value{font-size:1.25rem;font-weight:800;color:#1e293b;line-height:1}.staffattendance-goal-stat-label{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 768px){.staffattendance-goals-grid{grid-template-columns:1fr;gap:12px}.staffattendance-goal-stat{padding:16px 12px}.staffattendance-goal-stat-icon{width:40px;height:40px;font-size:1rem;margin-bottom:8px}.staffattendance-goal-stat-value{font-size:1.25rem}.staffattendance-goal-info{flex-direction:column;gap:8px;text-align:center}}.dailyattendance-stats-card{position:relative;display:flex;align-items:center;gap:15px}.dailyattendance-stats-card .dropdown{margin-left:auto;position:relative}.dailyattendance-stats-card .dropdown-toggle-btn{background:none!important;border:none!important;color:#fff!important;font-size:18px!important;padding:5px 8px!important;cursor:pointer!important;border-radius:50%!important;transition:all .3s ease!important}.dailyattendance-stats-card .dropdown-toggle-btn:hover{background-color:#fff3!important;color:#fff!important;transform:scale(1.1)}.dailyattendance-stats-card .dropdown-toggle-btn:focus{outline:none!important;box-shadow:0 0 0 2px #ffffff4d!important}.dailyattendance-stats-card .dropdown-menu{background-color:#fff!important;border:1px solid #dee2e6!important;border-radius:10px!important;box-shadow:0 8px 25px #00000026!important;padding:10px 0!important;margin-top:8px!important;z-index:1050!important;min-width:160px!important;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dailyattendance-stats-card .dropdown-item{padding:10px 18px!important;border:none!important;background:none!important;width:100%!important;text-align:left!important;color:#495057!important;font-size:14px!important;font-weight:500!important;transition:all .2s ease!important;cursor:pointer!important;border-radius:0!important;display:flex!important;align-items:center!important;position:relative!important}.dailyattendance-stats-card .dropdown-item:hover{background-color:#f8f9fa!important;color:#007bff!important;padding-left:22px!important;transform:translate(4px)}.dailyattendance-stats-card .dropdown-item:active{background-color:#e9ecef!important;color:#0056b3!important}.dailyattendance-stats-card .dropdown-item:before{content:"•";color:#007bff;font-weight:700;margin-right:8px;opacity:0;transition:opacity .2s ease}.dailyattendance-stats-card .dropdown-item:hover:before{opacity:1}@media (max-width: 768px){.dailyattendance-stats-card .dropdown-menu{min-width:140px!important;margin-top:5px!important}.dailyattendance-stats-card .dropdown-item{padding:8px 15px!important;font-size:13px!important}}.viewstaffattendance-header-modern{background:#fffffff2;border-radius:20px;padding:24px 32px;margin-bottom:24px;box-shadow:0 10px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between}.viewstaffattendance-header-left-section{display:flex;align-items:center}.viewstaffattendance-back-button{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.viewstaffattendance-back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.viewstaffattendance-header-center-section{flex:1;display:flex;justify-content:center}.viewstaffattendance-staff-info{display:flex;align-items:center;gap:16px}.viewstaffattendance-staff-icon{font-size:32px;color:#667eea}.viewstaffattendance-staff-text{text-align:center}.viewstaffattendance-staff-name{margin:0 0 4px;font-size:24px;font-weight:700;color:#1f2937}.viewstaffattendance-page-subtitle{font-size:14px;color:#6b7280;font-weight:500}.viewstaffattendance-individual-staff-view{display:flex;flex-direction:column;gap:24px}.viewstaffattendance-compact-staff-card{background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.viewstaffattendance-staff-header-compact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden}.viewstaffattendance-staff-header-compact:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.viewstaffattendance-staff-avatar-compact{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.viewstaffattendance-staff-name-section{flex:1}.viewstaffattendance-staff-name-compact{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.viewstaffattendance-staff-id-compact{font-size:16px;color:#fffc;font-weight:500}.viewstaffattendance-staff-status-section{flex-shrink:0}.viewstaffattendance-status-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff3;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.viewstaffattendance-status-icon{font-size:16px}.viewstaffattendance-employee-details-compact{padding:24px 32px;background:#f9fafb80;border-bottom:1px solid rgba(229,231,235,.3);display:flex;flex-direction:column;gap:20px}.viewstaffattendance-detail-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.viewstaffattendance-detail-group{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(229,231,235,.4);transition:all .2s ease}.viewstaffattendance-detail-group:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.viewstaffattendance-detail-icon-compact{font-size:18px;color:#667eea;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewstaffattendance-detail-text{font-size:14px;font-weight:600;color:#374151;line-height:1.4;flex:1}.viewstaffattendance-attendance-stats-compact{padding:24px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.viewstaffattendance-stat-item-compact{display:flex;align-items:center;gap:16px;padding:16px;background:#fffc;border-radius:16px;border:1px solid rgba(229,231,235,.3);transition:all .3s ease}.viewstaffattendance-stat-item-compact:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;background:#fffffff2}.viewstaffattendance-stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.viewstaffattendance-stat-icon-wrapper.punch-in{background:linear-gradient(135deg,#f59e0b,#d97706)}.viewstaffattendance-stat-icon-wrapper.punch-out{background:linear-gradient(135deg,#ef4444,#dc2626)}.viewstaffattendance-stat-icon-wrapper.working-hours{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.viewstaffattendance-stat-icon-wrapper.break-time{background:linear-gradient(135deg,#06b6d4,#0891b2)}.viewstaffattendance-stat-icon-wrapper.production-hours{background:linear-gradient(135deg,#10b981,#059669)}.viewstaffattendance-stat-icon-wrapper.overtime{background:linear-gradient(135deg,#f97316,#ea580c)}.viewstaffattendance-stat-content{display:flex;flex-direction:column;gap:4px}.viewstaffattendance-stat-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.viewstaffattendance-stat-value{font-size:18px;font-weight:700;color:#1f2937}.viewstaffattendance-modern-calendar-view{background:#fffffff2;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.viewstaffattendance-calendar-header-modern{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(102,126,234,.1)}.viewstaffattendance-calendar-title-section{display:flex;align-items:center;gap:12px}.viewstaffattendance-calendar-title-icon{font-size:24px;color:#667eea}.viewstaffattendance-calendar-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.viewstaffattendance-calendar-navigation{display:flex;align-items:center;gap:16px}.viewstaffattendance-nav-btn-modern{width:40px;height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px}.viewstaffattendance-nav-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.viewstaffattendance-current-month-year{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px}.viewstaffattendance-month-text{font-size:18px;font-weight:700;color:#1f2937}.viewstaffattendance-year-text{font-size:14px;color:#6b7280;font-weight:500}.viewstaffattendance-calendar-content{display:flex;flex-direction:column;gap:16px}.viewstaffattendance-weekdays-header{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.viewstaffattendance-weekday-header{padding:12px 8px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:600}.viewstaffattendance-weekday-header.weekend-header{background:linear-gradient(135deg,#9ca3af,#6b7280)}.viewstaffattendance-weekday-short{display:block;font-size:14px;font-weight:700}.viewstaffattendance-weekday-full{display:none;font-size:12px;opacity:.8}.viewstaffattendance-calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.viewstaffattendance-modern-calendar-day{min-height:80px;background:#f9fafb80;border:1px solid rgba(229,231,235,.3);border-radius:12px;padding:8px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.viewstaffattendance-modern-calendar-day:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.viewstaffattendance-modern-calendar-day.today{background:#667eea1a;border-color:#667eea}.viewstaffattendance-modern-calendar-day.weekend{background:#9ca3af1a}.viewstaffattendance-modern-calendar-day.other-month{opacity:.3}.viewstaffattendance-day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.viewstaffattendance-day-number{font-size:14px;font-weight:600;color:#374151}.viewstaffattendance-today-badge{font-size:10px;background:#667eea;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.viewstaffattendance-day-content{flex:1;display:flex;flex-direction:column;gap:4px}.viewstaffattendance-attendance-indicator{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;font-size:10px;font-weight:600}.viewstaffattendance-attendance-indicator.present{background:#10b9811a;color:#059669}.viewstaffattendance-attendance-indicator.absent{background:#ef44441a;color:#dc2626}.viewstaffattendance-attendance-indicator.late{background:#f59e0b1a;color:#d97706}.viewstaffattendance-attendance-indicator.leave{background:#8b5cf61a;color:#7c3aed}.viewstaffattendance-attendance-indicator.overtime{background:#06b6d41a;color:#0891b2}.viewstaffattendance-attendance-indicator.weekend{background:#9ca3af1a;color:#6b7280}.viewstaffattendance-status-icon{font-size:10px}.viewstaffattendance-status-text{text-transform:capitalize}.viewstaffattendance-hours-display{display:flex;align-items:center;gap:4px;font-size:10px;color:#6b7280}.viewstaffattendance-hours-icon{font-size:10px}.viewstaffattendance-hours-text{font-weight:600}.viewstaffattendance-weekend-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;color:#9ca3af}.viewstaffattendance-weekend-icon{font-size:16px}.viewstaffattendance-weekend-text{font-size:10px;font-weight:600}.viewstaffattendance-viewattendance-container{background:#fffffff2;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.viewstaffattendance-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.viewstaffattendance-summary-card{background:#fffc;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;border:1px solid rgba(229,231,235,.3);transition:all .3s ease}.viewstaffattendance-summary-card:hover{background:#fffffff2;transform:translateY(-4px);box-shadow:0 12px 30px #00000026}.viewstaffattendance-summary-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.viewstaffattendance-summary-icon.punch-in{background:linear-gradient(135deg,#f59e0b,#d97706)}.viewstaffattendance-summary-icon.punch-out{background:linear-gradient(135deg,#ef4444,#dc2626)}.viewstaffattendance-summary-icon.total-hours{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.viewstaffattendance-summary-icon.productive-hours{background:linear-gradient(135deg,#10b981,#059669)}.viewstaffattendance-summary-info{flex:1}.viewstaffattendance-summary-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#374151}.viewstaffattendance-time{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.viewstaffattendance-location,.viewstaffattendance-productivity,.viewstaffattendance-overtime{font-size:14px;color:#6b7280;font-weight:500}.viewstaffattendance-details-section{display:flex;flex-direction:column;gap:24px}.viewstaffattendance-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.viewstaffattendance-detail-card{background:#fffc;border-radius:16px;padding:24px;border:1px solid rgba(229,231,235,.3);transition:all .3s ease}.viewstaffattendance-detail-card:hover{background:#fffffff2;box-shadow:0 8px 25px #0000001a}.viewstaffattendance-detail-card.full-width{grid-column:1 / -1}.viewstaffattendance-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.1)}.viewstaffattendance-card-icon{font-size:20px;color:#667eea}.viewstaffattendance-card-header h3{margin:0;font-size:18px;font-weight:700;color:#1f2937}.viewstaffattendance-breaks-list{display:flex;flex-direction:column;gap:12px}.viewstaffattendance-break-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.3)}.viewstaffattendance-break-time{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151}.viewstaffattendance-break-separator{color:#667eea;font-weight:700}.viewstaffattendance-break-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.viewstaffattendance-break-type{font-size:14px;font-weight:600;color:#667eea}.viewstaffattendance-break-duration{font-size:12px;color:#6b7280;font-weight:500}.viewstaffattendance-break-total{margin-top:12px;padding-top:12px;border-top:1px solid rgba(229,231,235,.5);text-align:center;color:#374151}.viewstaffattendance-timeline{display:flex;flex-direction:column;gap:16px}.viewstaffattendance-timeline-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.3)}.viewstaffattendance-activity-icon{font-size:16px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.viewstaffattendance-activity-icon.success{background:#10b981}.viewstaffattendance-activity-icon.info{background:#3b82f6}.viewstaffattendance-activity-icon.warning{background:#f59e0b}.viewstaffattendance-timeline-content{flex:1}.viewstaffattendance-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.viewstaffattendance-timeline-action{font-weight:600;color:#374151}.viewstaffattendance-timeline-time{font-size:12px;color:#667eea;font-weight:600}.viewstaffattendance-timeline-location{font-size:12px;color:#6b7280;font-weight:500}.viewstaffattendance-technical-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.viewstaffattendance-technical-grid{display:flex;flex-direction:column;gap:12px}.viewstaffattendance-technical-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.3)}.viewstaffattendance-technical-label{font-weight:600;color:#374151}.viewstaffattendance-technical-value{font-weight:500;color:#6b7280}.viewstaffattendance-technical-value.verified{color:#10b981;font-weight:600}.viewstaffattendance-approvals-list{display:flex;flex-direction:column;gap:12px}.viewstaffattendance-approval-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.3)}.viewstaffattendance-approval-type{font-weight:600;color:#374151}.viewstaffattendance-approval-status{font-weight:600;font-size:14px}.viewstaffattendance-approval-status.approved{color:#10b981}.viewstaffattendance-approval-status.pending{color:#f59e0b}.viewstaffattendance-notes-content{padding:16px;background:#f9fafbcc;border-radius:12px;border:1px solid rgba(229,231,235,.3)}.viewstaffattendance-notes-content p{margin:0 0 12px;color:#374151;line-height:1.6}.viewstaffattendance-notes-meta{display:flex;gap:16px;font-size:12px;color:#6b7280;font-weight:500}.viewstaffattendance-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.viewstaffattendance-modal-edit{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 20px 50px #0000004d}.viewstaffattendance-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(229,231,235,.3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.viewstaffattendance-modal-title{display:flex;align-items:center;gap:16px}.viewstaffattendance-modal-icon-container{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.viewstaffattendance-modal-title h3{margin:0;font-size:20px;font-weight:700}.viewstaffattendance-modal-staff-info{font-size:14px;opacity:.9;margin:4px 0 0}.viewstaffattendance-modal-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.viewstaffattendance-modal-close-btn:hover{background:#fff3}.viewstaffattendance-modal-content{padding:32px;display:flex;flex-direction:column;gap:24px}.viewstaffattendance-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.viewstaffattendance-form-group{display:flex;flex-direction:column;gap:8px}.viewstaffattendance-form-group.full-width{grid-column:1 / -1}.viewstaffattendance-form-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;font-size:14px}.viewstaffattendance-form-input,.viewstaffattendance-form-textarea{padding:12px 16px;border:2px solid rgba(229,231,235,.8);border-radius:12px;font-size:14px;transition:all .2s ease;background:#f9fafb80}.viewstaffattendance-form-input:focus,.viewstaffattendance-form-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.viewstaffattendance-custom-select{position:relative}.viewstaffattendance-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:2px solid rgba(229,231,235,.8);border-radius:12px;background:#f9fafb80;cursor:pointer;transition:all .2s ease}.viewstaffattendance-select-trigger:hover,.viewstaffattendance-select-trigger.open{border-color:#667eea;background:#fff}.viewstaffattendance-selected-option{display:flex;align-items:center;gap:8px;font-weight:500}.viewstaffattendance-dropdown-arrow{font-size:12px;color:#6b7280;transition:transform .2s ease}.viewstaffattendance-dropdown-arrow.open{transform:rotate(180deg)}.viewstaffattendance-dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:10;margin-top:4px;overflow:hidden}.viewstaffattendance-dropdown-option{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-weight:500}.viewstaffattendance-dropdown-option:hover{background:#667eea1a}.viewstaffattendance-dropdown-option.selected{background:#667eea33}.viewstaffattendance-modal-footer{display:flex;gap:16px;justify-content:flex-end;padding:24px 32px;border-top:1px solid rgba(229,231,235,.3);background:#f9fafb80;border-radius:0 0 20px 20px}.viewstaffattendance-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.viewstaffattendance-btn.btn-secondary{background:#6b72801a;color:#6b7280;border:2px solid rgba(107,114,128,.2)}.viewstaffattendance-btn.btn-secondary:hover{background:#6b728033;transform:translateY(-2px)}.viewstaffattendance-btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.viewstaffattendance-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@media (max-width: 1024px){.viewstaffattendance-attendance-stats-compact,.viewstaffattendance-detail-row{grid-template-columns:repeat(2,1fr);gap:16px}.viewstaffattendance-detail-group{padding:10px 14px}.viewstaffattendance-summary-cards{grid-template-columns:repeat(2,1fr)}.viewstaffattendance-details-grid,.viewstaffattendance-technical-section{grid-template-columns:1fr}}@media (max-width: 768px){.viewstaffattendance-container{padding:16px}.viewstaffattendance-header-modern{flex-direction:column;gap:16px;text-align:center;padding:20px 24px}.viewstaffattendance-header-left-section{width:100%;justify-content:center}.viewstaffattendance-header-center-section{justify-content:center}.viewstaffattendance-attendance-stats-compact{grid-template-columns:1fr;gap:12px;padding:20px 24px}.viewstaffattendance-employee-details-compact{padding:20px 24px;gap:16px}.viewstaffattendance-detail-row{grid-template-columns:1fr;gap:12px}.viewstaffattendance-detail-group{padding:12px 16px}.viewstaffattendance-staff-header-compact{padding:20px 24px;flex-direction:column;gap:16px;text-align:center}.viewstaffattendance-summary-cards{grid-template-columns:1fr}.viewstaffattendance-calendar-header-modern{flex-direction:column;gap:16px}.viewstaffattendance-weekday-short{display:block}.viewstaffattendance-weekday-full{display:none}.viewstaffattendance-modern-calendar-day{min-height:60px}.viewstaffattendance-modal-edit{width:95%;margin:20px}.viewstaffattendance-modal-content{padding:24px}.viewstaffattendance-form-row{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.viewstaffattendance-staff-avatar-compact{width:60px;height:60px;font-size:28px}.viewstaffattendance-staff-name-compact{font-size:24px}.viewstaffattendance-calendar-days-grid{gap:4px}.viewstaffattendance-modern-calendar-day{min-height:50px;padding:4px}.viewstaffattendance-day-number{font-size:12px}.viewstaffattendance-status-text,.viewstaffattendance-hours-text{font-size:9px}}.leaverequest-back-section{display:flex;align-items:center;gap:15px}.leaverequest-back-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:8px;border-radius:50%;transition:all .3s ease}.leaverequest-back-btn:hover{background:#f8f9fa;color:#495057}.timeoff-filters-section{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.timeoff-filter-row{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.timeoff-date-filter{display:flex;flex-direction:column;gap:10px}.date-toggle-section{display:flex;align-items:center;gap:10px}.date-toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.date-toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#007bff}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase}.date-input-section{position:relative;display:flex;align-items:center}.date-input-field{border:1px solid #dee2e6;border-radius:6px;padding:10px 40px 10px 12px;width:200px;font-size:14px}.date-input-section i{position:absolute;right:12px;color:#6c757d}.timeoff-policy-filter,.timeoff-members-filter{display:flex;flex-direction:column;gap:8px;flex:1;min-width:250px}.filter-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;margin-bottom:5px}.policy-select-dropdown,.members-select-dropdown{border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;font-size:14px;background:#fff;cursor:pointer}.members-filter-section{display:flex;gap:10px;align-items:center}.select-all-members-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline;white-space:nowrap}.request-timeoff-main-btn{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;margin-top:20px}.timeoff-status-tabs{display:flex;gap:0;margin-bottom:20px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.status-tab-btn{background:#fff;border:none;padding:15px 20px;cursor:pointer;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .3s ease;flex:1;text-align:center}.status-tab-btn.active{color:#007bff;border-bottom-color:#007bff;background:#f8f9ff}.status-tab-btn:hover{background:#f8f9fa}.timeoff-requests-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.timeoff-requests-table{width:100%;border-collapse:collapse}.timeoff-requests-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#495057;font-size:14px;border-bottom:1px solid #dee2e6}.timeoff-requests-table td{padding:15px 12px;border-bottom:1px solid #f1f3f4;vertical-align:middle}.member-info{display:flex;align-items:center;gap:10px}.member-avatar{color:#007bff;font-size:20px}.member-name{font-weight:500;color:#007bff}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.submitted{background:#fff3cd;color:#856404}.status-badge.denied{background:#f8d7da;color:#721c24}.actions-dropdown{position:relative}.actions-btn{background:none;border:1px solid #dee2e6;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px}.no-requests-message{text-align:center;color:#6c757d;font-style:italic;padding:40px 20px}.timeoff-request-section{margin-top:30px}.dashboard-btn.active{background:#dc3545;color:#fff}.leaverequest-add-btn.active{background:#dc3545}.leaverequest-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.leaverequest-header-main{display:flex;justify-content:space-between;align-items:center}.leaverequest-header-actions{display:flex;gap:15px;align-items:center}.leaverequest-header h2{color:#2c3e50;margin:0;font-weight:600}.leaverequest-header h2 i{margin-right:10px;color:#e74c3c}.leaverequest-add-btn{background:#e74c3c;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.leaverequest-add-btn:hover{background:#c0392b;transform:translateY(-2px)}.leaverequest-balance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.leaverequest-balance-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f1f3f4}.leaverequest-balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.leaverequest-balance-card.casual{border-top:3px solid #3498db}.leaverequest-balance-card.sick{border-top:3px solid #e74c3c}.leaverequest-balance-card.compensatory{border-top:3px solid #9b59b6}.leaverequest-balance-card.lossOfPay{border-top:3px solid #e67e22}.leaverequest-balance-card.privilege{border-top:3px solid #f1c40f}.leaverequest-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.leaverequest-balance-card.casual .leaverequest-card-icon{background:#ebf8ff;color:#3498db}.leaverequest-balance-card.sick .leaverequest-card-icon{background:#fed7d7;color:#e74c3c}.leaverequest-balance-card.compensatory .leaverequest-card-icon{background:#faf5ff;color:#9b59b6}.leaverequest-balance-card.lossOfPay .leaverequest-card-icon{background:#fffaf0;color:#e67e22}.leaverequest-balance-card.privilege .leaverequest-card-icon{background:ivory;color:#f1c40f}.leaverequest-balance-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.leaverequest-balance-item{text-align:center;flex:1}.leaverequest-balance-item .balance-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.leaverequest-balance-item .balance-value{display:block;font-size:20px;font-weight:700;color:#1e293b;line-height:1.2;margin-bottom:2px}.leaverequest-balance-item .balance-value small{font-size:12px;font-weight:500;color:#64748b}.leaverequest-balance-item .balance-hours{display:block;font-size:12px;font-weight:500;color:#3b82f6}.leaverequest-balance-divider{width:1px;height:40px;background:#e2e8f0;margin:0 16px}.leaverequest-entitlement-row{display:flex;justify-content:space-between;margin-bottom:16px}.entitlement-item{text-align:center;flex:1}.entitlement-item .entitlement-label{display:block;font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:4px}.entitlement-item .entitlement-value{display:block;font-size:12px;font-weight:500;color:#374151}.leaverequest-earned-stats{display:flex;justify-content:space-between;margin-bottom:16px;padding:12px;background:#fefce8;border-radius:8px;border:1px solid #fde047}.earned-stat-item{text-align:center;flex:1}.earned-stat-item .earned-label{display:block;font-size:10px;font-weight:600;color:#a16207;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.earned-stat-item .earned-value{display:block;font-size:12px;font-weight:600;color:#92400e}.leaverequest-privilege-layout{display:flex;flex-direction:column;gap:16px}.privilege-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.privilege-item{text-align:center;flex:1}.privilege-item .privilege-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.privilege-item .privilege-value{display:block;font-size:20px;font-weight:700;color:#1e293b;line-height:1.2}.privilege-divider{width:1px;height:40px;background:#e2e8f0;margin:0 16px}.leaverequest-progress-container{text-align:center}.leaverequest-progress-container .progress-text{font-size:11px;color:#6b7280;margin-top:6px;display:block}.leaverequest-dashboard{margin-bottom:30px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-title{display:flex;align-items:center;gap:12px}.dashboard-title i{font-size:24px;color:#3b82f6}.dashboard-title h4{margin:0;font-size:20px;font-weight:600;color:#1f2937}.dashboard-actions{display:flex;gap:12px}.dashboard-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-btn:not(.secondary){background:#3b82f6;color:#fff}.dashboard-btn:not(.secondary):hover{background:#2563eb;transform:translateY(-1px)}.dashboard-btn.secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.dashboard-btn.secondary:hover{background:#f1f5f9;color:#475569}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-main{display:flex;flex-direction:column;gap:16px}.leave-status-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.leave-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.leave-status-card.active-leave{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.leave-status-card.upcoming-leave{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.status-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.indicator-dot{width:12px;height:12px;border-radius:50%;position:relative}.indicator-dot.active{background:#10b981;animation:pulse 2s infinite}.indicator-dot.pending{background:#f59e0b}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.status-text{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.leave-details{flex:1}.leave-details h5{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.leave-meta{display:flex;gap:16px}.leave-duration,.leave-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500}.leave-duration i,.leave-date i{font-size:12px}.leave-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border:none;border-radius:8px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}.dashboard-sidebar{display:flex;flex-direction:column}.monthly-widget{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f3f4}.widget-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.widget-header h6{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.widget-subtitle{font-size:12px;color:#6b7280;font-weight:500}.usage-metrics{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.metric{display:flex;align-items:center;gap:12px}.metric-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.metric-icon.used{background:#fee2e2;color:#dc2626}.metric-icon.available{background:#dcfce7;color:#059669}.metric-info{flex:1}.metric-value{display:block;font-size:20px;font-weight:700;color:#1f2937;line-height:1}.metric-label{font-size:12px;color:#6b7280;font-weight:500}.usage-chart{margin-top:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#6b7280;font-weight:500}.usage-percentage{font-weight:600;color:#1f2937}.chart-bar{width:100%;height:8px;background:#f1f3f4;border-radius:4px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;transition:width .3s ease}.timeoff-page-container{background:#fff;min-height:100vh;display:flex;flex-direction:column}.timeoff-page-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.timeoff-page-title{display:flex;align-items:center;gap:16px}.back-btn{background:#f3f4f6;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.back-btn:hover{background:#e5e7eb}.timeoff-page-title h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.timeoff-filters{padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:auto 1fr auto auto;gap:20px;align-items:end}.timeoff-date-filter{display:flex;flex-direction:column;gap:8px}.date-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#374151}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#3b82f6;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(20px)}.date-selector{position:relative}.date-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:120px}.date-selector i{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280}.timeoff-policy-filter,.timeoff-member-filter{display:flex;flex-direction:column;gap:8px}.timeoff-policy-filter label,.timeoff-member-filter label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase}.policy-select,.member-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px}.select-all-btn{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;text-decoration:underline}.request-timeoff-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.request-timeoff-btn:hover{background:#2563eb}.timeoff-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#fff}.tab-btn{background:none;border:none;padding:16px 24px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.timeoff-table-container{flex:1;overflow:auto;padding:0 24px}.timeoff-table{width:100%;border-collapse:collapse}.timeoff-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;border-bottom:1px solid #e5e7eb}.timeoff-table td{padding:12px;border-bottom:1px solid #f3f4f6}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:40px}.members-section{border-top:1px solid #e5e7eb;background:#f9fafb}.members-tabs{display:flex;border-bottom:1px solid #e5e7eb}.members-tab{background:none;border:none;padding:12px 24px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.members-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.members-search{padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.search-input{position:relative;flex:1;max-width:300px}.search-input input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-input i:first-child{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280}.search-input i:last-child{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;cursor:pointer}.search-actions{display:flex;gap:16px}.select-all-link,.clear-all-link{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;text-decoration:underline}.members-list{padding:0 24px 24px}.members-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.sort-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:12px}.member-item{padding:12px 0}.member-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer}.member-checkbox input{margin:0}.member-name{font-size:14px;color:#374151}.members-footer{text-align:center;color:#6b7280;font-size:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.leaverequest-card-header{padding:20px 20px 0;display:flex;align-items:center;gap:12px}.leaverequest-card-title h4{margin:0;font-size:16px;font-weight:600;color:#1a202c;line-height:1.2}.leaverequest-card-subtitle{font-size:12px;color:#718096;font-weight:400;margin-top:2px;display:block}.leaverequest-card-body{padding:20px}.leaverequest-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.leaverequest-stat-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.leaverequest-stat-item .stat-label{font-size:10px;font-weight:600;color:#6c757d;text-transform:uppercase;margin-bottom:2px}.leaverequest-stat-item .stat-value{font-size:11px;font-weight:500;color:#495057}.leaverequest-balance-display{text-align:center}.leaverequest-balance-display .balance-main{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.leaverequest-balance-display .remaining{font-size:24px;font-weight:700;color:#27ae60}.leaverequest-balance-display .separator{font-size:18px;color:#dee2e6;font-weight:300}.leaverequest-balance-display .total{font-size:18px;font-weight:500;color:#6c757d}.leaverequest-balance-display .unit{font-size:12px;color:#adb5bd;font-weight:500;margin-left:4px}.leaverequest-balance-display .balance-sub{font-size:11px;color:#3498db;font-weight:500}.leaverequest-card-info small{color:#7f8c8d;font-weight:500}.leaverequest-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.leaverequest-modal-content{background:#fff;border-radius:15px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.leaverequest-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #dee2e6}.leaverequest-modal-header h3{margin:0;color:#2c3e50;font-weight:600}.leaverequest-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.leaverequest-close-btn:hover{background:#f8f9fa;color:#e74c3c}.leaverequest-form{padding:25px}.leaverequest-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.leaverequest-form-row:last-child{margin-bottom:0}.leaverequest-form-group{display:flex;flex-direction:column}.leaverequest-form-group.full-width{grid-column:span 2}.leaverequest-form-group label{font-weight:600;color:#2c3e50;margin-bottom:8px}.leaverequest-form-group input,.leaverequest-form-group select,.leaverequest-form-group textarea{padding:12px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.leaverequest-form-group input:focus,.leaverequest-form-group select:focus,.leaverequest-form-group textarea:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.leaverequest-form-group textarea{resize:vertical;min-height:100px}.leaverequest-checkbox-group{grid-column:span 2;display:flex;align-items:center}.leaverequest-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#2c3e50}.leaverequest-checkbox-label input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;position:relative;cursor:pointer}.leaverequest-checkbox-label input[type=checkbox]:checked{background:#e74c3c;border-color:#e74c3c}.leaverequest-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.leaverequest-leave-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin:20px 0;text-align:center}.leaverequest-leave-summary p{margin:0;color:#2c3e50;font-size:16px}.leaverequest-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #dee2e6}.leaverequest-cancel-btn,.leaverequest-submit-btn{padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.leaverequest-cancel-btn{background:#6c757d;color:#fff}.leaverequest-cancel-btn:hover{background:#5a6268}.leaverequest-submit-btn{background:#e74c3c;color:#fff}.leaverequest-submit-btn:hover{background:#c0392b}.leaverequest-history{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.leaverequest-history h4{margin:0 0 20px;color:#2c3e50;font-weight:600}.leaverequest-table-responsive{overflow-x:auto}.leaverequest-table{width:100%;border-collapse:collapse;margin-top:10px}.leaverequest-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6}.leaverequest-table td{padding:15px 12px;border-bottom:1px solid #dee2e6;color:#495057;vertical-align:middle}.leaverequest-table tr:hover{background:#f8f9fa}.leaverequest-leave-type{display:flex;align-items:center;gap:8px;font-weight:500}.leaverequest-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.leaverequest-badge-success{background:#d4edda;color:#155724}.leaverequest-badge-warning{background:#fff3cd;color:#856404}.leaverequest-badge-danger{background:#f8d7da;color:#721c24}.leaverequest-badge-secondary{background:#e2e3e5;color:#383d41}.leaverequest-action-buttons{display:flex;gap:8px}.leaverequest-action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.leaverequest-action-btn.edit{background:#fff3cd;color:#856404}.leaverequest-action-btn.edit:hover{background:#ffeaa7}.leaverequest-action-btn.view{background:#cce7ff;color:#004085}.leaverequest-action-btn.view:hover{background:#b3d9ff}.leaverequest-no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px}.leaverequest-view-selector{display:flex;border-radius:8px;overflow:hidden;border:2px solid #dee2e6}.leaverequest-view-btn{background:#fff;color:#6c757d;border:none;padding:12px 15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.leaverequest-view-btn.active{background:#e74c3c;color:#fff}.leaverequest-view-btn:hover:not(.active){background:#f8f9fa}.leaverequest-notifications{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #17a2b8}.leaverequest-notifications h5{margin:0 0 10px;color:#2c3e50;display:flex;align-items:center;gap:8px}.leaverequest-notification-list{display:flex;flex-direction:column;gap:8px}.leaverequest-notification{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;font-size:14px}.leaverequest-notification.info{background:#d1ecf1;color:#0c5460}.leaverequest-notification.warning{background:#fff3cd;color:#856404}.leaverequest-balance-card.total{border-left-color:#6f42c1}.leaverequest-balance-card.total .leaverequest-card-icon{background:#f3e5f5;color:#6f42c1}.leaverequest-progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;margin-top:8px;overflow:hidden}.leaverequest-progress-fill{height:100%;background:#fffc;border-radius:3px;transition:width .3s ease}.loss-of-pay-fill{background:linear-gradient(90deg,#e67e22,#f39c12)!important}.leaverequest-team-overview{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.leaverequest-team-overview h4{margin:0 0 20px;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:10px}.leaverequest-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.leaverequest-team-card{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.leaverequest-team-card:hover{background:#e9ecef;transform:translateY(-2px)}.leaverequest-team-avatar{font-size:40px;color:#6c757d}.leaverequest-team-info h5{margin:0 0 5px;color:#2c3e50;font-weight:600}.leaverequest-team-info p{margin:0 0 8px;color:#6c757d;font-size:14px}.leaverequest-team-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600}.leaverequest-team-status.approved{background:#d4edda;color:#155724}.leaverequest-team-status.pending{background:#fff3cd;color:#856404}.leaverequest-analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.leaverequest-analytics-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 8px 25px #00000026;transition:all .3s ease}.leaverequest-analytics-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.leaverequest-analytics-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.leaverequest-analytics-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.leaverequest-analytics-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.leaverequest-analytics-card h4{margin:0 0 10px;opacity:.9;font-size:14px}.leaverequest-analytics-number{font-size:32px;font-weight:700;margin-bottom:5px}.leaverequest-analytics-card small{opacity:.8}.leaverequest-upcoming-leaves{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.leaverequest-upcoming-leaves h4{margin:0 0 20px;color:#2c3e50}.leaverequest-upcoming-list{display:flex;flex-direction:column;gap:15px}.leaverequest-upcoming-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px}.leaverequest-upcoming-date{text-align:center;min-width:50px}.leaverequest-date-day{font-size:20px;font-weight:700;color:#e74c3c}.leaverequest-date-month{font-size:12px;color:#6c757d;text-transform:uppercase}.leaverequest-upcoming-details h5{margin:0 0 5px;color:#2c3e50}.leaverequest-upcoming-details p{margin:0;font-size:14px;color:#6c757d}.leaverequest-calendar-view{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.leaverequest-calendar-view h4{margin:0 0 20px;color:#2c3e50;display:flex;align-items:center;gap:10px}.leaverequest-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.leaverequest-calendar-event{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid}.leaverequest-event-marker.annual{border-left-color:#3498db}.leaverequest-event-marker.sick{border-left-color:#e74c3c}.leaverequest-event-marker.personal{border-left-color:#f39c12}.leaverequest-event-details h5{margin:0 0 5px;color:#2c3e50}.leaverequest-event-details p{margin:0 0 5px;color:#6c757d;font-size:14px}.leaverequest-event-details small{color:#6c757d;font-weight:600}.leaverequest-no-events{grid-column:1 / -1;text-align:center;padding:40px;color:#6c757d}.leaverequest-no-events i{font-size:48px;margin-bottom:15px;opacity:.5}.leaverequest-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.leaverequest-filters{display:flex;gap:10px}.leaverequest-filter-select{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;background:#fff;font-weight:600;cursor:pointer}.leaverequest-action-btn.approve{background:#d4edda;color:#155724}.leaverequest-action-btn.approve:hover{background:#c3e6cb}.leaverequest-action-btn.download{background:#e2e3e5;color:#495057}.leaverequest-action-btn.download:hover{background:#d1d3d4}.leaverequest-approval-content{padding:25px}.leaverequest-request-details{margin-bottom:25px}.leaverequest-request-details h4{margin:0 0 15px;color:#2c3e50}.leaverequest-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.leaverequest-detail-item{padding:10px;background:#f8f9fa;border-radius:6px;font-size:14px}.leaverequest-approval-actions{display:flex;gap:15px;justify-content:center;padding-top:20px;border-top:1px solid #dee2e6}.leaverequest-approval-btn{padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.leaverequest-approval-btn.approve{background:#28a745;color:#fff}.leaverequest-approval-btn.approve:hover{background:#218838}.leaverequest-approval-btn.reject{background:#dc3545;color:#fff}.leaverequest-approval-btn.reject:hover{background:#c82333}@media (max-width: 768px){.leaverequest-container{padding:15px}.leaverequest-header-main{flex-direction:column;gap:15px;text-align:center}.leaverequest-header-actions{flex-direction:column;width:100%;gap:12px}.leaverequest-view-selector{width:100%;justify-content:center}.leaverequest-view-btn{flex:1;padding:10px 12px;font-size:14px}.leaverequest-add-btn{width:100%;justify-content:center;padding:15px}.leaverequest-notifications{padding:12px}.leaverequest-notification{padding:8px;font-size:13px}.leaverequest-balance-cards{grid-template-columns:1fr;gap:15px}.leaverequest-balance-card{flex-direction:column;text-align:center;padding:20px;gap:12px}.leaverequest-card-icon{width:50px;height:50px;font-size:20px}.leaverequest-balance-numbers{font-size:20px}.leaverequest-team-grid{grid-template-columns:1fr;gap:15px}.leaverequest-team-card{flex-direction:column;text-align:center;padding:15px}.leaverequest-team-avatar{font-size:32px}.leaverequest-analytics-cards{grid-template-columns:1fr;gap:15px}.leaverequest-analytics-card{padding:20px}.leaverequest-analytics-number{font-size:28px}.leaverequest-upcoming-item{flex-direction:column;text-align:center;gap:10px;padding:12px}.leaverequest-upcoming-date{min-width:auto}.leaverequest-calendar-grid{grid-template-columns:1fr}.leaverequest-calendar-event{flex-direction:column;text-align:center;padding:15px}.leaverequest-form-row{grid-template-columns:1fr;gap:15px}.leaverequest-form-group.full-width,.leaverequest-checkbox-group{grid-column:span 1}.leaverequest-form{padding:20px}.leaverequest-form-actions{flex-direction:column;gap:12px}.leaverequest-cancel-btn,.leaverequest-submit-btn{width:100%;padding:15px}.leaverequest-history-header{flex-direction:column;gap:15px;align-items:stretch}.leaverequest-filters{justify-content:center}.leaverequest-filter-select{width:100%;max-width:200px}.leaverequest-table-responsive{font-size:14px}.leaverequest-table th,.leaverequest-table td{padding:10px 8px}.leaverequest-leave-type{flex-direction:column;gap:5px;align-items:flex-start;font-size:13px}.leaverequest-status-badge{font-size:11px;padding:4px 8px}.leaverequest-action-buttons{flex-direction:column;gap:6px}.leaverequest-action-btn{width:28px;height:28px;font-size:12px}.leaverequest-modal{padding:10px}.leaverequest-modal-content{margin:0;max-height:95vh;width:100%}.leaverequest-modal-header{padding:15px 20px}.leaverequest-modal-header h3{font-size:18px}.leaverequest-approval-content{padding:20px}.leaverequest-detail-grid{grid-template-columns:1fr}.leaverequest-detail-item{padding:12px}.leaverequest-approval-actions{flex-direction:column}.leaverequest-approval-btn{width:100%;justify-content:center;padding:15px}}@media (max-width: 480px){.leaverequest-container{padding:10px}.leaverequest-header{padding:15px}.leaverequest-header h2{font-size:20px}.leaverequest-balance-card{padding:15px}.leaverequest-card-icon{width:40px;height:40px;font-size:18px}.leaverequest-balance-numbers{font-size:18px}.leaverequest-analytics-number{font-size:24px}.leaverequest-team-overview,.leaverequest-calendar-view,.leaverequest-upcoming-leaves,.leaverequest-history{padding:15px}.leaverequest-team-card,.leaverequest-calendar-event,.leaverequest-upcoming-item{padding:10px}.leaverequest-form{padding:15px}.leaverequest-modal-header{padding:12px 15px}.leaverequest-modal-header h3{font-size:16px}.leaverequest-approval-content{padding:15px}.leaverequest-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaverequest-table{min-width:600px}}@media (max-width: 768px) and (orientation: landscape){.leaverequest-balance-cards{grid-template-columns:repeat(3,1fr);gap:15px}.leaverequest-analytics-cards{grid-template-columns:repeat(2,1fr)}.leaverequest-header-actions{flex-direction:row;justify-content:space-between}.leaverequest-view-selector,.leaverequest-add-btn{width:auto}}.leaverequest-desktop-only{display:block}.leaverequest-mobile-only{display:none}.leaverequest-mobile-cards{display:flex;flex-direction:column;gap:15px}.leaverequest-history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.leaverequest-history-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.leaverequest-card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.leaverequest-card-leave-type{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50}.leaverequest-card-leave-type i{font-size:18px;color:#e74c3c}.leaverequest-card-type-name{font-size:16px}.leaverequest-card-content{padding:20px}.leaverequest-card-row{display:flex;gap:15px;margin-bottom:15px}.leaverequest-card-row:last-child{margin-bottom:0}.leaverequest-card-item{flex:1}.leaverequest-card-item.full-width{flex:none;width:100%}.leaverequest-card-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6c757d;margin-bottom:5px;text-transform:uppercase}.leaverequest-card-label i{font-size:14px}.leaverequest-card-value{font-size:15px;color:#2c3e50;font-weight:500}.leaverequest-reason-text{background:#f8f9fa;padding:12px;border-radius:8px;font-style:italic;color:#495057;border-left:3px solid #e74c3c}.leaverequest-card-actions{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px}.leaverequest-card-btn{flex:1;min-width:120px;padding:10px 15px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.leaverequest-card-btn.approve{background:#28a745;color:#fff}.leaverequest-card-btn.approve:hover{background:#218838}.leaverequest-card-btn.edit{background:#ffc107;color:#212529}.leaverequest-card-btn.edit:hover{background:#e0a800}.leaverequest-card-btn.view{background:#17a2b8;color:#fff}.leaverequest-card-btn.view:hover{background:#138496}.leaverequest-card-btn.download{background:#6c757d;color:#fff}.leaverequest-card-btn.download:hover{background:#5a6268}.leaverequest-no-data-mobile{text-align:center;padding:60px 20px;color:#6c757d}.leaverequest-no-data-mobile i{font-size:48px;margin-bottom:15px;opacity:.5}.leaverequest-no-data-mobile h5{margin:0 0 10px;font-weight:600;color:#495057}.leaverequest-no-data-mobile p{margin:0;font-size:14px}@media (hover: none) and (pointer: coarse){.leaverequest-view-btn,.leaverequest-add-btn,.leaverequest-action-btn,.leaverequest-approval-btn,.leaverequest-card-btn{min-height:44px;min-width:44px}.leaverequest-filter-select{min-height:44px}}.holidaycalendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:linear-gradient(135deg,#667eea,#764ba2);padding:25px 30px;border-radius:15px;box-shadow:0 8px 32px #0000001a}.holidaycalendar-title-section{display:flex;align-items:center;gap:25px}.holidaycalendar-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:28px;font-weight:700}.holidaycalendar-title i{font-size:32px;color:#f39c12}.holidaycalendar-year-navigation{display:flex;align-items:center;gap:15px;background:#fff3;padding:12px 20px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.holidaycalendar-year-nav-btn{background:#fff3;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.holidaycalendar-year-nav-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 15px #0003}.holidaycalendar-year-display{font-weight:700;color:#fff;min-width:60px;text-align:center;font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.holidaycalendar-actions{display:flex;gap:15px;align-items:center}.holidaycalendar-add-section{display:flex;justify-content:end;margin-bottom:.8rem}.holidaycalendar-add-section .holidaycalendar-add-btn{font-size:16px;padding:15px 30px;box-shadow:0 6px 25px #2ecc714d;transform:scale(1.05)}.holidaycalendar-add-section .holidaycalendar-add-btn:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 10px 35px #2ecc7166}.holidaycalendar-view-toggle{display:flex;border-radius:8px;overflow:hidden;background:#fff3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;flex-shrink:0}.holidaycalendar-toggle-btn{background:transparent;color:#fffc;border:none;padding:10px 20px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;font-size:14px;flex:1;white-space:nowrap;visibility:visible!important;opacity:1!important}.holidaycalendar-toggle-btn.active{background:#ffffffe6;color:#667eea;font-weight:600;border-radius:6px;margin:2px;box-shadow:0 2px 8px #0000001a}.holidaycalendar-toggle-btn:hover:not(.active){background:#ffffff1a;color:#fff}.holidaycalendar-add-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #00000026;font-size:14px}.holidaycalendar-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;background:linear-gradient(135deg,#27ae60,#2ecc71)}.holidaycalendar-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.holidaycalendar-stat-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:20px;border-left:5px solid}.holidaycalendar-stat-card.total{border-left-color:#3498db}.holidaycalendar-stat-card.national{border-left-color:#e74c3c}.holidaycalendar-stat-card.optional{border-left-color:#f39c12}.holidaycalendar-stat-card.remaining{border-left-color:#27ae60}.holidaycalendar-card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.holidaycalendar-stat-card.total .holidaycalendar-card-icon{background:#e3f2fd;color:#3498db}.holidaycalendar-stat-card.national .holidaycalendar-card-icon{background:#ffebee;color:#e74c3c}.holidaycalendar-stat-card.optional .holidaycalendar-card-icon{background:#fff3e0;color:#f39c12}.holidaycalendar-stat-card.remaining .holidaycalendar-card-icon{background:#e8f5e8;color:#27ae60}.holidaycalendar-card-info h4{margin:0 0 10px;color:#2c3e50;font-weight:600}.holidaycalendar-stat-number{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px}.holidaycalendar-card-info small{color:#7f8c8d;font-weight:500}.holidaycalendar-content{display:grid;grid-template-columns:1fr 300px;gap:30px}.holidaycalendar-calendar-view{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.holidaycalendar-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.holidaycalendar-calendar-header h3{margin:0;color:#2c3e50;font-weight:600}.holidaycalendar-nav-btn{background:#27ae60;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.holidaycalendar-nav-btn:hover{background:#219a52;transform:scale(1.1)}.holidaycalendar-calendar{border:1px solid #dee2e6;border-radius:10px;overflow:hidden}.holidaycalendar-day-names{display:grid;grid-template-columns:repeat(7,1fr);background:#f8f9fa}.holidaycalendar-day-name{padding:15px 10px;text-align:center;font-weight:600;color:#2c3e50;border-right:1px solid #dee2e6}.holidaycalendar-day-name:last-child{border-right:none}.holidaycalendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.holidaycalendar-day{min-height:80px;padding:10px;border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6;position:relative;background:#fff;cursor:pointer;transition:all .3s ease}.holidaycalendar-day:hover{background:#f8f9fa}.holidaycalendar-day:last-child{border-right:none}.holidaycalendar-day.empty{background:#f8f9fa;cursor:default}.holidaycalendar-day.today{background:#e8f5e8;font-weight:700}.holidaycalendar-day.holiday{background:#fff5f5}.holidaycalendar-day-number{font-weight:600;color:#2c3e50}.holidaycalendar-holiday-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.holidaycalendar-holiday-name-overlay{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10;max-width:120px;overflow:hidden;text-overflow:ellipsis}.holidaycalendar-day:hover .holidaycalendar-holiday-name-overlay{opacity:1}.holidaycalendar-holiday-name-text{position:absolute;bottom:3px;left:3px;right:25px;font-size:9px;font-weight:600;color:#2c3e50;line-height:1.1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#ffffffe6;padding:1px 3px;border-radius:3px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.holidaycalendar-legend{margin-top:30px}.holidaycalendar-legend h4{margin:0 0 15px;color:#2c3e50;font-weight:600}.holidaycalendar-legend-items{display:flex;flex-wrap:wrap;gap:15px}.holidaycalendar-legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.holidaycalendar-legend-color{width:16px;height:16px;border-radius:50%}.holidaycalendar-list-view{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.holidaycalendar-table-responsive{overflow-x:auto}.holidaycalendar-table{width:100%;border-collapse:collapse}.holidaycalendar-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6}.holidaycalendar-table td{padding:15px 12px;border-bottom:1px solid #dee2e6;color:#495057;vertical-align:middle}.holidaycalendar-table tr:hover{background:#f8f9fa}.holidaycalendar-holiday-name{display:flex;align-items:center;gap:8px;font-weight:600}.holidaycalendar-type-badge{color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.holidaycalendar-optional-badge{background:#fff3cd;color:#856404;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.holidaycalendar-mandatory-badge{background:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.holidaycalendar-action-buttons{display:flex;gap:8px}.holidaycalendar-action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.holidaycalendar-action-btn.edit{background:#fff3cd;color:#856404}.holidaycalendar-action-btn.edit:hover{background:#ffeaa7}.holidaycalendar-action-btn.delete{background:#f8d7da;color:#721c24}.holidaycalendar-action-btn.delete:hover{background:#f5c6cb}.holidaycalendar-upcoming{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.holidaycalendar-upcoming h4{margin:0 0 20px;color:#2c3e50;font-weight:600}.holidaycalendar-upcoming-list{display:flex;flex-direction:column;gap:15px}.holidaycalendar-upcoming-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.holidaycalendar-upcoming-item:hover{background:#e9ecef}.holidaycalendar-upcoming-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.holidaycalendar-upcoming-info h5{margin:0 0 5px;color:#2c3e50;font-weight:600}.holidaycalendar-upcoming-info p{margin:0 0 5px;color:#495057}.holidaycalendar-upcoming-info small{color:#7f8c8d}.holidaycalendar-no-upcoming{text-align:center;color:#6c757d;font-style:italic;padding:20px}.holidaycalendar-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.holidaycalendar-modal-content{background:#fff;border-radius:15px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.holidaycalendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #dee2e6;background:#27ae60;color:#fff;border-radius:15px 15px 0 0}.holidaycalendar-modal-header h3{margin:0;font-weight:600}.holidaycalendar-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#fff;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.holidaycalendar-close-btn:hover{background:#fff3}.holidaycalendar-form{padding:25px}.holidaycalendar-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.holidaycalendar-form-group{display:flex;flex-direction:column}.holidaycalendar-form-group.full-width{grid-column:span 2}.holidaycalendar-form-group label{font-weight:600;color:#2c3e50;margin-bottom:8px}.holidaycalendar-form-group input,.holidaycalendar-form-group select,.holidaycalendar-form-group textarea{padding:12px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.holidaycalendar-form-group input:focus,.holidaycalendar-form-group select:focus,.holidaycalendar-form-group textarea:focus{outline:none;border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.holidaycalendar-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#2c3e50;margin-top:20px}.holidaycalendar-checkbox-label input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #dee2e6;border-radius:4px;position:relative;cursor:pointer}.holidaycalendar-checkbox-label input[type=checkbox]:checked{background:#27ae60;border-color:#27ae60}.holidaycalendar-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.holidaycalendar-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #dee2e6}.holidaycalendar-cancel-btn,.holidaycalendar-submit-btn{padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.holidaycalendar-cancel-btn{background:#6c757d;color:#fff}.holidaycalendar-cancel-btn:hover{background:#5a6268}.holidaycalendar-submit-btn{background:#27ae60;color:#fff}.holidaycalendar-submit-btn:hover{background:#219a52}@media (max-width: 768px){.holidaycalendar-container{padding:10px}.holidaycalendar-content{grid-template-columns:1fr;gap:15px}.holidaycalendar-stats-cards{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.holidaycalendar-stat-card{padding:15px;flex-direction:row;text-align:left;gap:15px;border-radius:12px}.holidaycalendar-card-icon{width:45px;height:45px;font-size:18px;flex-shrink:0}.holidaycalendar-card-info{flex:1}.holidaycalendar-card-info h4{font-size:14px;margin-bottom:5px}.holidaycalendar-stat-number{font-size:20px;margin-bottom:2px}.holidaycalendar-card-info small{font-size:11px}.holidaycalendar-header{flex-direction:column;gap:15px;text-align:center;padding:15px 10px;margin-bottom:20px}.holidaycalendar-title-section{flex-direction:column;gap:15px;width:100%}.holidaycalendar-title{font-size:22px;justify-content:center}.holidaycalendar-title i{font-size:26px}.holidaycalendar-year-navigation{align-self:center;padding:10px 15px}.holidaycalendar-year-display{font-size:18px}.holidaycalendar-actions{flex-direction:row;width:100%;gap:8px;flex-wrap:wrap;justify-content:center}.holidaycalendar-export-menu{flex:1;min-width:120px}.holidaycalendar-export-btn{width:100%;font-size:12px;padding:10px 12px}.holidaycalendar-view-toggle{flex:1;min-width:140px}.holidaycalendar-toggle-btn{flex:1;justify-content:center;padding:10px 12px;font-size:12px}.holidaycalendar-calendar-view,.holidaycalendar-list-view{padding:15px}.holidaycalendar-calendar-header{margin-bottom:20px}.holidaycalendar-calendar-header h3{font-size:16px}.holidaycalendar-nav-btn{width:32px;height:32px;font-size:14px}.holidaycalendar-day-name{padding:8px 3px;font-size:11px}.holidaycalendar-day{min-height:45px;padding:4px}.holidaycalendar-day-number{font-size:12px;font-weight:600}.holidaycalendar-holiday-indicator{width:14px;height:14px;font-size:7px;bottom:2px;right:2px}.holidaycalendar-holiday-name-overlay{font-size:8px;padding:2px 4px;max-width:80px;bottom:20px}.holidaycalendar-holiday-name-text{font-size:7px;padding:1px 2px;right:20px;bottom:2px}.holidaycalendar-legend{margin-top:15px}.holidaycalendar-legend h4{font-size:14px;margin-bottom:10px}.holidaycalendar-legend-items{flex-direction:column;gap:8px}.holidaycalendar-legend-item{font-size:12px}.holidaycalendar-upcoming{padding:15px}.holidaycalendar-upcoming h4{font-size:14px;margin-bottom:12px}.holidaycalendar-upcoming-item{padding:10px;gap:12px}.holidaycalendar-upcoming-icon{width:32px;height:32px;font-size:13px}.holidaycalendar-upcoming-info h5{font-size:13px;margin-bottom:3px}.holidaycalendar-upcoming-info p{font-size:11px}.holidaycalendar-upcoming-info small{font-size:10px}.holidaycalendar-table-responsive{font-size:12px}.holidaycalendar-table th,.holidaycalendar-table td{padding:8px 6px}.holidaycalendar-holiday-name{flex-direction:column;gap:4px;align-items:flex-start}.holidaycalendar-type-badge,.holidaycalendar-optional-badge,.holidaycalendar-mandatory-badge{font-size:9px;padding:2px 5px}}@media (max-width: 480px){.holidaycalendar-container{padding:8px}.holidaycalendar-header{padding:12px 8px;margin-bottom:15px}.holidaycalendar-title{font-size:18px;gap:8px}.holidaycalendar-title i{font-size:22px}.holidaycalendar-year-navigation{padding:8px 12px;gap:10px}.holidaycalendar-year-nav-btn{width:32px;height:32px;font-size:14px}.holidaycalendar-year-display{font-size:16px;min-width:50px}.holidaycalendar-actions{flex-direction:column;gap:8px}.holidaycalendar-export-menu,.holidaycalendar-view-toggle{width:100%;min-width:auto}.holidaycalendar-export-btn,.holidaycalendar-toggle-btn{padding:8px 12px;font-size:11px}.holidaycalendar-stats-cards{gap:8px;margin-bottom:15px}.holidaycalendar-stat-card{padding:12px;gap:12px}.holidaycalendar-card-icon{width:40px;height:40px;font-size:16px}.holidaycalendar-card-info h4{font-size:13px;margin-bottom:4px}.holidaycalendar-stat-number{font-size:18px;margin-bottom:1px}.holidaycalendar-card-info small{font-size:10px}.holidaycalendar-calendar-view,.holidaycalendar-list-view{padding:12px}.holidaycalendar-calendar-header{margin-bottom:15px}.holidaycalendar-calendar-header h3{font-size:14px}.holidaycalendar-nav-btn{width:28px;height:28px;font-size:12px}.holidaycalendar-day-name{padding:6px 2px;font-size:10px}.holidaycalendar-day{min-height:38px;padding:3px}.holidaycalendar-day-number{font-size:11px;font-weight:600}.holidaycalendar-holiday-indicator{width:12px;height:12px;font-size:6px;bottom:1px;right:1px}.holidaycalendar-holiday-name-overlay{font-size:6px;padding:1px 2px;max-width:50px;bottom:15px}.holidaycalendar-holiday-name-text{font-size:6px;padding:1px;right:18px;bottom:1px}.holidaycalendar-legend{margin-top:12px}.holidaycalendar-legend h4{font-size:13px;margin-bottom:8px}.holidaycalendar-legend-items{gap:6px}.holidaycalendar-legend-item{font-size:11px}.holidaycalendar-legend-color{width:12px;height:12px}.holidaycalendar-upcoming{padding:12px}.holidaycalendar-upcoming h4{font-size:13px;margin-bottom:10px}.holidaycalendar-upcoming-item{padding:8px;gap:10px}.holidaycalendar-upcoming-icon{width:28px;height:28px;font-size:11px}.holidaycalendar-upcoming-info h5{font-size:12px;margin-bottom:2px}.holidaycalendar-upcoming-info p{font-size:10px;margin-bottom:2px}.holidaycalendar-upcoming-info small{font-size:9px}.holidaycalendar-table-responsive{font-size:11px}.holidaycalendar-table th,.holidaycalendar-table td{padding:6px 4px}.holidaycalendar-holiday-name{gap:3px}.holidaycalendar-type-badge,.holidaycalendar-optional-badge,.holidaycalendar-mandatory-badge{font-size:8px;padding:1px 4px}}.holidaycalendar-mobile-cards{display:none}.holidaycalendar-mobile-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:16px;overflow:hidden;border-left:4px solid #3498db;transition:all .3s ease}.holidaycalendar-mobile-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.holidaycalendar-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.holidaycalendar-card-title{display:flex;align-items:center;gap:10px;flex:1}.holidaycalendar-card-title h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50;line-height:1.3}.holidaycalendar-card-title i{font-size:18px;flex-shrink:0}.holidaycalendar-card-actions{display:flex;gap:8px;flex-shrink:0}.holidaycalendar-card-body{padding:16px}.holidaycalendar-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #dee2e6;transition:all .2s ease}.holidaycalendar-card-row:hover{background:#e9ecef;border-left-color:#28a745}.holidaycalendar-card-row:last-child{margin-bottom:0}.holidaycalendar-card-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;font-size:13px;flex-shrink:0;min-width:100px;max-width:120px}.holidaycalendar-card-label i{font-size:14px;color:#28a745;width:16px;text-align:center}.holidaycalendar-card-value{text-align:right;color:#2c3e50;font-size:13px;font-weight:500;flex:1;margin-left:12px;word-break:break-word;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 768px){.holidaycalendar-desktop-table{display:none!important}.holidaycalendar-mobile-cards{display:block}.holidaycalendar-header{flex-direction:column;gap:15px;text-align:center}.holidaycalendar-actions{width:100%;justify-content:center;flex-wrap:wrap}.holidaycalendar-view-toggle{order:2}.holidaycalendar-card-header{flex-direction:column;align-items:flex-start;gap:12px}.holidaycalendar-card-title{width:100%}.holidaycalendar-card-actions{width:100%;justify-content:flex-end}}@media screen and (max-width: 480px){.holidaycalendar-mobile-card{margin:0 -8px 16px;border-radius:8px}.holidaycalendar-card-header,.holidaycalendar-card-body{padding:12px}.holidaycalendar-card-title h4{font-size:14px}.holidaycalendar-card-row{padding:8px 10px;margin-bottom:6px}.holidaycalendar-card-label{min-width:80px;max-width:100px;font-size:12px}.holidaycalendar-card-label i{font-size:12px;width:14px}.holidaycalendar-card-value{font-size:12px;margin-left:8px}.holidaycalendar-card-actions .holidaycalendar-action-btn{padding:10px;font-size:16px;min-width:40px;min-height:40px}}.holidaycalendar-search-filter-bar{display:flex;align-items:center;gap:20px;background:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;flex-wrap:wrap}.holidaycalendar-search-container{position:relative;flex:1;min-width:250px}.holidaycalendar-search-container i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.holidaycalendar-search-input{width:100%;padding:12px 15px 12px 45px;border:2px solid #dee2e6;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s ease}.holidaycalendar-search-input:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.holidaycalendar-filter-container{min-width:150px}.holidaycalendar-filter-select{width:100%;padding:12px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;cursor:pointer;background:#fff;transition:border-color .3s ease}.holidaycalendar-filter-select:focus{border-color:#27ae60}.holidaycalendar-notifications{position:relative}.holidaycalendar-notification-btn{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;position:relative}.holidaycalendar-notification-btn:hover{background:#e9ecef;border-color:#adb5bd}.holidaycalendar-notification-btn.has-notifications{background:#fff3cd;border-color:#ffc107;color:#856404;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.holidaycalendar-notification-badge{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.holidaycalendar-notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 20px #00000026;width:320px;z-index:1000;margin-top:5px}.holidaycalendar-notification-header{padding:15px 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa}.holidaycalendar-notification-header h4{margin:0 0 5px;color:#2c3e50;font-size:16px}.holidaycalendar-notification-header small{color:#6c757d;font-size:12px}.holidaycalendar-notification-list{max-height:300px;overflow-y:auto}.holidaycalendar-notification-item{display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #f8f9fa;transition:background .2s ease}.holidaycalendar-notification-item:hover{background:#f8f9fa}.holidaycalendar-notification-item:last-child{border-bottom:none}.holidaycalendar-notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.holidaycalendar-notification-content{flex:1}.holidaycalendar-notification-content strong{display:block;color:#2c3e50;font-size:14px;margin-bottom:3px}.holidaycalendar-notification-content small{color:#6c757d;font-size:12px}.holidaycalendar-no-notifications{padding:20px;text-align:center;color:#6c757d;font-style:italic;margin:0}.holidaycalendar-export-menu{position:relative}.holidaycalendar-export-btn{background:#ffffffe6;color:#5a6c7d;border:1px solid rgba(255,255,255,.3);padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;font-size:14px}.holidaycalendar-export-btn:hover{background:#fff;color:#3a4a5c;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.holidaycalendar-export-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 20px #00000026;width:180px;z-index:1000;margin-top:5px}.holidaycalendar-export-option,.holidaycalendar-import-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;border:none;background:#fff;color:#2c3e50;cursor:pointer;font-size:14px;transition:background .2s ease;text-align:left}.holidaycalendar-export-option:hover,.holidaycalendar-import-option:hover{background:#f8f9fa}.holidaycalendar-export-dropdown hr{margin:5px 0;border:none;border-top:1px solid #dee2e6}.holidaycalendar-template-btn{background:#ffffffe6;color:#5a6c7d;border:1px solid rgba(255,255,255,.3);padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;font-size:14px}.holidaycalendar-template-btn:hover{background:#fff;color:#3a4a5c;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.holidaycalendar-bulk-actions{display:flex;align-items:center;gap:15px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;animation:slideInFromTop .3s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.holidaycalendar-selected-count{font-weight:600;font-size:14px}.holidaycalendar-bulk-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:5px}.holidaycalendar-bulk-btn:hover{background:#ffffff4d;border-color:#ffffff80}.holidaycalendar-bulk-delete{background:#dc3545cc;border-color:#dc354599}.holidaycalendar-bulk-delete:hover{background:#dc3545}.holidaycalendar-bulk-type-dropdown{position:relative}.holidaycalendar-bulk-type-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 20px #00000026;width:200px;z-index:1000;margin-top:5px;display:none}.holidaycalendar-bulk-type-dropdown:hover .holidaycalendar-bulk-type-menu{display:block}.holidaycalendar-bulk-type-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;border:none;background:#fff;color:#2c3e50;cursor:pointer;font-size:14px;transition:background .2s ease;text-align:left}.holidaycalendar-bulk-type-option:hover{background:#f8f9fa}.holidaycalendar-templates-modal{max-width:900px;max-height:80vh;overflow:hidden}.holidaycalendar-templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;max-height:60vh;overflow-y:auto}.holidaycalendar-template-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.holidaycalendar-template-card:hover{border-color:#27ae60;transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.holidaycalendar-template-header{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.holidaycalendar-template-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.holidaycalendar-template-info h4{margin:0 0 5px;color:#2c3e50;font-size:16px;font-weight:600}.holidaycalendar-template-info small{color:#6c757d;font-size:12px}.holidaycalendar-template-body{padding:20px}.holidaycalendar-template-description{color:#6c757d;font-size:14px;margin:0 0 15px;line-height:1.4}.holidaycalendar-template-meta{display:flex;gap:10px;flex-wrap:wrap}.holidaycalendar-template-type{color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.holidaycalendar-template-optional{background:#ffc107;color:#212529;font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.holidaycalendar-template-actions{padding:20px;border-top:1px solid #f8f9fa}.holidaycalendar-template-btn{width:100%;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.holidaycalendar-template-add{background:#27ae60;color:#fff}.holidaycalendar-template-add:hover{background:#219a52;transform:translateY(-2px)}.holidaycalendar-template-added{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.7}.holidaycalendar-template-footer{padding:20px;border-top:1px solid #dee2e6;background:#f8f9fa;text-align:center}.holidaycalendar-template-close-btn{background:#6c757d;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.holidaycalendar-template-close-btn:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width: 768px){.holidaycalendar-search-filter-bar{flex-direction:column;gap:15px}.holidaycalendar-search-container,.holidaycalendar-filter-container{min-width:auto;width:100%}.holidaycalendar-bulk-actions{flex-direction:column;gap:10px;text-align:center}.holidaycalendar-templates-grid{grid-template-columns:1fr;padding:15px}.holidaycalendar-notification-dropdown,.holidaycalendar-export-dropdown{width:280px;right:auto;left:0}.holidaycalendar-year-navigation{order:-1}}@media (max-width: 480px){.holidaycalendar-template-card{margin:0 5px}.holidaycalendar-notification-dropdown,.holidaycalendar-export-dropdown{width:250px}}.modern-performance-header{position:relative;background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);border-radius:24px;margin-bottom:32px;overflow:hidden;box-shadow:0 20px 60px #4f46e566}.header-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.header-content{position:relative;z-index:2;padding:24px}.header-title-wrapper{text-align:center;margin-bottom:20px}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:12px;margin-bottom:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.title-icon svg{color:#fff;font-size:1.2rem}.main-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.025em;line-height:1.1}.title-subtitle{font-size:.9rem;color:#fffc;font-weight:400;max-width:400px;margin:0 auto;line-height:1.4}.employee-profile-card{background:#fffffff2;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #00000014}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-avatar{position:relative;flex-shrink:0}.avatar-circle{width:60px;height:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #4f46e54d;border:2px solid rgba(255,255,255,.8)}.avatar-letter{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2)}.status-indicator{position:absolute;bottom:2px;right:2px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 6px #00000026;border:1px solid rgba(255,255,255,.8)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 1px #10b9814d}.profile-main-info{flex:1}.name-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.employee-name{font-weight:700;color:#1f2937;margin:0;line-height:1.2;letter-spacing:-.025em}.employee-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #f59e0b33}.role-section{margin-bottom:12px}.job-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.position{font-size:1rem;font-weight:600;color:#4f46e5;line-height:1.3}.department-chip{display:flex;align-items:center;gap:6px;background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb}.chip-icon{font-size:.75rem;color:#6b7280}.profile-details{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.detail-card:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.detail-card .detail-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-card .detail-icon.location{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.detail-card .detail-icon.date{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.detail-card .detail-icon.email{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.detail-card .detail-icon.cto{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.detail-content{flex:1;display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.85rem;font-weight:600;color:#1f2937;line-height:1.4}.performance-dashboard{margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.performance-main-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000d;border:1px solid #e2e8f0;position:relative;overflow:hidden}.performance-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.performance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.performance-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:6px 12px;border-radius:10px;font-weight:600;font-size:.8rem;box-shadow:0 2px 8px #3b82f640}.performance-badge-icon{font-size:.85rem}.review-period-chip{background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #d1d5db}.rating-showcase{display:flex;align-items:center;gap:20px}.rating-circle-wrapper{position:relative}.rating-circle-progress{width:80px;height:80px;border-radius:50%;background:conic-gradient(#3b82f6 0deg calc(var(--rating) * 3.6deg),#e5e7eb calc(var(--rating) * 3.6deg) 360deg);display:flex;align-items:center;justify-content:center;position:relative}.rating-inner{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.rating-number{font-size:1.5rem;font-weight:800;color:#1f2937;line-height:1}.rating-scale{font-size:.7rem;color:#6b7280;font-weight:500}.rating-details{flex:1;display:flex;flex-direction:column;gap:12px}.stars-display,.stars-display .staff-reviews-stars{display:flex;gap:3px}.stars-display .staff-reviews-star{color:#e2e8f0;font-size:1.1rem;transition:color .2s ease}.stars-display .staff-reviews-star.filled{color:#fbbf24}.performance-trend{display:flex;align-items:center;gap:8px}.trend-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:600;font-size:.75rem}.trend-indicator.positive{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.trend-label{color:#6b7280;font-size:.7rem}.metrics-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metric-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0 0% 100%)}.metric-card.metric-goals:before{background:linear-gradient(90deg,#10b981,#059669)}.metric-card.metric-rank:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.metric-card.metric-review:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.metric-card.metric-rating:before{background:linear-gradient(90deg,#6366f1,#4f46e5)}.metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f;border-color:#e2e8f0}.metric-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.metric-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}.goals-icon{background:linear-gradient(135deg,#10b981,#059669)}.rank-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.review-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.rating-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:1.4rem;font-weight:800;color:#1f2937;line-height:1}.metric-total{font-size:.9rem;color:#9ca3af;font-weight:600}.metric-label{font-size:.7rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.metric-progress{display:flex;align-items:center;gap:8px}.progress-track{flex:1;height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden;position:relative}.progress-thumb{height:100%;background:linear-gradient(90deg,#10b981,#059669)!important;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;display:block;min-width:2px}.progress-percentage{font-size:.65rem;font-weight:700;color:#10b981;min-width:28px;text-align:right}.metric-stars{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.metric-stars-display,.metric-stars-display .staff-reviews-stars{display:flex;gap:2px}.metric-stars-display .staff-reviews-star{color:#e2e8f0;font-size:1rem;transition:color .2s ease}.metric-stars-display .staff-reviews-star.filled{color:#fbbf24}.metric-percentage{font-size:.65rem;font-weight:700;color:#6366f1;margin-left:8px}.metric-status{margin-top:4px}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:20px;font-size:.65rem;font-weight:600;border:1px solid #fde68a}.status-dot{width:6px;height:6px;background:#f59e0b;border-radius:50%;flex-shrink:0}.metric-tags{display:flex;gap:4px;flex-wrap:wrap}.review-tag{padding:3px 6px;background:#ecfdf5;color:#047857;border-radius:6px;font-size:.6rem;font-weight:600;border:1px solid #d1fae5}.performance-actions{display:flex;justify-content:center;gap:10px}.action-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-button:hover:before{left:100%}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f64d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.action-button.secondary{background:#fff;color:#374151;border:1px solid #d1d5db;box-shadow:0 2px 8px #0000000d}.action-button.secondary:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-icon{font-size:1rem}.header-actions{display:flex;align-items:center;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.action-btn.primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.primary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.more-actions-dropdown{position:relative}.more-actions-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.more-actions-btn:hover{background:#ffffff40;transform:translateY(-1px)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 40px #00000026;z-index:1000;min-width:180px;margin-top:8px;overflow:hidden}.dropdown-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;text-align:left;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.dropdown-menu button:hover{background:#f8fafc;color:#667eea}.staff-header-wrapper{background:#fff;border-radius:16px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.2);overflow:hidden}.staff-header-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 30px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.staff-nav-left{display:flex;align-items:center;gap:20px}.staff-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease}.staff-back-btn:hover{background:#3182ce;color:#fff;border-color:#3182ce;transform:translate(-2px)}.staff-breadcrumb{display:flex;align-items:center;gap:8px;color:#718096;font-size:.85rem}.staff-breadcrumb .active{color:#3182ce;font-weight:600}.staff-nav-right{display:flex;align-items:center;gap:12px}.staff-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.staff-nav-btn.primary{background:#3182ce;color:#fff}.staff-nav-btn.primary:hover{background:#2c5282;transform:translateY(-1px)}.staff-nav-btn.secondary{background:#718096;color:#fff}.staff-nav-btn.secondary:hover{background:#4a5568;transform:translateY(-1px)}.staff-nav-btn.tertiary{background:#e2e8f0;color:#4a5568;padding:8px}.staff-nav-btn.tertiary:hover{background:#cbd5e0;color:#2d3748}.staff-more-menu-wrapper{position:relative}.staff-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:100;min-width:180px;margin-top:8px}.staff-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:#4a5568;cursor:pointer;transition:background .2s ease;font-size:.85rem}.staff-dropdown-menu button:hover{background:#f8fafc;color:#3182ce}.staff-header-main{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:30px;padding:30px;align-items:stretch}.staff-profile-section{display:flex;gap:20px;align-items:flex-start}.staff-avatar-wrapper{position:relative;flex-shrink:0}.staff-avatar-large{width:120px;height:120px;border-radius:20px;background:linear-gradient(135deg,#3182ce,#2c5282);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700;box-shadow:0 8px 25px #3182ce4d}.staff-status-indicator{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid white;font-size:.9rem}.staff-status-indicator.completed{background:#48bb78;color:#fff}.staff-info-block{flex:1;display:flex;flex-direction:column;gap:16px}.staff-name-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.staff-main-name{font-size:2.2rem;font-weight:700;color:#2d3748;margin:0;line-height:1.1}.staff-employee-id{background:#e2e8f0;color:#4a5568;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.staff-role-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.staff-designation{font-size:1.3rem;font-weight:600;color:#3182ce;margin:0}.staff-department-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:500}.staff-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.staff-detail-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#4a5568}.staff-detail-icon{color:#718096;font-size:.9rem;flex-shrink:0}.staff-performance-section{display:flex;justify-content:center;align-items:center}.staff-rating-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:24px;text-align:center;border:1px solid #e2e8f0;width:100%;max-width:280px}.staff-rating-header{margin-bottom:20px}.staff-rating-header h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 4px}.staff-review-period{font-size:.8rem;color:#718096;background:#fff;padding:3px 8px;border-radius:12px}.staff-rating-display-main{margin-bottom:16px}.staff-rating-circle{display:flex;align-items:baseline;justify-content:center;margin-bottom:12px}.staff-rating-number-large{font-size:3.5rem;font-weight:700;color:#3182ce;line-height:1}.staff-rating-max{font-size:1.2rem;color:#718096;margin-left:4px}.staff-rating-stars-main{display:flex;justify-content:center;margin-bottom:16px}.staff-rating-trend{display:flex;flex-direction:column;align-items:center;gap:4px}.staff-trend-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.staff-trend-indicator.positive{background:#48bb781a;color:#38a169}.staff-trend-text{font-size:.75rem;color:#718096}.staff-stats-section{display:flex;flex-direction:column;gap:20px}.staff-stats-grid{display:flex;flex-direction:column;gap:16px}.staff-stat-item{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.staff-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.staff-stat-icon{color:#3182ce;font-size:.9rem}.staff-stat-header span{font-size:.8rem;font-weight:600;color:#4a5568}.staff-stat-value{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:8px}.staff-stat-note{font-size:.7rem;color:#718096}.staff-stat-progress{display:flex;flex-direction:column;gap:6px}.staff-mini-progress{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.staff-mini-progress-fill{background:linear-gradient(90deg,#3182ce,#63b3ed);height:100%;border-radius:4px;transition:width .3s ease}.staff-stat-progress span{font-size:.7rem;color:#4a5568;font-weight:500}.staff-status-badges{display:flex;gap:4px;flex-wrap:wrap}.staff-mini-badge{padding:2px 6px;border-radius:8px;font-size:.65rem;font-weight:500}.staff-mini-badge.completed{background:#48bb781a;color:#38a169}.staff-quick-actions{display:flex;gap:8px}.staff-quick-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.7rem;font-weight:500}.staff-quick-btn:hover{background:#3182ce;color:#fff;border-color:#3182ce;transform:translateY(-1px)}.staff-quick-btn.schedule:hover{background:#48bb78;border-color:#48bb78}.staff-quick-btn.goals:hover{background:#ed8936;border-color:#ed8936}.staff-profile-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.staff-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease}.staff-back-btn:hover{background:#e2e8f0;color:#2d3748}.staff-header-actions{display:flex;align-items:center;gap:12px}.staff-action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.staff-action-btn.primary{background:#3182ce;color:#fff}.staff-action-btn.primary:hover{background:#2c5282;transform:translateY(-1px)}.staff-action-btn.secondary{background:#718096;color:#fff}.staff-action-btn.secondary:hover{background:#4a5568;transform:translateY(-1px)}.staff-more-actions{position:relative}.staff-more-btn{padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease}.staff-more-btn:hover{background:#e2e8f0}.staff-more-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:100;min-width:180px;margin-top:5px}.staff-more-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:#4a5568;cursor:pointer;transition:background .2s ease}.staff-more-menu button:hover{background:#f8fafc}.staff-more-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.staff-more-menu button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.staff-profile-info{display:grid;grid-template-columns:1fr auto;gap:30px;margin-bottom:30px;align-items:start}.staff-profile-main{display:flex;align-items:flex-start;gap:20px}.staff-profile-avatar{width:100px;height:100px;border-radius:16px;background:linear-gradient(135deg,#3182ce,#2c5282);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px #3182ce4d}.staff-profile-details{flex:1}.staff-profile-name{font-size:2.5rem;font-weight:700;color:#2d3748;margin:0 0 8px;line-height:1.2}.staff-profile-title{font-size:1.3rem;font-weight:600;color:#3182ce;margin-bottom:12px}.staff-profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.staff-meta-item{display:flex;align-items:center;gap:6px;color:#718096;font-size:.9rem;font-weight:500}.staff-contact-info{display:flex;flex-wrap:wrap;gap:16px}.staff-contact-item{display:flex;align-items:center;gap:6px;color:#4a5568;font-size:.9rem;font-weight:500}.staff-profile-summary{text-align:center}.staff-current-rating{margin-bottom:20px}.staff-rating-display.large{display:flex;flex-direction:column;align-items:center;gap:8px}.staff-rating-display.large .staff-rating-number{font-size:3rem;font-weight:700;color:#2d3748;line-height:1}.staff-rating-display.large .staff-rating-label{font-size:.9rem;color:#718096;font-weight:500}.staff-key-metrics{display:flex;flex-direction:column;gap:16px}.staff-metric{text-align:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.staff-metric-value{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:4px}.staff-metric-label{font-size:.8rem;color:#718096;font-weight:500}.staff-review-status{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.staff-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.staff-status-header h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.staff-review-progress{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.staff-progress-overall{display:flex;flex-direction:column;gap:8px}.staff-progress-label{font-size:.9rem;font-weight:600;color:#4a5568}.staff-review-steps{display:flex;gap:12px}.staff-step{background:#fff;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;transition:all .3s ease;position:relative;flex:1;text-align:center}.staff-step.completed{border-color:#48bb78;background:#48bb780d}.staff-step.pending{border-color:#e2e8f0;background:#fff}.staff-step-icon{font-size:1.2rem;flex-shrink:0}.staff-step.completed .staff-step-icon{color:#48bb78}.staff-step.pending .staff-step-icon{color:#a0aec0}.staff-step-content{display:flex;flex-direction:column;gap:4px}.staff-step-label{font-size:.8rem;font-weight:600;color:#2d3748}.staff-step-date{font-size:.7rem;color:#718096}.staff-step-check{color:#48bb78;font-size:.9rem;position:absolute;top:6px;right:6px}.modern-tab-container{margin-bottom:24px;position:relative}.modern-tab-wrapper{display:flex;background:#fff;border-radius:16px;padding:8px;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.modern-tab-wrapper::-webkit-scrollbar{display:none}.modern-tab{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;background:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:180px;position:relative;overflow:hidden}.modern-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(79,70,229,.02) 100%);opacity:0;transition:opacity .3s ease}.modern-tab:hover:before{opacity:1}.modern-tab:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.modern-tab.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.modern-tab.active:before{opacity:0}.tab-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#0000000d;transition:all .3s ease;flex-shrink:0}.modern-tab.active .tab-icon-wrapper{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-icon{font-size:1.1rem;color:#64748b;transition:color .3s ease}.modern-tab:hover .tab-icon{color:#4f46e5}.modern-tab.active .tab-icon{color:#fff}.tab-content{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.tab-title{font-size:.95rem;font-weight:600;color:#1e293b;transition:color .3s ease;line-height:1.2}.modern-tab:hover .tab-title{color:#4f46e5}.modern-tab.active .tab-title{color:#fff}.tab-subtitle{font-size:.75rem;color:#64748b;font-weight:500;transition:color .3s ease;line-height:1.3}.modern-tab:hover .tab-subtitle{color:#7c3aed}.modern-tab.active .tab-subtitle{color:#fffc}.tab-indicator{width:3px;height:24px;border-radius:2px;background:transparent;transition:all .3s ease;flex-shrink:0}.modern-tab:hover .tab-indicator{background:#4f46e5;opacity:.6}.modern-tab.active .tab-indicator{background:#fffc;height:32px;opacity:1}.staff-profile-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0}.staff-section{margin-bottom:40px}.staff-section:last-child{margin-bottom:0}.staff-section-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:#2d3748;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.staff-section-header .staff-section-title{margin:0;border:none;padding:0}.staff-summary-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.staff-summary-text{font-size:1rem;line-height:1.6;color:#4a5568;margin:0 0 20px}.staff-employment-details{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.staff-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.staff-detail-item{display:flex;flex-direction:column;gap:4px}.staff-detail-label{font-size:.8rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-detail-value{font-size:.95rem;color:#2d3748;font-weight:600}.staff-performance-overview{display:flex;flex-direction:column;gap:30px}.staff-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.staff-performance-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.staff-perf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.staff-perf-header h4{font-size:1rem;font-weight:600;color:#2d3748;margin:0}.staff-perf-icon{color:#3182ce;font-size:1.1rem}.staff-rating-comparison{display:flex;justify-content:space-between;align-items:center}.staff-rating-item{display:flex;flex-direction:column;align-items:center;gap:6px}.staff-rating-label{font-size:.8rem;color:#718096;font-weight:500}.staff-rating-value{font-size:1.8rem;font-weight:700;color:#4a5568}.staff-rating-value.current{color:#3182ce}.staff-performance-history{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.staff-history-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 20px;text-align:center}.staff-chart-container{display:flex;justify-content:center;align-items:end;gap:16px;height:200px;padding:20px 0}.staff-chart-bar{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:80px}.staff-chart-fill{width:100%;background:linear-gradient(to top,#3182ce,#63b3ed);border-radius:4px 4px 0 0;min-height:20px;transition:height .3s ease}.staff-chart-label{font-size:.7rem;color:#718096;font-weight:500;writing-mode:horizontal-tb;text-align:center}.staff-chart-value{font-size:.8rem;font-weight:600;color:#2d3748;position:relative;top:-10px}.staff-areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.staff-areas-card{border-radius:12px;padding:20px;border:1px solid transparent}.staff-areas-card.strengths{background:#48bb780d;border-color:#48bb7833}.staff-areas-card.improvements{background:#ed89360d;border-color:#ed893633}.staff-areas-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 16px}.staff-areas-list{display:flex;flex-wrap:wrap;gap:8px}.staff-area-tag{padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:500;border:1px solid transparent}.staff-area-tag.strength{background:#48bb781a;color:#38a169;border-color:#48bb784d}.staff-area-tag.improvement{background:#ed89361a;color:#dd6b20;border-color:#ed89364d}.staff-recommendations-card{background:linear-gradient(135deg,#9f7aea0d,#805ad50d);border:1px solid rgba(159,122,234,.2);border-radius:12px;padding:20px}.staff-recommendation-content{display:flex;align-items:flex-start;gap:12px}.staff-recommendation-icon{color:#805ad5;font-size:1.2rem;flex-shrink:0;margin-top:2px}.staff-recommendation-content p{color:#2d3748;font-size:1rem;line-height:1.6;margin:0}.staff-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.staff-goal-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:all .3s ease}.staff-goal-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.staff-goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.staff-goal-title-section{flex:1}.staff-goal-title{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0 0 8px;line-height:1.3}.staff-goal-badges{display:flex;gap:8px}.staff-priority-badge{padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-priority-badge.danger{background:#f565651a;color:#e53e3e}.staff-priority-badge.warning{background:#ed89361a;color:#dd6b20}.staff-priority-badge.info{background:#3182ce1a;color:#3182ce}.staff-goal-progress-circle{width:60px;height:60px;position:relative}.staff-progress-ring{width:60px;height:60px;border-radius:50%;background:conic-gradient(#3182ce 0deg,#3182ce var(--progress),#e2e8f0 var(--progress),#e2e8f0 360deg);display:flex;align-items:center;justify-content:center;position:relative}.staff-progress-ring:before{content:"";width:44px;height:44px;background:#fff;border-radius:50%;position:absolute}.staff-progress-percentage{font-size:.8rem;font-weight:700;color:#2d3748;z-index:1}.staff-goal-content{display:flex;flex-direction:column;gap:16px}.staff-goal-description{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.staff-goal-progress-bar{background:#e2e8f0;border-radius:8px;height:8px;overflow:hidden}.staff-goal-progress-fill{background:linear-gradient(90deg,#3182ce,#63b3ed);height:100%;border-radius:8px;transition:width .3s ease}.staff-goal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.staff-goal-detail-item{display:flex;flex-direction:column;gap:4px}.staff-goal-detail-label{font-size:.7rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-goal-detail-value{font-size:.85rem;color:#2d3748;font-weight:600}.staff-review-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0;margin-bottom:24px}.staff-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.staff-review-info{display:flex;flex-direction:column;gap:8px}.staff-review-rating{display:flex;align-items:center}.staff-review-date{font-size:.85rem;color:#718096;font-weight:500}.staff-review-content{display:flex;flex-direction:column;gap:20px}.staff-review-feedback{font-size:1rem;line-height:1.6;color:#4a5568;margin:0;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.staff-review-highlights h5,.staff-category-ratings h5,.staff-review-sections h5{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 12px}.staff-review-highlights ul,.staff-review-sections ul{margin:0;padding-left:20px}.staff-review-highlights li,.staff-review-sections li{color:#4a5568;line-height:1.5;margin-bottom:6px}.staff-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.staff-category-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.staff-category-name{font-size:.9rem;font-weight:600;color:#2d3748;display:block;margin-bottom:8px}.staff-category-rating{display:flex;align-items:center}.staff-review-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.staff-review-section{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.staff-peer-feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.staff-peer-feedback-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.staff-peer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-peer-name{font-weight:600;color:#2d3748}.staff-peer-rating{display:flex;align-items:center}.staff-peer-comment{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}.staff-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.staff-skill-item{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.staff-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-skill-name{font-weight:600;color:#2d3748}.staff-skill-category{font-size:.8rem;color:#718096;background:#fff;padding:3px 8px;border-radius:12px;border:1px solid #e2e8f0}.staff-skill-bar{background:#e2e8f0;border-radius:8px;height:8px;position:relative;overflow:hidden}.staff-skill-fill{background:linear-gradient(90deg,#48bb78,#38a169);height:100%;border-radius:8px;transition:width .3s ease}.staff-skill-percentage{position:absolute;right:8px;top:-22px;font-size:.7rem;color:#4a5568;font-weight:600}.staff-development-content{display:flex;flex-direction:column;gap:30px}.staff-development-focus,.staff-training-programs,.staff-career-path{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.staff-development-focus h4,.staff-training-programs h4,.staff-career-path h4{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 16px}.staff-focus-list{display:flex;flex-wrap:wrap;gap:8px}.staff-focus-tag{padding:8px 16px;background:#3182ce;color:#fff;border-radius:16px;font-size:.85rem;font-weight:500}.staff-training-list{display:flex;flex-direction:column;gap:16px}.staff-training-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.staff-training-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-training-name{font-weight:600;color:#2d3748}.staff-training-status{padding:3px 8px;background:#e2e8f0;color:#4a5568;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.staff-career-info{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.staff-career-current,.staff-career-next{text-align:center;padding:16px 20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;flex:1}.staff-career-label{display:block;font-size:.8rem;color:#718096;font-weight:500;margin-bottom:6px}.staff-career-value{font-size:1.1rem;font-weight:700;color:#2d3748}.staff-career-arrow{font-size:1.5rem;color:#3182ce;font-weight:700}.staff-career-timeline{text-align:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;color:#4a5568;font-weight:500;margin-bottom:16px}.staff-career-requirements{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.staff-career-requirements h5{font-size:.95rem;font-weight:600;color:#2d3748;margin:0 0 12px}.staff-career-requirements ul{margin:0;padding-left:20px}.staff-career-requirements li{color:#4a5568;line-height:1.5;margin-bottom:6px}.staff-feedback-list{display:flex;flex-direction:column;gap:16px}.staff-feedback-item{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.staff-feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-feedback-from{display:flex;flex-direction:column;gap:4px}.staff-feedback-author{font-weight:600;color:#2d3748}.staff-feedback-date{font-size:.8rem;color:#718096}.staff-feedback-type{font-size:1.2rem}.staff-feedback-comment{color:#4a5568;line-height:1.6;margin:0}.staff-history-timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:30px}.staff-history-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:#e2e8f0}.staff-history-item{position:relative;display:flex;align-items:flex-start;gap:20px}.staff-history-marker{position:absolute;left:-24px;top:6px;width:12px;height:12px;border-radius:50%;background:#3182ce;border:3px solid white;box-shadow:0 0 0 2px #3182ce}.staff-history-content{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0;flex:1}.staff-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.staff-history-period{font-weight:600;color:#2d3748}.staff-history-rating{display:flex;align-items:center}.staff-history-highlights{color:#4a5568;font-size:.9rem;margin:0}.staff-action-items{display:flex;flex-direction:column;gap:16px}.staff-action-item{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.staff-action-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.staff-action-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0;flex:1}.staff-action-badges{display:flex;gap:8px;flex-shrink:0}.staff-action-status{padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-action-status.pending{background:#ed89361a;color:#dd6b20}.staff-action-status.in_progress{background:#3182ce1a;color:#3182ce}.staff-action-status.completed{background:#48bb781a;color:#38a169}.staff-action-details{display:flex;gap:20px;font-size:.85rem;color:#718096}.staff-reviews-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-reviews-status-badge.success{background:#48bb781a;color:#38a169;border:1px solid rgba(72,187,120,.2)}.staff-reviews-status-badge.warning{background:#ed89361a;color:#dd6b20;border:1px solid rgba(237,137,54,.2)}.staff-reviews-status-badge.danger{background:#f565651a;color:#e53e3e;border:1px solid rgba(245,101,101,.2)}.staff-reviews-goal-status{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-reviews-goal-status.excellent{background:#9f7aea1a;color:#805ad5}.staff-reviews-goal-status.success{background:#48bb781a;color:#38a169}.staff-reviews-goal-status.warning{background:#ed89361a;color:#dd6b20}.staff-reviews-goal-status.danger{background:#f565651a;color:#e53e3e}.staff-reviews-rating-display{display:flex;align-items:center;gap:8px}.staff-reviews-stars{display:flex;gap:2px}.staff-reviews-star{color:#e2e8f0;font-size:.9rem;transition:color .2s ease}.staff-reviews-star.filled{color:#ed8936}.staff-reviews-rating-number{font-size:.9rem;font-weight:600;color:#2d3748}.staff-reviews-no-rating{font-size:.85rem;color:#a0aec0;font-style:italic}.staff-reviews-progress-bar{background:#e2e8f0;border-radius:20px;height:8px;position:relative;overflow:hidden}.staff-reviews-progress-fill{background:linear-gradient(90deg,#48bb78,#38a169);height:100%;border-radius:20px;transition:width .3s ease}.staff-reviews-progress-text{position:absolute;right:8px;top:-20px;font-size:.7rem;color:#4a5568;font-weight:600}@media (max-width: 1200px){.staff-header-main{grid-template-columns:1fr;gap:25px}.staff-profile-section{justify-content:center;text-align:center}.staff-details-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.staff-performance-section{justify-content:center}.staff-stats-section{align-items:center}.staff-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:600px}.staff-performance-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.profile-header{gap:20px}.employee-name{font-size:2rem}.position{font-size:1.25rem}}@media (max-width: 768px){.modern-performance-header{margin-bottom:24px;border-radius:20px;box-shadow:0 15px 40px #4f46e54d}.metrics-container{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.header-content{padding:20px 16px}.header-title-wrapper{margin-bottom:16px}.title-icon{width:32px;height:32px;border-radius:10px;margin-bottom:10px}.title-icon svg{font-size:1rem}.main-title{font-size:1.5rem;margin-bottom:4px}.title-subtitle{font-size:.8rem}.employee-profile-card{padding:16px;border-radius:12px}.profile-header{flex-direction:column;text-align:center;gap:12px;margin-bottom:16px}.avatar-circle{width:50px;height:50px;border-radius:50%}.avatar-letter{font-size:1.25rem}.name-section{flex-direction:column;gap:8px;align-items:center}.employee-name{font-size:1.25rem;text-align:center}.job-info{justify-content:center;gap:8px}.position{font-size:.9rem}.profile-details{margin-top:12px;padding-top:12px}.details-grid{grid-template-columns:1fr;gap:8px}.detail-card{padding:10px;border-radius:8px}.detail-icon{width:28px;height:28px;border-radius:6px}.detail-label{font-size:.7rem}.detail-value{font-size:.8rem}.performance-dashboard{gap:16px}.performance-main-card{padding:20px;border-radius:16px}.performance-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.rating-showcase{flex-direction:column;gap:20px;text-align:center}.rating-circle-progress{width:100px;height:100px}.rating-inner{width:75px;height:75px}.rating-number{font-size:1.5rem}.rating-scale{font-size:.8rem}.performance-stats-grid{grid-template-columns:1fr;gap:6px}.stat-card{padding:10px;border-radius:6px}.stat-icon-wrapper{width:24px;height:24px;border-radius:6px;margin-bottom:6px}.stat-icon{font-size:.75rem}.stat-title{font-size:.6rem;margin-bottom:4px}.stat-number{font-size:1.25rem}.stat-total{font-size:.9rem}.progress-text{font-size:.55rem}.rank-badge{font-size:.5rem;padding:1px 3px}.rank-department{font-size:.55rem}.review-badge{font-size:.5rem;padding:1px 3px;gap:1px}.performance-actions{flex-direction:column;gap:12px}.action-button{width:100%;justify-content:center}.header-actions{justify-content:center;flex-wrap:wrap;gap:10px}.action-btn{flex:1;min-width:140px;justify-content:center}.more-actions-btn{width:40px;height:40px}.staff-header-wrapper{margin-bottom:20px}.staff-header-nav{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.staff-nav-left{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.staff-breadcrumb{font-size:.8rem;flex-wrap:wrap}.staff-nav-right{justify-content:center;flex-wrap:wrap}.staff-nav-btn span{display:none}.staff-header-main{padding:20px;gap:20px}.staff-profile-section{flex-direction:column;align-items:center;gap:16px}.staff-avatar-large{width:100px;height:100px;font-size:2.5rem}.staff-main-name{font-size:1.8rem}.staff-designation{font-size:1.1rem}.staff-role-section,.staff-name-section{flex-direction:column;gap:8px;align-items:center}.modern-tab-wrapper{flex-direction:column;gap:8px;padding:12px}.modern-tab{min-width:unset;padding:12px 16px;gap:10px}.tab-icon-wrapper{width:32px;height:32px}.tab-icon{font-size:.95rem}.tab-title{font-size:.9rem}.tab-subtitle{font-size:.7rem}.tab-indicator{width:2px;height:20px}.staff-profile-content{padding:20px}.staff-section-title{font-size:1.2rem}.staff-areas-grid,.staff-goals-grid{grid-template-columns:1fr}.staff-skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.staff-categories-grid,.staff-peer-feedback-grid{grid-template-columns:1fr}.staff-career-info{flex-direction:column;gap:12px}.staff-career-arrow{transform:rotate(90deg)}.staff-review-steps{flex-direction:column;gap:8px}.staff-step{flex-direction:row;padding:12px;text-align:left}.staff-step-content{flex:1;margin-left:12px}}@media (max-width: 480px){.metrics-container{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.metric-card{padding:16px;min-height:100px}.metric-icon{width:28px;height:28px;font-size:.8rem}.metric-value{font-size:1.4rem}.staff-profile-name{font-size:1.6rem}.staff-profile-title{font-size:1.1rem}.staff-detail-grid{grid-template-columns:1fr}.staff-rating-comparison{flex-direction:column;gap:12px;align-items:center}.staff-chart-container{height:150px;gap:8px}.staff-goal-header{flex-direction:column;align-items:flex-start;gap:12px}.staff-goal-progress-circle{align-self:center}.staff-action-header,.staff-feedback-header{flex-direction:column;align-items:flex-start;gap:8px}.staff-review-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:12px}.staff-review-info{width:100%;display:flex;flex-direction:column;gap:6px}.staff-review-date{font-size:.8rem!important;color:#718096;font-weight:500;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%;word-break:break-word}.staff-review-rating{margin-bottom:4px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.staff-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.goals-actions{display:flex;gap:12px}.add-goal-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.add-goal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-goal-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.add-goal-btn:hover:before{left:100%}.edit-assessment-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden;letter-spacing:.5px}.edit-assessment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.edit-assessment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.edit-assessment-btn:hover:before{left:100%}.assessment-actions{display:flex;gap:12px;align-items:center}.add-assessment-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b98166;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.add-assessment-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-assessment-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #10b98199;background:linear-gradient(135deg,#0d9968,#047857)}.add-assessment-btn:hover:before{left:100%}.highlights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-highlight-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.add-highlight-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.highlights-list{display:flex;flex-direction:column;gap:12px}.highlight-item{display:flex;align-items:center;gap:12px}.highlight-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease}.highlight-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.remove-highlight-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.remove-highlight-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #ef444466}.add-goal-form{margin-bottom:24px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.staff-goal-form{display:flex;flex-direction:column;gap:20px}.staff-review-form-row{display:flex;gap:16px;flex-wrap:wrap}.staff-form-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.staff-form-group label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.staff-form-group input,.staff-form-group textarea,.staff-form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.staff-form-group input:focus,.staff-form-group textarea:focus,.staff-form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.staff-form-group textarea{resize:vertical;min-height:80px}.staff-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.staff-cancel-btn{padding:10px 16px;background:#f9fafb;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.staff-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.staff-save-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.staff-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.goal-edit-actions{display:flex;gap:8px;margin-right:12px}.goal-action-btn{width:38px;height:38px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.goal-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transition:all .3s ease;transform:translate(-50%,-50%)}.goal-action-btn:hover:before{width:100px;height:100px}.goal-action-btn.edit{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);color:#0277bd;box-shadow:0 2px 8px #0277bd33}.goal-action-btn.edit:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #0277bd66}.goal-action-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f;box-shadow:0 2px 8px #d32f2f33}.goal-action-btn.delete:hover{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #d32f2f66}.goal-action-btn.save{background:#dcfce7;color:#16a34a}.goal-action-btn.save:hover{background:#bbf7d0;transform:scale(1.05)}.goal-action-btn.cancel{background:#fef3c7;color:#d97706}.goal-action-btn.cancel:hover{background:#fde68a;transform:scale(1.05)}.edit-goal-title{font-size:16px;font-weight:600;color:#1f2937;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;margin-bottom:8px;width:100%}.edit-goal-description{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:10px;font-size:14px;resize:vertical}.edit-priority-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.edit-progress-input{width:50px;text-align:center;font-size:14px;font-weight:600;border:1px solid #d1d5db;border-radius:4px;padding:4px}.edit-due-date{font-size:13px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px}.edit-rating-container{display:flex;align-items:center;gap:8px}.edit-rating-container label{font-size:12px;font-weight:500;color:#6b7280}.edit-rating-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;text-align:center}.edit-assessment-form{display:flex;flex-direction:column;gap:20px}.edit-feedback-textarea,.edit-highlights-textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:12px;font-size:14px;resize:vertical;line-height:1.5}.edit-feedback-textarea:focus,.edit-highlights-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.assessment-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.save-assessment-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-assessment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cancel-assessment-btn{padding:10px 16px;background:#f9fafb;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-assessment-btn:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.staff-section-header{flex-direction:column;gap:12px;align-items:stretch}.goals-actions{justify-content:center}.add-goal-btn{width:100%;justify-content:center}.assessment-actions{flex-direction:column;width:100%;gap:8px}.add-assessment-btn,.edit-assessment-btn{width:100%;justify-content:center}.staff-review-form-row{flex-direction:column}.staff-form-group{min-width:auto}.staff-form-actions,.assessment-form-actions{flex-direction:column;gap:8px}.staff-cancel-btn,.staff-save-btn,.save-assessment-btn,.cancel-assessment-btn{width:100%;justify-content:center}.goal-edit-actions{margin-right:8px}.goal-action-btn{width:28px;height:28px;font-size:12px}.edit-goal-title{font-size:14px}}@media (max-width: 480px){.add-goal-form{padding:16px}.staff-goal-form{gap:16px}.staff-form-group input,.staff-form-group textarea,.staff-form-group select{padding:8px 10px;font-size:13px}.edit-assessment-form{gap:16px}.edit-feedback-textarea,.edit-highlights-textarea{padding:10px;font-size:13px}}.modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#6366f14d,#a855f733,#ec48994d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .4s ease-out;padding:20px}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.modal-content{background:linear-gradient(145deg,#fffffff2,#fffffffa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:24px;max-width:600px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 32px 64px #0000001a,0 0 40px #6366f11a,inset 0 1px #fff9;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:32px;background:linear-gradient(135deg,#6366f11a,#a855f714,#ec48991a);border-radius:24px 24px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.modal-header h3{margin:0;font-size:28px;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(99,102,241,.2)}.modal-close-btn{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);padding:12px;border-radius:16px;cursor:pointer;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:18px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.modal-close-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ef444433;transition:all .3s ease;transform:translate(-50%,-50%)}.modal-close-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);border-radius:50%;transition:all .4s ease;transform:translate(-50%,-50%)}.modal-close-btn:hover{background:#fff;color:#374151;transform:rotate(90deg) scale(1.1);box-shadow:0 12px 48px #00000026}.modal-close-btn:hover:before{width:60px;height:60px}.modal-content .staff-goal-form{padding:40px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;position:relative}.modal-content .staff-form-group{position:relative}.modal-content .staff-form-group label{display:block;margin-bottom:12px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px;position:relative}.modal-content .staff-form-group label:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);border-radius:2px}.modal-content .staff-form-group input,.modal-content .staff-form-group textarea,.modal-content .staff-form-group select{width:100%;padding:10px 14px;border:2px solid rgba(99,102,241,.1);border-radius:16px;font-size:14px;transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;color:#1f2937;position:relative}.modal-content .staff-form-group input:focus,.modal-content .staff-form-group textarea:focus,.modal-content .staff-form-group select:focus{outline:none;border-color:#6366f199;background:#fffffff2;box-shadow:0 0 0 4px #6366f11a,0 20px 40px #6366f11a,inset 0 1px #fffc;transform:translateY(-4px)}.modal-content .staff-form-group textarea{resize:vertical;min-height:120px;line-height:1.7}.modal-content .staff-form-actions{display:flex;justify-content:flex-end;gap:20px;padding:18px 0 8px;position:relative}.modal-content .staff-form-actions:before{content:"";position:absolute;top:0;left:-40px;right:-40px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 20%,rgba(168,85,247,.3) 50%,rgba(236,72,153,.3) 80%,transparent 100%)}.modal-content .staff-cancel-btn,.modal-content .staff-save-btn{padding:12px 32px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;border:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;min-width:140px;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content .staff-cancel-btn{background:#6b72801a;color:#6b7280;border:2px solid rgba(107,114,128,.2);box-shadow:0 8px 32px #6b72801a}.modal-content .staff-cancel-btn-duplicate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(107,114,128,.1),transparent);transition:left .5s}.modal-content .staff-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(107,114,128,.1),transparent);transition:left .6s}.modal-content .staff-cancel-btn:hover{background:#6b728026;border-color:#6b728066;transform:translateY(-4px);color:#4b5563;box-shadow:0 16px 48px #6b728033}.modal-content .staff-cancel-btn:hover:before{left:100%}.modal-content .staff-save-btn{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);color:#fff;border:2px solid transparent;box-shadow:0 12px 40px #6366f166;position:relative}.modal-content .staff-save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .8s}.modal-content .staff-save-btn:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed,#db2777);transform:translateY(-6px);box-shadow:0 20px 60px #6366f199}.modal-content .staff-save-btn:hover:before{left:100%}.modal-content .staff-review-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.modal-content .staff-review-form-row .staff-form-group{margin-bottom:0}.modal-content .staff-review-form-row.single{grid-template-columns:1fr}.modal-content .staff-review-form-row.triple{grid-template-columns:1fr 1fr 1fr}@media (max-width: 768px){.modal-content .staff-review-form-row,.modal-content .staff-review-form-row.triple{grid-template-columns:1fr}}@media (max-width: 480px){.modal-content .staff-review-form-row{gap:16px}}.reward-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reward-back-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.reward-back-button:hover{background:#f8fafc;color:#3b82f6;border-color:#3b82f6}.reward-status{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#dcfce7;color:#166534;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #bbf7d0}.reward-content{max-width:1200px;margin:0 auto}.reward-hero{display:block;background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px #0000001a;border:1px solid #e2e8f0}.reward-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reward-hero-left{flex:1}.reward-employee{display:flex;align-items:center;gap:20px}.reward-hero-right{text-align:right}.reward-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 20px #3b82f64d}.reward-employee-info h1{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b}.reward-employee-info p{margin:0 0 2px;font-size:15px;color:#64748b;font-weight:500}.reward-employee-info span{font-size:13px;color:#94a3b8}.reward-title-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.reward-description{margin-bottom:0}.reward-description p{margin:0;font-size:15px;color:#475569;line-height:1.5}.reward-amount{font-size:26px;font-weight:800;color:#3b82f6;margin-bottom:6px}.reward-date{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:13px;color:#64748b;font-weight:500}.reward-trophy{color:#f59e0b;font-size:22px}.reward-title-section h2{margin:0;font-size:18px;font-weight:700;color:#1e293b}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.reward-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease}.reward-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.reward-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.reward-card-header svg{color:#3b82f6;font-size:18px}.reward-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.reward-card-content{display:flex;flex-direction:column;gap:12px}.reward-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#475569;line-height:1.4}.reward-bullet{color:#3b82f6;font-weight:600;margin-top:2px}.reward-info-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #f1f5f9}.reward-info-row:last-child{border-bottom:none}.reward-info-row span:first-child{font-size:13px;color:#64748b;font-weight:500}.reward-info-row span:last-child{font-size:14px;color:#1e293b;font-weight:600}.reward-actions{display:flex;justify-content:center;gap:16px}.reward-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 10px #0000001a}.reward-btn-primary{background:#3b82f6;color:#fff}.reward-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f64d}.reward-btn-secondary{background:#64748b;color:#fff}.reward-btn-secondary:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 20px #64748b4d}@media (max-width: 768px){.reward-detail-page{padding:16px}.reward-hero{flex-direction:column;text-align:center;gap:24px}.reward-hero-right{text-align:center}.reward-grid{grid-template-columns:1fr}.reward-actions{flex-direction:column}.reward-avatar{width:40px;height:40px;font-size:16px}.reward-employee-info h1{font-size:16px}.reward-amount{font-size:20px}}.staffrewards-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.staffrewards-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.staffrewards-back-btn:hover{background:#f8f9fa;border-color:#dee2e6;color:#007bff}.staffrewards-status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#d4edda;color:#155724;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid #c3e6cb}.staffrewards-detail-main{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}.staffrewards-detail-left{display:flex;flex-direction:column;gap:20px}.staffrewards-employee-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.staffrewards-emp-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;margin-bottom:16px}.staffrewards-emp-info h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#2c3e50}.staffrewards-emp-role{margin:0 0 4px;font-size:14px;color:#6c757d;font-weight:500}.staffrewards-emp-id{margin:0;font-size:13px;color:#9aa0a6}.staffrewards-award-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.staffrewards-award-header-new{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.staffrewards-trophy-icon{color:#ffc107;font-size:28px;margin-top:4px}.staffrewards-award-header-new h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50;line-height:1.3}.staffrewards-award-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.staffrewards-award-date{display:flex;align-items:center;gap:4px;font-size:13px;color:#6c757d;font-weight:500}.staffrewards-award-value{font-size:20px;font-weight:700;color:#007bff}.staffrewards-description{margin:0;font-size:14px;color:#495057;line-height:1.6}.staffrewards-action-buttons{display:flex;flex-direction:column;gap:12px}.staffrewards-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.staffrewards-btn-primary{background:#007bff;color:#fff}.staffrewards-btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.staffrewards-btn-secondary{background:#6c757d;color:#fff}.staffrewards-btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.staffrewards-detail-right{display:flex;flex-direction:column;gap:20px}.staffrewards-detail-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef}.staffrewards-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f8f9fa}.staffrewards-section-icon{color:#007bff;font-size:18px}.staffrewards-section-header h4{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.staffrewards-achievement-list,.staffrewards-benefit-list{margin:0;padding:0;list-style:none}.staffrewards-achievement-list li,.staffrewards-benefit-list li{margin-bottom:8px;font-size:14px;color:#495057;line-height:1.5;position:relative;padding:8px 0 8px 20px}.staffrewards-achievement-list li:before{content:"★";position:absolute;left:0;color:#ffc107;font-weight:700}.staffrewards-benefit-list li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.staffrewards-nomination-details,.staffrewards-approval-details{display:flex;flex-direction:column;gap:12px}.staffrewards-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f8f9fa}.staffrewards-detail-row:last-child{border-bottom:none}.staffrewards-detail-row span:first-child{font-size:13px;color:#6c757d;font-weight:500;min-width:120px}.staffrewards-detail-row span:last-child{font-size:14px;color:#2c3e50;font-weight:500;text-align:right}.staffrewards-error{display:flex;justify-content:center;align-items:center;min-height:300px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.staffrewards-error-content{text-align:center;padding:40px}.staffrewards-error-icon{color:#6c757d;font-size:48px;margin-bottom:16px}.staffrewards-error-content h3{margin:0 0 8px;font-size:18px;color:#2c3e50}.staffrewards-error-content p{margin:0;font-size:14px;color:#6c757d}@media (max-width: 768px){.staffrewards-detail-main{grid-template-columns:1fr;gap:20px}.staffrewards-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.staffrewards-emp-avatar{width:56px;height:56px;font-size:20px}.staffrewards-emp-info h2{font-size:20px}.staffrewards-action-buttons{flex-direction:row}}.staffrewards-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:24px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);padding:24px;border-radius:16px}.staffrewards-title-section{flex:1}.staffrewards-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.staffrewards-title-icon{color:#ffc107;font-size:32px}.staffrewards-subtitle{color:#6c757d;font-size:16px;margin:0;line-height:1.5}.staffrewards-stats{display:flex;gap:16px}.staffrewards-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;text-align:center;min-width:120px}.staffrewards-stat-number{font-size:24px;font-weight:700;color:#ffc107;margin-bottom:4px}.staffrewards-stat-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staffrewards-employee-section{margin-bottom:5px}.staffrewards-employee-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:24px;border:1px solid #e2e8f0}.staffrewards-employee-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:32px;box-shadow:0 8px 25px #667eea4d;flex-shrink:0}.staffrewards-employee-details{flex:1}.staffrewards-employee-details h2{margin:0 0 8px;color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px}.staffrewards-employee-role{margin:0 0 8px;color:#64748b;font-size:16px;font-weight:600}.staffrewards-employee-meta{margin:0;display:flex;gap:24px;color:#94a3b8;font-size:13px;font-weight:500}.staffrewards-employee-status{text-align:right}.staffrewards-status-approved{display:flex;align-items:center;gap:6px;background:#dcfce7;color:#166534;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;justify-content:flex-end}.staffrewards-employee-summary{color:#64748b;font-size:14px;font-weight:600}.staffrewards-filter-buttons{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 12px #00000014;justify-content:center;flex-wrap:wrap}.staffrewards-filter-btn{padding:10px 20px;border:2px solid #e2e8f0;border-radius:25px;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.staffrewards-filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.staffrewards-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.staffrewards-list{display:grid;gap:16px}.staffrewards-no-data{text-align:center;padding:48px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.staffrewards-no-data-icon{font-size:48px;color:#cbd5e0;margin-bottom:16px}.staffrewards-no-data h3{margin:0 0 8px;color:#4a5568;font-size:16px;font-weight:600}.staffrewards-no-data p{margin:0;color:#718096;font-size:13px}.staffrewards-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;transition:all .3s ease;border:1px solid #f1f5f9}.staffrewards-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#667eea}.staffrewards-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.staffrewards-employee-info{display:flex;align-items:center;gap:14px}.staffrewards-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px;box-shadow:0 4px 12px #667eea4d}.staffrewards-details h3{margin:0 0 4px;color:#1e293b;font-size:15px;font-weight:700;letter-spacing:-.3px}.staffrewards-employee-dept{margin:0 0 2px;color:#64748b;font-size:12px;font-weight:500}.staffrewards-employee-id{margin:0;color:#94a3b8;font-size:11px;font-weight:500}.staffrewards-reward-info{text-align:right}.staffrewards-reward-value{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:12px;display:inline-block;margin-bottom:8px;box-shadow:0 2px 8px #10b9814d}.staffrewards-reward-date{display:flex;align-items:center;gap:4px;color:#64748b;font-size:11px;font-weight:500;justify-content:flex-end}.staffrewards-card-content{padding:20px}.staffrewards-reward-title{margin:0 0 12px;color:#1e293b;font-size:14px;font-weight:700;line-height:1.4}.staffrewards-description{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 16px}.staffrewards-achievements h5{margin:0 0 10px;color:#374151;font-size:12px;font-weight:600}.staffrewards-achievements-list{display:flex;flex-wrap:wrap;gap:6px}.staffrewards-achievement-tag{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6d28d9;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid #c4b5fd}.staffrewards-more-achievements{background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;border:1px solid #e2e8f0}.staffrewards-card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.staffrewards-benefits{display:flex;align-items:center;gap:6px;color:#64748b;font-size:11px;font-weight:500}.staffrewards-benefits-icon{color:#f59e0b;font-size:14px}.staffrewards-view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:11px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.staffrewards-view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.staffrewards-modal-overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.staffrewards-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:700px;width:90vw;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.staffrewards-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.staffrewards-modal-header h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px}.staffrewards-modal-close{width:32px;height:32px;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s ease}.staffrewards-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.staffrewards-modal-content{padding:28px;overflow-y:auto;max-height:calc(90vh - 140px)}.staffrewards-details-summary{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:24px;border:1px solid #0ea5e9}.staffrewards-details-avatar{width:72px;height:72px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 8px 25px #667eea66}.staffrewards-details-info h4{margin:0 0 4px;color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.3px}.staffrewards-details-info p{margin:0 0 8px;color:#64748b;font-size:13px;font-weight:500}.staffrewards-details-value{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:16px;font-weight:700;font-size:12px;display:inline-block;box-shadow:0 2px 8px #10b9814d}.staffrewards-details-content{display:grid;gap:24px}.staffrewards-details-section h5{margin:0 0 16px;color:#1e293b;font-size:14px;font-weight:700;padding-bottom:8px;border-bottom:2px solid #667eea;letter-spacing:-.2px}.staffrewards-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.staffrewards-detail-item{padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #667eea}.staffrewards-detail-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.staffrewards-detail-value{font-size:13px;font-weight:600;color:#1e293b}.staffrewards-details-section p{color:#64748b;font-size:13px;line-height:1.6;margin:0}.staffrewards-details-section ul{margin:0;padding-left:16px;list-style:none}.staffrewards-details-section li{position:relative;color:#4b5563;font-size:12px;line-height:1.5;margin-bottom:8px;padding-left:8px}.staffrewards-details-section li:before{content:"✓";position:absolute;left:-12px;color:#10b981;font-weight:700;font-size:10px}.staffrewards-benefits-list{display:flex;flex-wrap:wrap;gap:8px}.staffrewards-benefit-tag{padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:16px;font-size:11px;font-weight:600;border:1px solid #93c5fd}.staffrewards-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 28px;border-top:1px solid #e2e8f0;background:#f8fafc}.staffrewards-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.staffrewards-btn.secondary{background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.staffrewards-btn.secondary:hover{background:#e2e8f0;border-color:#667eea;color:#667eea}@media (max-width: 768px){.staffrewards-container{padding:12px}.staffrewards-header{flex-direction:column;gap:20px}.staffrewards-stats{justify-content:space-between}.staffrewards-stat-card{flex:1;min-width:0}.staffrewards-employee-card{flex-direction:column;text-align:center;gap:20px}.staffrewards-employee-meta{flex-direction:column;gap:8px;text-align:center}.staffrewards-employee-status{text-align:center}.staffrewards-filter-buttons{gap:6px}.staffrewards-filter-btn{padding:8px 16px;font-size:12px}.staffrewards-card-header{flex-direction:column;gap:16px;align-items:flex-start}.staffrewards-employee-info{width:100%}.staffrewards-reward-info{text-align:left;align-self:stretch}.staffrewards-reward-date{justify-content:flex-start}.staffrewards-card-footer{flex-direction:column;gap:12px;align-items:stretch}.staffrewards-view-btn{align-self:center}.staffrewards-modal{width:95vw;max-height:95vh}.staffrewards-modal-header{padding:20px 24px}.staffrewards-modal-content{padding:24px}.staffrewards-modal-actions{padding:20px 24px;flex-direction:column}.staffrewards-details-summary{flex-direction:column;text-align:center}.staffrewards-details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.staffrewards-container{padding:8px}.staffrewards-title{font-size:18px}.staffrewards-title-icon{font-size:20px}.staffrewards-subtitle{font-size:12px}.staffrewards-modal{width:98vw;max-height:98vh;border-radius:16px}.staffrewards-modal-header{padding:16px 20px}.staffrewards-modal-content{padding:20px}.staffrewards-modal-actions{padding:16px 20px}.staffrewards-details-avatar{width:60px;height:60px;font-size:24px}}.staffrewards-view-btn:active{transform:scale(.95)}.staffrewards-card:active{transform:scale(.98)}.staffrewards-view-btn:focus,.staffrewards-filter-select:focus,.staffrewards-modal-close:focus,.staffrewards-btn:focus{outline:none;box-shadow:0 0 0 3px #667eea4d!important}.staffrewards-back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.staffrewards-back-btn:hover{border-color:#667eea;color:#667eea;transform:translate(-2px)}.staffrewards-reward-detail{background:#fff;border-radius:20px;box-shadow:0 4px 25px #00000014;overflow:hidden}.staffrewards-reward-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e2e8f0}.staffrewards-employee-info-detail{display:flex;align-items:center;gap:20px}.staffrewards-employee-avatar-detail{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:32px;box-shadow:0 8px 25px #667eea4d}.staffrewards-employee-details-header h1{margin:0 0 8px;color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px}.staffrewards-employee-details-header p{margin:0 0 4px;color:#64748b;font-size:16px;font-weight:500}.staffrewards-reward-status{text-align:right}.staffrewards-reward-value-large{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 20px;border-radius:25px;font-weight:700;font-size:18px;display:inline-block;margin-top:12px;box-shadow:0 4px 15px #10b9814d}.staffrewards-award-title-section{padding:32px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #f1f5f9}.staffrewards-award-icon-large{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;box-shadow:0 8px 25px #fbbf2466;flex-shrink:0}.staffrewards-award-info h2{margin:0 0 12px;color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.3px}.staffrewards-award-date{display:flex;align-items:center;gap:8px;color:#64748b;font-size:16px;font-weight:500}.staffrewards-detail-section{padding:32px;border-bottom:1px solid #f1f5f9}.staffrewards-detail-section:last-child{border-bottom:none}.staffrewards-detail-section h3{margin:0 0 20px;color:#1e293b;font-size:20px;font-weight:700;padding-bottom:12px;border-bottom:2px solid #667eea}.staffrewards-description-text{color:#4b5563;font-size:16px;line-height:1.7;margin:0}.staffrewards-achievements-grid{display:grid;gap:16px}.staffrewards-achievement-item-detail{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border-left:4px solid #10b981}.staffrewards-achievement-icon{color:#10b981;font-size:20px;flex-shrink:0}.staffrewards-achievement-item-detail span{color:#374151;font-size:15px;font-weight:500}.staffrewards-benefits-grid-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.staffrewards-benefit-card{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.staffrewards-benefit-icon-large{color:#0ea5e9;font-size:24px;flex-shrink:0}.staffrewards-benefit-card span{color:#0c4a6e;font-size:14px;font-weight:600}.staffrewards-nomination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.staffrewards-nomination-card,.staffrewards-approval-card{padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.staffrewards-nomination-header,.staffrewards-approval-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.staffrewards-nomination-icon,.staffrewards-approval-icon{color:#667eea;font-size:20px}.staffrewards-nomination-header h4,.staffrewards-approval-header h4{margin:0;color:#1e293b;font-size:16px;font-weight:700}.staffrewards-nominator-name,.staffrewards-approver-name{margin:0 0 8px;color:#1e293b;font-size:16px;font-weight:700}.staffrewards-nominator-role,.staffrewards-nominator-email,.staffrewards-nomination-date,.staffrewards-approval-date,.staffrewards-certificate-id{margin:0 0 6px;color:#64748b;font-size:14px;font-weight:500}.staffrewards-nominator-email{display:flex;align-items:center;gap:6px}.staffrewards-detail-actions{padding:32px;display:flex;gap:16px;justify-content:center;background:#f8fafc}.staffrewards-download-btn,.staffrewards-view-details-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.staffrewards-download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.staffrewards-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.staffrewards-view-details-btn{background:#fff;color:#667eea;border:2px solid #667eea}.staffrewards-view-details-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.staffrewards-error{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.staffrewards-error h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 20px}@media (max-width: 768px){.staffrewards-reward-header{flex-direction:column;gap:20px;text-align:center}.staffrewards-employee-info-detail{flex-direction:column;text-align:center}.staffrewards-reward-status{text-align:center}.staffrewards-award-title-section{flex-direction:column;text-align:center}.staffrewards-detail-section{padding:24px}.staffrewards-benefits-grid-detail,.staffrewards-nomination-grid{grid-template-columns:1fr}.staffrewards-detail-actions{flex-direction:column;padding:24px}.staffrewards-download-btn,.staffrewards-view-details-btn{justify-content:center}}@media (prefers-reduced-motion: reduce){.staffrewards-card,.staffrewards-view-btn,.staffrewards-modal,.staffrewards-modal-overlay,.staffrewards-back-btn,.staffrewards-download-btn,.staffrewards-view-details-btn{animation:none;transition:none}.staffrewards-card:hover,.staffrewards-view-btn:hover,.staffrewards-modal-close:hover,.staffrewards-back-btn:hover,.staffrewards-download-btn:hover,.staffrewards-view-details-btn:hover{transform:none}}.staffrewards-pagination{display:flex;justify-content:end;align-items:center;gap:12px;margin-top:4px;padding:16px 0}.staffrewards-pagination-arrow{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.staffrewards-pagination-arrow:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.staffrewards-pagination-arrow:disabled{border-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed;transform:none}.staffrewards-pagination-numbers{display:flex;gap:8px;align-items:center}.staffrewards-pagination-circle{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.staffrewards-pagination-circle:hover{border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.staffrewards-pagination-circle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.staff-pf-container{padding:24px;min-height:100vh}.staff-pf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.staff-pf-title-section{flex:1}.staff-pf-back-button{margin-bottom:16px}.staff-pf-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-pf-back-btn:hover{background:#f8f9fa;color:#495057;transform:translate(-2px)}.staff-pf-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.staff-pf-title-icon{color:#007bff;font-size:32px}.staff-pf-subtitle{color:#6c757d;font-size:16px;margin:0;line-height:1.5}.staff-pf-stats{display:flex;gap:16px}.staff-pf-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;text-align:center;min-width:140px}.staff-pf-stat-number{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.staff-pf-stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-pf-stat-sublabel{font-size:10px;color:#8e9499;font-weight:400;margin-top:4px;line-height:1.3}.staff-pf-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:16px}.staff-pf-filters{display:flex;gap:16px;align-items:center}.staff-pf-filter-group{display:flex;align-items:center;gap:8px}.staff-pf-filter-label{font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.staff-pf-filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:120px}.staff-pf-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.staff-pf-clear-filters-btn{padding:8px 12px;border:1px solid #dc3545;border-radius:6px;background:#dc3545;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.staff-pf-clear-filters-btn:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px)}.staff-pf-actions{display:flex;gap:12px;flex-wrap:wrap}.staff-pf-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.staff-pf-action-btn.primary{background:#007bff;color:#fff}.staff-pf-action-btn.primary:hover{background:#0056b3;transform:translateY(-1px)}.staff-pf-action-btn.secondary{background:#6c757d;color:#fff}.staff-pf-action-btn.secondary:hover{background:#5a6268;transform:translateY(-1px)}.staff-pf-action-btn.warning{background:#ffc107;color:#212529}.staff-pf-action-btn.warning:hover{background:#e0a800;transform:translateY(-1px)}.staff-pf-employee-summary{margin-bottom:32px}.staff-pf-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.staff-pf-summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;border-left:4px solid #007bff;transition:transform .2s}.staff-pf-summary-card:hover{transform:translateY(-4px)}.staff-pf-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-pf-summary-header h3{margin:0;font-size:13px;font-weight:600;color:#495057;line-height:1.2}.staff-pf-summary-icon{font-size:20px;opacity:.7}.staff-pf-summary-icon.employee{color:#3b82f6}.staff-pf-summary-icon.employer{color:#10b981}.staff-pf-summary-icon.total{color:#f59e0b}.staff-pf-summary-icon.balance{color:#8b5cf6}.staff-pf-summary-amount{font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.1}.staff-pf-summary-amount.employee{color:#3b82f6}.staff-pf-summary-amount.employer{color:#10b981}.staff-pf-summary-amount.total{color:#f59e0b}.staff-pf-summary-amount.balance{color:#8b5cf6}.staff-pf-summary-desc{font-size:10px;color:#6c757d;font-weight:500;line-height:1.2}.staff-pf-summary-subdesc{font-size:9px;color:#8e9499;font-weight:400;margin-top:2px;font-style:italic;line-height:1.2}.staff-pf-employee-info{margin-bottom:32px}.staff-pf-info-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.staff-pf-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-pf-info-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:#495057}.staff-pf-info-status .staff-pf-status-badge{padding:3px 8px;font-size:10px;border-radius:12px}.staff-pf-info-icon{color:#007bff;font-size:16px}.staff-pf-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.staff-pf-detail-item{display:flex;flex-direction:column;gap:4px}.staff-pf-detail-label{font-size:10px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-pf-detail-value{font-size:13px;font-weight:600;color:#2c3e50}.staff-pf-detail-value.employee-contrib{color:#3b82f6}.staff-pf-detail-value.employer-contrib{color:#10b981}.staff-pf-detail-value.total-contrib{color:#f59e0b}.staff-pf-detail-value.balance{color:#8b5cf6}.staff-pf-nominee-section{background:#f8f9fa;border-radius:8px;padding:12px;margin-top:16px}.staff-pf-nominee-title{margin:0 0 8px;font-size:12px;font-weight:600;color:#495057}.staff-pf-nominee-info{display:flex;gap:16px;flex-wrap:wrap}.staff-pf-nominee-info span{font-size:11px;color:#6c757d}.staff-pf-nominee-info strong{color:#495057}.staff-pf-contribution-history{margin-bottom:32px}.staff-pf-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.staff-pf-history-title{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;color:#2c3e50}.staff-pf-history-icon{color:#007bff;font-size:22px}.staff-pf-history-year{color:#007bff;font-weight:700}.staff-pf-history-stats{display:flex;gap:16px;align-items:center}.staff-pf-history-stat{font-size:14px;color:#6c757d}.staff-pf-history-stat strong{color:#2c3e50}.staff-pf-history-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.staff-pf-history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f3f4;transition:all .2s ease}.staff-pf-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.staff-pf-history-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.staff-pf-history-card-title{font-size:14px;font-weight:600;color:#2c3e50}.staff-pf-history-card-content{padding:16px}.staff-pf-history-card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.staff-pf-history-card-row:last-child{margin-bottom:0}.staff-pf-history-card-item{display:flex;flex-direction:column;gap:4px}.staff-pf-history-card-label{font-size:10px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-pf-history-card-value{font-size:13px;font-weight:600;color:#2c3e50}.staff-pf-history-card-value.employee{color:#3b82f6}.staff-pf-history-card-value.employer{color:#10b981}.staff-pf-history-card-value.total{color:#f59e0b}.staff-pf-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.staff-pf-pagination-btn{padding:8px 16px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s}.staff-pf-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.staff-pf-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.staff-pf-pagination-numbers{display:flex;gap:4px}.staff-pf-pagination-number{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s;min-width:36px}.staff-pf-pagination-number:hover{background:#f8f9fa;border-color:#007bff}.staff-pf-pagination-number.active{background:#007bff;border-color:#007bff;color:#fff}.staff-pf-history-table{display:none}.staff-pf-history-table-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr .8fr;gap:16px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:16px 20px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.staff-pf-history-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr .8fr;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f3f4;transition:all .2s ease}.staff-pf-history-table-row:hover{background:#f8f9fa;transform:translate(4px)}.staff-pf-history-table-row:last-child{border-bottom:none}.staff-pf-history-cell{display:flex;align-items:center;font-size:14px;color:#495057}.staff-pf-history-cell strong{color:#2c3e50;font-weight:600}.staff-pf-history-cell.employee-contrib{color:#3b82f6;font-weight:600}.staff-pf-history-cell.employer-contrib{color:#10b981;font-weight:600}.staff-pf-history-cell.total-contrib{color:#f59e0b;font-weight:600}.staff-pf-yearly-summary{margin-bottom:32px}.staff-pf-yearly-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#2c3e50}.staff-pf-yearly-icon{color:#007bff;font-size:18px}.staff-pf-yearly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.staff-pf-yearly-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border-left:3px solid #007bff;transition:transform .2s}.staff-pf-yearly-card:hover{transform:translateY(-4px)}.staff-pf-yearly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-pf-yearly-year{font-size:20px;font-weight:700;color:#2c3e50;margin:0}.staff-pf-yearly-months{font-size:10px;color:#6c757d;background:#f8f9fa;padding:3px 8px;border-radius:12px;font-weight:500}.staff-pf-yearly-content{display:flex;flex-direction:column;gap:8px}.staff-pf-yearly-amount{font-size:24px;font-weight:700;margin-bottom:8px}.staff-pf-yearly-amount.total{color:#f59e0b}.staff-pf-yearly-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.staff-pf-yearly-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.staff-pf-yearly-label{color:#6c757d;font-weight:500}.staff-pf-yearly-value.employee{color:#3b82f6;font-weight:600;font-size:12px}.staff-pf-yearly-value.employer{color:#10b981;font-weight:600;font-size:12px}.staff-pf-yearly-status{display:flex;flex-wrap:wrap;gap:6px}.staff-pf-yearly-stat{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:500}.staff-pf-yearly-stat.submitted{background:#d4edda;color:#155724}.staff-pf-yearly-stat.late{background:#fff3cd;color:#856404}.staff-pf-yearly-stat.pending{background:#f8d7da;color:#721c24}.staff-pf-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.staff-pf-status-badge.green{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.staff-pf-status-badge.red{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.staff-pf-submission-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-pf-submission-status-badge.green{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.staff-pf-submission-status-badge.orange{background:#ffc1071a;color:#fd7e14;border:1px solid rgba(255,193,7,.2)}.staff-pf-submission-status-badge.red{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.staff-pf-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-pf-update-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.staff-pf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #f3f4f6}.staff-pf-modal-header h3{margin:0;color:#111827;font-size:20px;font-weight:700}.staff-pf-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.staff-pf-modal-close:hover{background:#f3f4f6;color:#374151}.staff-pf-modal-content{padding:32px}.staff-pf-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.staff-pf-form-grid.nominee{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-pf-form-group{display:flex;flex-direction:column;gap:8px}.staff-pf-form-label{font-size:14px;font-weight:600;color:#374151}.staff-pf-form-input,.staff-pf-form-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.staff-pf-form-input:focus,.staff-pf-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.staff-pf-form-input.error,.staff-pf-form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.staff-pf-form-error{color:#ef4444;font-size:12px;font-weight:500}.staff-pf-form-help{color:#6b7280;font-size:12px;font-style:italic}.staff-pf-section-title{margin:0 0 20px;color:#111827;font-size:16px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.staff-pf-calculation-preview{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:32px}.staff-pf-preview-grid{display:flex;flex-direction:column;gap:16px}.staff-pf-preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.staff-pf-preview-item:last-child{border-bottom:none}.staff-pf-preview-item.total{font-weight:600;padding-top:16px;margin-top:8px;border-top:2px solid #e5e7eb;border-bottom:none}.staff-pf-preview-amount.employee{color:#3b82f6;font-weight:600}.staff-pf-preview-amount.employer{color:#10b981;font-weight:600}.staff-pf-preview-amount.total{color:#111827;font-weight:700;font-size:16px}.staff-pf-preview-amount.charges{color:#f59e0b;font-weight:500;font-size:14px}.staff-pf-preview-amount.employer-total{color:#10b981;font-weight:600;font-size:15px}.staff-pf-preview-section{background:#f8fafc;border-radius:8px;padding:16px;margin:12px 0;border-left:3px solid #10b981}.staff-pf-preview-item.charges{font-size:13px;color:#6b7280;padding:6px 0;border-bottom:1px solid #e5e7eb}.staff-pf-preview-item.employer-total{font-weight:600;padding-top:12px;margin-top:8px;border-top:2px solid #10b981;border-bottom:none}.staff-pf-modal-actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 32px;border-top:2px solid #f3f4f6}.staff-pf-modal-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.staff-pf-modal-btn.cancel{background:#fff;border:2px solid #d1d5db;color:#374151}.staff-pf-modal-btn.cancel:hover{background:#f9fafb;border-color:#9ca3af}.staff-pf-modal-btn.save{background:linear-gradient(135deg,#10b981,#059669);border:2px solid transparent;color:#fff}.staff-pf-modal-btn.save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}@media (max-width: 768px){.staff-pf-container{padding:16px}.staff-pf-header{flex-direction:column;align-items:stretch;gap:16px}.staff-pf-stats{flex-wrap:wrap;justify-content:space-between}.staff-pf-stat-card{min-width:calc(50% - 8px);margin-bottom:8px}.staff-pf-controls{flex-direction:column;align-items:stretch;gap:16px}.staff-pf-actions{justify-content:space-between}.staff-pf-summary-grid{grid-template-columns:repeat(2,1fr);gap:12px}.staff-pf-history-cards{grid-template-columns:1fr;gap:12px}.staff-pf-history-card-row{grid-template-columns:1fr;gap:8px}.staff-pf-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.staff-pf-history-table-header,.staff-pf-history-table-row{grid-template-columns:repeat(8,minmax(120px,1fr));font-size:12px;padding:12px 16px}.staff-pf-history-table{overflow-x:auto}.staff-pf-yearly-grid{grid-template-columns:1fr}.staff-pf-update-modal{width:95%;margin:20px}.staff-pf-modal-header,.staff-pf-modal-content,.staff-pf-modal-actions{padding:20px}.staff-pf-form-grid{grid-template-columns:1fr;gap:20px}.staff-pf-modal-actions{flex-direction:column}.staff-pf-modal-btn{width:100%}.staff-pf-preview-grid{gap:12px}.staff-pf-preview-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.staff-pf-title{font-size:22px}.staff-pf-stat-card{min-width:100%}.staff-pf-stats{flex-direction:column}.staff-pf-summary-grid{grid-template-columns:1fr;gap:10px}.staff-pf-history-table-header,.staff-pf-history-table-row{font-size:10px;padding:8px 12px}.staff-pf-yearly-card{padding:16px}.staff-pf-yearly-amount{font-size:22px}}@media print{.staff-pf-controls,.staff-pf-back-button,.staff-pf-modal-overlay{display:none}.staff-pf-container{padding:0;background:#fff}.staff-pf-header{margin-bottom:20px}.staff-pf-summary-card,.staff-pf-info-card,.staff-pf-yearly-card{box-shadow:none;border:1px solid #dee2e6}}.staff-esi-container{padding:24px;min-height:100vh}.staff-esi-main-header{margin-bottom:24px}.staff-esi-main-title-section{text-align:center}.staff-esi-main-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:700}.staff-esi-main-title-icon{color:#007bff;font-size:36px}.staff-esi-main-subtitle{color:#6c757d;font-size:18px;margin:0;line-height:1.5;text-align:center}.staff-esi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.staff-esi-title-section{flex:1}.staff-esi-back-button{margin-bottom:16px}.staff-esi-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-esi-back-btn:hover{background:#f8f9fa;color:#495057;transform:translate(-2px)}.staff-esi-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.staff-esi-title-icon{color:#007bff;font-size:32px}.staff-esi-subtitle{color:#6c757d;font-size:16px;margin:0;line-height:1.5}.staff-esi-stats{display:flex;gap:16px}.staff-esi-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;text-align:center;min-width:140px}.staff-esi-stat-number{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.staff-esi-stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-esi-stat-sublabel{font-size:10px;color:#8e9499;font-weight:400;margin-top:4px;line-height:1.3}.staff-esi-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:16px}.staff-esi-filters{display:flex;gap:16px;align-items:center}.staff-esi-filter-group{display:flex;align-items:center;gap:8px}.staff-esi-filter-label{font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.staff-esi-filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:120px}.staff-esi-filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.staff-esi-clear-filters-btn{padding:8px 12px;border:1px solid #dc3545;border-radius:6px;background:#dc3545;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.staff-esi-clear-filters-btn:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px)}.staff-esi-actions{display:flex;gap:12px;flex-wrap:wrap}.staff-esi-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.staff-esi-action-btn.primary{background:#007bff;color:#fff}.staff-esi-action-btn.primary:hover{background:#0056b3;transform:translateY(-1px)}.staff-esi-action-btn.secondary{background:#6c757d;color:#fff}.staff-esi-action-btn.secondary:hover{background:#5a6268;transform:translateY(-1px)}.staff-esi-action-btn.warning{background:#ffc107;color:#212529}.staff-esi-action-btn.warning:hover{background:#e0a800;transform:translateY(-1px)}.staff-esi-employee-summary{margin-bottom:32px}.staff-esi-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.staff-esi-summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;border-left:4px solid #007bff;transition:transform .2s}.staff-esi-summary-card:hover{transform:translateY(-4px)}.staff-esi-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-esi-summary-header h3{margin:0;font-size:13px;font-weight:600;color:#495057;line-height:1.2}.staff-esi-summary-icon{font-size:20px;opacity:.7}.staff-esi-summary-icon.employee{color:#3b82f6}.staff-esi-summary-icon.employer{color:#10b981}.staff-esi-summary-icon.total{color:#f59e0b}.staff-esi-summary-icon.balance{color:#8b5cf6}.staff-esi-summary-icon.benefit{color:#e11d48}.staff-esi-summary-amount{font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.1}.staff-esi-summary-amount.employee{color:#3b82f6}.staff-esi-summary-amount.employer{color:#10b981}.staff-esi-summary-amount.total{color:#f59e0b}.staff-esi-summary-amount.balance{color:#8b5cf6}.staff-esi-summary-amount.benefit{color:#e11d48}.staff-esi-summary-desc{font-size:10px;color:#6c757d;font-weight:500;line-height:1.2}.staff-esi-summary-subdesc{font-size:9px;color:#8e9499;font-weight:400;margin-top:2px;font-style:italic;line-height:1.2}.staff-esi-employee-info{margin-bottom:32px}.staff-esi-info-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.staff-esi-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-esi-info-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:#495057}.staff-esi-info-status .staff-esi-status-badge{padding:3px 8px;font-size:10px;border-radius:12px}.staff-esi-info-icon{color:#007bff;font-size:16px}.staff-esi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.staff-esi-detail-item{display:flex;flex-direction:column;gap:4px}.staff-esi-detail-label{font-size:10px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-esi-detail-value{font-size:13px;font-weight:600;color:#2c3e50}.staff-esi-detail-value.employee-contrib{color:#3b82f6}.staff-esi-detail-value.employer-contrib{color:#10b981}.staff-esi-detail-value.total-contrib{color:#f59e0b}.staff-esi-detail-value.balance{color:#8b5cf6}.staff-esi-family-section{background:#f8f9fa;border-radius:8px;padding:12px;margin-top:16px}.staff-esi-family-title{margin:0 0 8px;font-size:12px;font-weight:600;color:#495057}.staff-esi-family-info{display:flex;gap:16px;flex-wrap:wrap}.staff-esi-family-info span{font-size:11px;color:#6c757d}.staff-esi-family-info strong{color:#495057}.family-status.active{color:#28a745;font-weight:600}.staff-esi-dispensary-section{background:#e3f2fd;border-radius:8px;padding:12px;margin-top:16px;border-left:3px solid #2196f3}.staff-esi-dispensary-info{display:flex;flex-direction:column;gap:8px}.staff-esi-dispensary-details{display:flex;flex-direction:column;gap:6px}.staff-esi-dispensary-details span{font-size:11px;color:#1976d2;font-weight:500}.staff-esi-dispensary-details strong{color:#0d47a1}.staff-esi-contribution-history{margin-bottom:32px}.staff-esi-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.staff-esi-history-title{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;color:#2c3e50}.staff-esi-history-icon{color:#007bff;font-size:22px}.staff-esi-history-year{color:#007bff;font-weight:700}.staff-esi-history-stats{display:flex;gap:16px;align-items:center}.staff-esi-history-stat{font-size:14px;color:#6c757d}.staff-esi-history-stat strong{color:#2c3e50}.staff-esi-history-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.staff-esi-history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f3f4;transition:all .2s ease}.staff-esi-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.staff-esi-history-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.staff-esi-history-card-title{font-size:14px;font-weight:600;color:#2c3e50}.staff-esi-history-card-content{padding:16px}.staff-esi-history-card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.staff-esi-history-card-row:last-child{margin-bottom:0}.staff-esi-history-card-item{display:flex;flex-direction:column;gap:4px}.staff-esi-history-card-label{font-size:10px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-esi-history-card-value{font-size:13px;font-weight:600;color:#2c3e50}.staff-esi-history-card-value.employee{color:#3b82f6}.staff-esi-history-card-value.employer{color:#10b981}.staff-esi-history-card-value.total{color:#f59e0b}.staff-esi-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.staff-esi-pagination-btn{padding:8px 16px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s}.staff-esi-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.staff-esi-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.staff-esi-pagination-numbers{display:flex;gap:4px}.staff-esi-pagination-number{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s;min-width:36px}.staff-esi-pagination-number:hover{background:#f8f9fa;border-color:#007bff}.staff-esi-pagination-number.active{background:#007bff;border-color:#007bff;color:#fff}.staff-esi-history-table{display:none}.staff-esi-history-table-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr .8fr;gap:16px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:16px 20px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.staff-esi-history-table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr 1.2fr 1fr 1.2fr .8fr;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f3f4;transition:all .2s ease}.staff-esi-history-table-row:hover{background:#f8f9fa;transform:translate(4px)}.staff-esi-history-table-row:last-child{border-bottom:none}.staff-esi-history-cell{display:flex;align-items:center;font-size:14px;color:#495057}.staff-esi-history-cell strong{color:#2c3e50;font-weight:600}.staff-esi-history-cell.employee-contrib{color:#3b82f6;font-weight:600}.staff-esi-history-cell.employer-contrib{color:#10b981;font-weight:600}.staff-esi-history-cell.total-contrib{color:#f59e0b;font-weight:600}.staff-esi-yearly-summary{margin-bottom:32px}.staff-esi-yearly-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#2c3e50}.staff-esi-yearly-icon{color:#007bff;font-size:18px}.staff-esi-yearly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.staff-esi-yearly-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border-left:3px solid #007bff;transition:transform .2s}.staff-esi-yearly-card:hover{transform:translateY(-4px)}.staff-esi-yearly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-esi-yearly-year{font-size:20px;font-weight:700;color:#2c3e50;margin:0}.staff-esi-yearly-months{font-size:10px;color:#6c757d;background:#f8f9fa;padding:3px 8px;border-radius:12px;font-weight:500}.staff-esi-yearly-content{display:flex;flex-direction:column;gap:8px}.staff-esi-yearly-amount{font-size:24px;font-weight:700;margin-bottom:8px}.staff-esi-yearly-amount.total{color:#f59e0b}.staff-esi-yearly-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.staff-esi-yearly-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.staff-esi-yearly-label{color:#6c757d;font-weight:500}.staff-esi-yearly-value.employee{color:#3b82f6;font-weight:600;font-size:12px}.staff-esi-yearly-value.employer{color:#10b981;font-weight:600;font-size:12px}.staff-esi-yearly-status{display:flex;flex-wrap:wrap;gap:6px}.staff-esi-yearly-stat{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:500}.staff-esi-yearly-stat.submitted{background:#d4edda;color:#155724}.staff-esi-yearly-stat.late{background:#fff3cd;color:#856404}.staff-esi-yearly-stat.pending{background:#f8d7da;color:#721c24}.staff-esi-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.staff-esi-status-badge.green{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.staff-esi-status-badge.red{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.staff-esi-submission-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-esi-submission-status-badge.green{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.staff-esi-submission-status-badge.orange{background:#ffc1071a;color:#fd7e14;border:1px solid rgba(255,193,7,.2)}.staff-esi-submission-status-badge.red{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.staff-esi-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-esi-update-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.staff-esi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #f3f4f6}.staff-esi-modal-header h3{margin:0;color:#111827;font-size:20px;font-weight:700}.staff-esi-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.staff-esi-modal-close:hover{background:#f3f4f6;color:#374151}.staff-esi-modal-content{padding:32px}.staff-esi-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.staff-esi-form-grid.family{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.staff-esi-form-group{display:flex;flex-direction:column;gap:8px}.staff-esi-form-label{font-size:14px;font-weight:600;color:#374151}.staff-esi-form-input,.staff-esi-form-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.staff-esi-form-input:focus,.staff-esi-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.staff-esi-form-input.error,.staff-esi-form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.staff-esi-form-error{color:#ef4444;font-size:12px;font-weight:500}.staff-esi-form-help{color:#6b7280;font-size:12px;font-style:italic}.staff-esi-section-title{margin:0 0 20px;color:#111827;font-size:16px;font-weight:600;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.staff-esi-calculation-preview{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:32px}.staff-esi-preview-grid{display:flex;flex-direction:column;gap:16px}.staff-esi-preview-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.staff-esi-preview-item:last-child{border-bottom:none}.staff-esi-preview-item.total{font-weight:600;padding-top:16px;margin-top:8px;border-top:2px solid #e5e7eb;border-bottom:none}.staff-esi-preview-amount.employee{color:#3b82f6;font-weight:600}.staff-esi-preview-amount.employer{color:#10b981;font-weight:600}.staff-esi-preview-amount.total{color:#111827;font-weight:700;font-size:16px}.staff-esi-modal-actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 32px;border-top:2px solid #f3f4f6}.staff-esi-modal-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.staff-esi-modal-btn.cancel{background:#fff;border:2px solid #d1d5db;color:#374151}.staff-esi-modal-btn.cancel:hover{background:#f9fafb;border-color:#9ca3af}.staff-esi-modal-btn.save{background:linear-gradient(135deg,#10b981,#059669);border:2px solid transparent;color:#fff}.staff-esi-modal-btn.save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}@media (max-width: 768px){.staff-esi-container{padding:16px}.staff-esi-header{flex-direction:column;align-items:stretch;gap:16px}.staff-esi-stats{flex-wrap:wrap;justify-content:space-between}.staff-esi-stat-card{min-width:calc(50% - 8px);margin-bottom:8px}.staff-esi-controls{flex-direction:column;align-items:stretch;gap:16px}.staff-esi-actions{justify-content:space-between}.staff-esi-summary-grid{grid-template-columns:repeat(2,1fr);gap:12px}.staff-esi-benefits-grid,.staff-esi-support-grid{grid-template-columns:1fr;gap:16px}.staff-esi-claim-details{grid-template-columns:repeat(2,1fr);gap:8px}.staff-esi-notice-card{flex-direction:column;gap:12px}.staff-esi-history-cards{grid-template-columns:1fr;gap:12px}.staff-esi-history-card-row{grid-template-columns:1fr;gap:8px}.staff-esi-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.staff-esi-history-table-header,.staff-esi-history-table-row{grid-template-columns:repeat(8,minmax(120px,1fr));font-size:12px;padding:12px 16px}.staff-esi-history-table{overflow-x:auto}.staff-esi-yearly-grid{grid-template-columns:1fr}.staff-esi-update-modal{width:95%;margin:20px}.staff-esi-modal-header,.staff-esi-modal-content,.staff-esi-modal-actions{padding:20px}.staff-esi-form-grid{grid-template-columns:1fr;gap:20px}.staff-esi-modal-actions{flex-direction:column}.staff-esi-modal-btn{width:100%}.staff-esi-preview-grid{gap:12px}.staff-esi-preview-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.staff-esi-title{font-size:22px}.staff-esi-stat-card{min-width:100%}.staff-esi-stats{flex-direction:column}.staff-esi-summary-grid{grid-template-columns:1fr;gap:10px}.staff-esi-benefits-grid,.staff-esi-support-grid{grid-template-columns:1fr;gap:12px}.staff-esi-claim-details{grid-template-columns:1fr;gap:8px}.staff-esi-history-table-header,.staff-esi-history-table-row{font-size:10px;padding:8px 12px}.staff-esi-yearly-card{padding:16px}.staff-esi-yearly-amount{font-size:22px}}.staff-esi-benefits-info{margin-bottom:32px}.staff-esi-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.staff-esi-benefit-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:20px;border-left:4px solid #0ea5e9;transition:transform .2s}.staff-esi-benefit-card:hover{transform:translateY(-2px)}.staff-esi-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0ea5e9;color:#fff;border-radius:50%;margin-bottom:12px;font-size:18px}.staff-esi-benefit-content h4{margin:0 0 8px;color:#0c4a6e;font-size:16px;font-weight:600}.staff-esi-benefit-content p{margin:0 0 12px;color:#64748b;font-size:13px;line-height:1.4}.staff-esi-benefit-content ul{margin:0;padding-left:16px;color:#475569}.staff-esi-benefit-content li{font-size:12px;margin-bottom:4px;line-height:1.3}.staff-esi-recent-claim{background:#f0fdf4;border-radius:8px;padding:16px;margin-top:20px;border-left:3px solid #22c55e}.staff-esi-claim-title{margin:0 0 12px;color:#166534;font-size:14px;font-weight:600}.staff-esi-claim-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.staff-esi-claim-item{display:flex;flex-direction:column;gap:4px}.staff-esi-support-info{margin-bottom:32px}.staff-esi-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.staff-esi-support-card{background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:12px;padding:20px;border-left:4px solid #f59e0b;transition:transform .2s}.staff-esi-support-card:hover{transform:translateY(-2px)}.staff-esi-support-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f59e0b;color:#fff;border-radius:50%;margin-bottom:12px;font-size:18px}.staff-esi-support-content h4{margin:0 0 8px;color:#92400e;font-size:16px;font-weight:600}.staff-esi-support-content p{margin:0 0 6px;color:#a16207;font-size:13px;line-height:1.4}.staff-esi-support-content strong{color:#78350f}.staff-esi-notice{margin-bottom:32px}.staff-esi-notice-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;padding:20px;border-left:4px solid #ef4444;display:flex;gap:16px;align-items:flex-start}.staff-esi-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ef4444;color:#fff;border-radius:50%;font-size:18px;flex-shrink:0;margin-top:4px}.staff-esi-notice-content h4{margin:0 0 12px;color:#991b1b;font-size:16px;font-weight:600}.staff-esi-notice-content ul{margin:0;padding-left:16px;color:#b91c1c}.staff-esi-notice-content li{font-size:13px;margin-bottom:8px;line-height:1.4}@media print{.staff-esi-controls,.staff-esi-back-button,.staff-esi-modal-overlay{display:none}.staff-esi-container{padding:0;background:#fff}.staff-esi-header{margin-bottom:20px}.staff-esi-summary-card,.staff-esi-info-card,.staff-esi-yearly-card{box-shadow:none;border:1px solid #dee2e6}}.staff-plh-container{padding:24px;min-height:100vh}.staff-plh-main-header{margin-bottom:24px}.staff-plh-main-title-section{text-align:center}.staff-plh-main-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:32px;font-weight:700}.staff-plh-main-title-icon{color:#6f42c1;font-size:36px}.staff-plh-main-subtitle{color:#6c757d;font-size:18px;margin:0;line-height:1.5;text-align:center}.staff-plh-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.staff-plh-title-section{flex:1}.staff-plh-back-button{margin-bottom:16px}.staff-plh-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-plh-back-btn:hover{background:#f8f9fa;color:#495057;transform:translate(-2px)}.staff-plh-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:#2c3e50;font-size:28px;font-weight:700}.staff-plh-title-icon{color:#6f42c1;font-size:32px}.staff-plh-subtitle{color:#6c757d;font-size:16px;margin:0;line-height:1.5}.staff-plh-stats{display:flex;gap:16px}.staff-plh-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;text-align:center;min-width:140px;border-left:4px solid #6f42c1}.staff-plh-stat-number{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:4px}.staff-plh-stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-plh-stat-sublabel{font-size:10px;color:#8e9499;font-weight:400;margin-top:4px;line-height:1.3}.staff-plh-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.staff-plh-actions{display:flex;gap:12px;flex-wrap:wrap}.staff-plh-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.staff-plh-action-btn.primary{background:#6f42c1;color:#fff}.staff-plh-action-btn.primary:hover{background:#5a2d91;transform:translateY(-1px);box-shadow:0 4px 12px #6f42c14d}.staff-plh-action-btn.secondary{background:#6c757d;color:#fff}.staff-plh-action-btn.secondary:hover{background:#5a6268;transform:translateY(-1px)}.staff-plh-overview{margin-bottom:32px}.staff-plh-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.staff-plh-overview-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #00000014;transition:transform .2s}.staff-plh-overview-card:hover{transform:translateY(-4px)}.staff-plh-overview-card.status{border-left:4px solid #6f42c1}.staff-plh-overview-card.release{border-left:4px solid #28a745}.staff-plh-overview-card.timeline{border-left:4px solid #17a2b8}.staff-plh-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.staff-plh-overview-header h3{margin:0;color:#2c3e50;font-size:16px;font-weight:600}.staff-plh-overview-icon{font-size:24px;opacity:.7}.staff-plh-overview-icon.status{color:#6f42c1}.staff-plh-overview-icon.release{color:#28a745}.staff-plh-overview-icon.timeline{color:#17a2b8}.staff-plh-overview-content{display:flex;flex-direction:column;gap:8px}.staff-plh-overview-desc{color:#6c757d;font-size:14px;line-height:1.4}.staff-plh-review-date{font-size:18px;font-weight:600;color:#17a2b8}.staff-plh-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-plh-status-badge.blue{background:#6f42c11a;color:#6f42c1;border:1px solid rgba(111,66,193,.2)}.staff-plh-status-badge.green{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.staff-plh-status-badge.orange{background:#ffc1071a;color:#fd7e14;border:1px solid rgba(255,193,7,.2)}.staff-plh-status-badge.red{background:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.staff-plh-release-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-plh-release-badge.blue{background:#17a2b81a;color:#17a2b8;border:1px solid rgba(23,162,184,.2)}.staff-plh-release-badge.green{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.staff-plh-release-badge.orange{background:#ffc1071a;color:#fd7e14;border:1px solid rgba(255,193,7,.2)}.staff-plh-rating-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.staff-plh-rating-badge.green{background:#28a7451a;color:#28a745}.staff-plh-rating-badge.blue{background:#17a2b81a;color:#17a2b8}.staff-plh-rating-badge.orange{background:#ffc1071a;color:#fd7e14}.staff-plh-rating-badge.red{background:#dc35451a;color:#dc3545}.staff-plh-details{margin-bottom:32px}.staff-plh-info-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.staff-plh-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f3f4}.staff-plh-info-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:#2c3e50}.staff-plh-info-icon{color:#6f42c1;font-size:20px}.staff-plh-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.staff-plh-detail-item{display:flex;flex-direction:column;gap:4px}.staff-plh-detail-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-plh-detail-value{font-size:14px;font-weight:600;color:#2c3e50}.staff-plh-detail-value.payout{color:#28a745}.staff-plh-eligibility-section{background:#e8f5e8;border-radius:8px;padding:16px;margin-bottom:20px;border-left:3px solid #28a745}.staff-plh-section-title{margin:0 0 12px;color:#2c3e50;font-size:16px;font-weight:600}.staff-plh-eligibility-content{display:flex;align-items:flex-start;gap:12px}.staff-plh-eligibility-text{display:flex;align-items:flex-start;gap:8px;color:#155724;font-size:14px;line-height:1.5}.staff-plh-eligibility-icon{color:#28a745;font-size:16px;margin-top:2px}.staff-plh-remarks-section{background:#fff3cd;border-radius:8px;padding:16px;border-left:3px solid #ffc107}.staff-plh-remarks-content p{margin:0;color:#856404;font-size:14px;line-height:1.5}.staff-plh-history{margin-bottom:32px}.staff-plh-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.staff-plh-history-title{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;color:#2c3e50}.staff-plh-history-icon{color:#6f42c1;font-size:22px}.staff-plh-history-stats{display:flex;gap:16px;align-items:center}.staff-plh-history-stat{font-size:14px;color:#6c757d}.staff-plh-history-stat strong{color:#2c3e50}.staff-plh-history-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.staff-plh-history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #f1f3f4;transition:all .2s ease}.staff-plh-history-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001f}.staff-plh-history-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.staff-plh-history-card-title{font-size:16px;font-weight:600;color:#2c3e50}.staff-plh-history-card-content{padding:16px}.staff-plh-history-card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.staff-plh-history-card-row:last-child{margin-bottom:0}.staff-plh-history-card-item{display:flex;flex-direction:column;gap:4px}.staff-plh-history-card-item.full-width{grid-column:1 / -1}.staff-plh-history-card-label{font-size:11px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-plh-history-card-value{font-size:13px;font-weight:600;color:#2c3e50}.staff-plh-history-card-value.amount{color:#28a745;font-size:14px}.staff-plh-history-card-value.remarks{font-size:12px;font-weight:400;line-height:1.4;color:#495057}.staff-plh-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.staff-plh-pagination-btn{padding:8px 16px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.staff-plh-pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#6f42c1;color:#6f42c1}.staff-plh-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa;color:#6c757d}.staff-plh-pagination-numbers{display:flex;gap:4px}.staff-plh-pagination-number{padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#495057;font-size:14px;cursor:pointer;transition:all .2s;min-width:36px;font-weight:500}.staff-plh-pagination-number:hover{background:#f8f9fa;border-color:#6f42c1;color:#6f42c1}.staff-plh-pagination-number.active{background:#6f42c1;border-color:#6f42c1;color:#fff}.staff-plh-info-section{margin-bottom:32px}.staff-plh-info-content{padding-top:16px}.staff-plh-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.staff-plh-info-item{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-radius:12px;border-left:4px solid #6f42c1;transition:transform .2s}.staff-plh-info-item:hover{transform:translateY(-2px)}.staff-plh-info-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#6f42c1;color:#fff;border-radius:50%;font-size:18px;flex-shrink:0}.staff-plh-info-item-content h4{margin:0 0 8px;color:#2c3e50;font-size:16px;font-weight:600}.staff-plh-info-item-content p{margin:0;color:#6c757d;font-size:13px;line-height:1.4}@media (max-width: 768px){.staff-plh-container{padding:16px}.staff-plh-header{flex-direction:column;align-items:stretch;gap:16px}.staff-plh-stats{flex-wrap:wrap;justify-content:space-between}.staff-plh-stat-card{min-width:calc(50% - 8px);margin-bottom:8px}.staff-plh-controls{flex-direction:column;align-items:stretch;gap:16px}.staff-plh-actions{justify-content:space-between}.staff-plh-overview-grid{grid-template-columns:1fr;gap:16px}.staff-plh-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.staff-plh-history-cards{grid-template-columns:1fr;gap:16px}.staff-plh-history-card-row{grid-template-columns:1fr;gap:8px}.staff-plh-info-grid{grid-template-columns:1fr;gap:16px}.staff-plh-pagination{flex-wrap:wrap;gap:6px}.staff-plh-pagination-numbers{order:-1;flex-basis:100%;justify-content:center;gap:2px}.staff-plh-pagination-number,.staff-plh-pagination-btn{padding:6px 10px;font-size:12px;min-width:30px}}@media (max-width: 480px){.staff-plh-main-title{font-size:24px}.staff-plh-title{font-size:20px}.staff-plh-stat-card{min-width:100%}.staff-plh-stats{flex-direction:column}.staff-plh-overview-card{padding:16px}.staff-plh-history-card-header,.staff-plh-history-card-content{padding:12px}.staff-plh-info-item{flex-direction:column;align-items:center;text-align:center;gap:12px}}@media print{.staff-plh-controls,.staff-plh-back-button{display:none}.staff-plh-container{padding:0;background:#fff}.staff-plh-overview-card,.staff-plh-info-card,.staff-plh-history-card{box-shadow:none;border:1px solid #dee2e6}}.staff-monthlypayroll-calculation-wrapper{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;margin:16px 0}.staff-monthlypayroll-calculation-header{margin-bottom:12px}.staff-monthlypayroll-calc-title{font-size:1rem;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.staff-monthlypayroll-calc-icon{color:#007bff}.staff-monthlypayroll-calculation-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:20px;margin-bottom:20px}.staff-monthlypayroll-calc-formula{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.staff-monthlypayroll-calc-term{text-align:center;padding:10px;border:1px solid #e9ecef;border-radius:4px;background:#fff;min-width:28%}.staff-monthlypayroll-calc-term.gross-term{border-left:3px solid #28a745}.staff-monthlypayroll-calc-term.deduction-term{border-left:3px solid #dc3545}.staff-monthlypayroll-calc-term.result-term{border-left:3px solid #007bff;background:#f8f9ff}.staff-monthlypayroll-term-icon{margin-bottom:4px;color:#6c757d;font-size:1rem}.staff-monthlypayroll-term-content{display:flex;flex-direction:column;gap:3px}.staff-monthlypayroll-term-title{font-size:.75rem;color:#6c757d;font-weight:500}.staff-monthlypayroll-term-amount{font-size:.95rem;font-weight:600;color:#333}.staff-monthlypayroll-calc-operator{display:flex;align-items:center;justify-content:center}.staff-monthlypayroll-operator-circle{width:32px;height:32px;border-radius:50%;background:#e9ecef;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-size:1.2rem;font-weight:700;color:#495057}.staff-monthlypayroll-final-summary{margin-top:15px}.staff-monthlypayroll-summary-card{background:#fff;border:2px solid #007bff;border-radius:6px;padding:12px;text-align:center}.staff-monthlypayroll-summary-badge{display:inline-flex;align-items:center;gap:5px;background:#007bff;color:#fff;padding:5px 12px;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:10px}.staff-monthlypayroll-summary-content{color:#333}.staff-monthlypayroll-summary-title{font-size:.9rem;font-weight:600;margin:6px 0;color:#333}.staff-monthlypayroll-summary-amount{font-size:1.4rem;font-weight:700;color:#007bff;margin:8px 0}.staff-monthlypayroll-summary-description{font-size:.75rem;color:#6c757d;margin:0}.staff-monthlypayroll-header-modern{background:linear-gradient(135deg,#2563eb,#3b82f6,#1e40af);border-radius:16px;padding:24px;margin-bottom:10px;color:#fff;box-shadow:0 8px 32px #2563eb4d;position:relative;overflow:hidden}.staff-monthlypayroll-header-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.staff-monthlypayroll-header-title-section{text-align:center;margin-bottom:24px;position:relative;z-index:1}.staff-monthlypayroll-main-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-monthlypayroll-main-title-icon{font-size:1.6rem;color:#ffffffe6}.staff-monthlypayroll-main-subtitle{font-size:.95rem;color:#fffc;margin:0;font-weight:400}.staff-monthlypayroll-header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px}.staff-monthlypayroll-profile-section{display:flex;align-items:center;gap:16px}.staff-monthlypayroll-profile-image{position:relative}.staff-monthlypayroll-avatar-initials{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#fff,#f8fafc);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.staff-monthlypayroll-avatar-initials span{font-size:1.2rem;font-weight:700;color:#2563eb;text-shadow:none}.staff-monthlypayroll-status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#10b981;border:3px solid white;border-radius:50%}.staff-monthlypayroll-profile-info{display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-profile-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-monthlypayroll-profile-details{display:flex;align-items:center;gap:12px;margin-bottom:2px}.staff-monthlypayroll-emp-badge{background:#fff3;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.staff-monthlypayroll-role-text{color:#ffffffe6;font-size:.9rem;font-weight:500}.staff-monthlypayroll-department{color:#fffc;font-size:.8rem;font-weight:400}.staff-monthlypayroll-stats-grid{display:flex;gap:20px}.staff-monthlypayroll-stat-item{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:16px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:150px}.staff-monthlypayroll-stat-icon{background:#fff3;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.staff-monthlypayroll-stat-info{display:flex;flex-direction:column;gap:2px}.staff-monthlypayroll-stat-value{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.2}.staff-monthlypayroll-stat-label{font-size:.75rem;color:#fffc;font-weight:500}.staff-monthlypayroll-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin-bottom:20px;color:#fff}.staff-monthlypayroll-title-section{text-align:center}.staff-monthlypayroll-title-row{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:15px}.staff-monthlypayroll-title{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.staff-monthlypayroll-title-icon{font-size:1.3rem}.staff-monthlypayroll-salary-info{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.staff-monthlypayroll-total-salary{background:#fff3;border-radius:8px;padding:12px 16px;text-align:center;min-width:140px}.staff-monthlypayroll-salary-amount{font-size:1.2rem;font-weight:700;margin-bottom:4px}.staff-monthlypayroll-salary-label{font-size:.85rem;opacity:.9}.staff-monthlypayroll-subtitle{font-size:.9rem;opacity:.9;margin:0;line-height:1.4}.staff-monthlypayroll-filter-compact{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000f}.staff-monthlypayroll-quick-filters{display:flex;gap:8px;align-items:center}.staff-monthlypayroll-quick-filter-btn{padding:8px 16px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.staff-monthlypayroll-quick-filter-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.staff-monthlypayroll-quick-filter-btn.current{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.staff-monthlypayroll-quick-filter-btn.current:hover{background:#bfdbfe}.staff-monthlypayroll-quick-filter-btn.previous{background:#f3f4f6;border-color:#9ca3af;color:#4b5563}.staff-monthlypayroll-quick-filter-btn.previous:hover{background:#e5e7eb;border-color:#6b7280}.staff-monthlypayroll-filter-items{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.staff-monthlypayroll-filter-item{display:flex;align-items:center;gap:6px;position:relative}.staff-monthlypayroll-filter-item-icon{color:#6b7280;font-size:.9rem}.staff-monthlypayroll-filter-select,.staff-monthlypayroll-filter-date{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:.85rem;background:#fff;color:#374151;min-width:90px;transition:all .2s ease}.staff-monthlypayroll-filter-select:focus,.staff-monthlypayroll-filter-date:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.staff-monthlypayroll-filter-select{appearance:none;cursor:pointer;padding-right:24px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:12px}.staff-monthlypayroll-filter-date{cursor:pointer;min-width:120px}.staff-monthlypayroll-filter-date::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.staff-monthlypayroll-filter-separator{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.staff-monthlypayroll-filter-actions-compact{display:flex;gap:8px}.staff-monthlypayroll-filter-btn-compact{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.9rem}.staff-monthlypayroll-filter-btn-compact.apply{background:#2563eb;color:#fff}.staff-monthlypayroll-filter-btn-compact.apply:hover{background:#1d4ed8;transform:translateY(-1px)}.staff-monthlypayroll-filter-btn-compact.clear{background:#f3f4f6;color:#6b7280}.staff-monthlypayroll-filter-btn-compact.clear:hover{background:#e5e7eb;color:#374151}.staff-monthlypayroll-employee-card-grid{display:flex;gap:20px;margin-bottom:24px}.staff-monthlypayroll-employee-profile-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:20px;min-width:350px;box-shadow:0 4px 12px #00000014}.staff-monthlypayroll-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.staff-monthlypayroll-profile-avatar-large{position:relative;width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;box-shadow:0 4px 16px #f59e0b4d}.staff-monthlypayroll-online-status{position:absolute;bottom:2px;right:2px;width:18px;height:18px;background:#22c55e;border:3px solid white;border-radius:50%}.staff-monthlypayroll-profile-basic{flex:1}.staff-monthlypayroll-profile-name-large{font-size:1.4rem;font-weight:700;color:#111827;margin:0 0 4px}.staff-monthlypayroll-profile-title{color:#6b7280;font-size:.9rem;font-weight:500}.staff-monthlypayroll-profile-tags{display:flex;flex-wrap:wrap;gap:8px}.staff-monthlypayroll-tag{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.staff-monthlypayroll-tag.id-tag{background:#dbeafe;color:#1e40af}.staff-monthlypayroll-tag.dept-tag{background:#f3e8ff;color:#7c3aed}.staff-monthlypayroll-tag.status-tag{background:#d1fae5;color:#065f46}.staff-monthlypayroll-profile-performance{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.staff-monthlypayroll-performance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.staff-monthlypayroll-performance-item:not(:last-child){margin-bottom:12px}.staff-monthlypayroll-performance-label{color:#6b7280;font-weight:500}.staff-monthlypayroll-performance-value{display:flex;align-items:center;gap:8px}.staff-monthlypayroll-performance-score{font-size:1rem;font-weight:700;color:#059669}.staff-monthlypayroll-performance-trend{font-size:.75rem;padding:2px 6px;border-radius:4px;font-weight:600}.staff-monthlypayroll-performance-trend.up{background:#d1fae5;color:#059669}.staff-monthlypayroll-performance-trend.down{background:#fee2e2;color:#dc2626}.staff-monthlypayroll-years-value{font-size:1rem;font-weight:700;color:#1f2937}.staff-monthlypayroll-join-date{font-size:.75rem;color:#9ca3af;font-style:italic}.staff-monthlypayroll-employee-stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}.staff-monthlypayroll-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;position:relative;overflow:hidden}.staff-monthlypayroll-stat-card:before{content:"";position:absolute;inset:0;background:#ffffffe6;pointer-events:none}.staff-monthlypayroll-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.staff-monthlypayroll-stat-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;position:relative;z-index:2;box-shadow:0 2px 8px #00000026}.staff-monthlypayroll-stat-card-icon.salary{background:linear-gradient(135deg,#10b981,#059669)}.staff-monthlypayroll-stat-card-icon.leaves{background:linear-gradient(135deg,#3b82f6,#2563eb)}.staff-monthlypayroll-stat-card-icon.monthly-leave{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.staff-monthlypayroll-stat-card-icon.loss-of-pay{background:linear-gradient(135deg,#ef4444,#dc2626)}.staff-monthlypayroll-stat-card-icon.balance{background:linear-gradient(135deg,#f59e0b,#d97706)}.staff-monthlypayroll-stat-card-content{flex:1;position:relative;z-index:2}.staff-monthlypayroll-stat-number{font-size:1.3rem;font-weight:700;color:#1f2937;margin-bottom:4px;line-height:1.2}.staff-monthlypayroll-stat-label{font-size:.85rem;color:#374151;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-mini-container{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.staff-monthlypayroll-mini-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.staff-monthlypayroll-mini-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#374151}.staff-monthlypayroll-mini-select{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#6b7280;cursor:pointer}.staff-monthlypayroll-mini-list{padding:8px;display:flex;flex-direction:column;gap:6px}.staff-monthlypayroll-mini-record{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:8px;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-height:50px}.staff-monthlypayroll-mini-record:hover{background:#f3f4f6;border-color:#d1d5db}.staff-monthlypayroll-mini-left{display:flex;align-items:center;gap:6px;min-width:90px}.staff-monthlypayroll-mini-checkbox{width:14px;height:14px}.staff-monthlypayroll-mini-period{display:flex;flex-direction:column;gap:1px}.staff-monthlypayroll-mini-month{font-size:.8rem;font-weight:600;color:#1f2937}.staff-monthlypayroll-mini-year{font-size:.7rem;color:#6b7280}.staff-monthlypayroll-mini-amounts{display:flex;gap:8px;flex:1}.staff-monthlypayroll-mini-amount{flex:1;text-align:center;padding:4px 6px;border-radius:4px;min-width:70px}.staff-monthlypayroll-mini-amount.gross{background:#ecfdf5;border:1px solid #a7f3d0}.staff-monthlypayroll-mini-amount.deduction{background:#fef2f2;border:1px solid #fca5a5}.staff-monthlypayroll-mini-amount.net{background:#eff6ff;border:1px solid #93c5fd}.staff-monthlypayroll-mini-label{display:block;font-size:.65rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px}.staff-monthlypayroll-mini-value{display:block;font-size:.75rem;font-weight:600}.staff-monthlypayroll-mini-amount.gross .staff-monthlypayroll-mini-value{color:#059669}.staff-monthlypayroll-mini-amount.deduction .staff-monthlypayroll-mini-value{color:#dc2626}.staff-monthlypayroll-mini-amount.net .staff-monthlypayroll-mini-value{color:#2563eb}.staff-monthlypayroll-mini-info{display:flex;flex-direction:column;gap:2px;min-width:60px;text-align:center}.staff-monthlypayroll-mini-attendance{font-size:.7rem;font-weight:600;color:#1f2937}.staff-monthlypayroll-mini-date{font-size:.65rem;color:#6b7280}.staff-monthlypayroll-mini-right{display:flex;align-items:center;gap:6px;min-width:100px;justify-content:flex-end}.staff-monthlypayroll-mini-actions{display:flex;gap:4px}.staff-monthlypayroll-mini-btn{width:26px;height:26px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.staff-monthlypayroll-mini-btn.view{background:#f3f4f6;color:#6b7280}.staff-monthlypayroll-mini-btn.view:hover{background:#e5e7eb;color:#374151}.staff-monthlypayroll-mini-btn.download{background:#dbeafe;color:#2563eb}.staff-monthlypayroll-mini-btn.download:hover{background:#bfdbfe;color:#1d4ed8}.staff-monthlypayroll-controls{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}@media (max-width: 768px){.staff-monthlypayroll-header-modern{padding:20px;margin-bottom:20px;border-radius:12px}.staff-monthlypayroll-header-title-section{margin-bottom:20px}.staff-monthlypayroll-main-title{font-size:1.4rem;flex-direction:column;gap:8px}.staff-monthlypayroll-main-title-icon{font-size:1.3rem}.staff-monthlypayroll-main-subtitle{font-size:.85rem;padding:0 10px}.staff-monthlypayroll-header-content{flex-direction:column;gap:20px;text-align:center}.staff-monthlypayroll-profile-section{justify-content:center;flex-direction:column;gap:12px}.staff-monthlypayroll-profile-name{font-size:1.3rem}.staff-monthlypayroll-profile-details{justify-content:center;flex-wrap:wrap;gap:8px}.staff-monthlypayroll-stats-grid{flex-direction:column;gap:12px;align-items:center}.staff-monthlypayroll-stat-item{min-width:100%;max-width:300px;padding:12px 16px;justify-content:center}.staff-monthlypayroll-filter-compact{flex-direction:column;gap:12px;padding:12px;margin-bottom:16px}.staff-monthlypayroll-filter-items{justify-content:center;gap:8px}.staff-monthlypayroll-filter-select,.staff-monthlypayroll-filter-date{min-width:80px;font-size:.8rem;padding:5px 8px}.staff-monthlypayroll-filter-date{min-width:110px}.staff-monthlypayroll-filter-separator{height:20px}.staff-monthlypayroll-filter-actions-compact{justify-content:center}.staff-monthlypayroll-filter-btn-compact{width:32px;height:32px;font-size:.85rem}.staff-monthlypayroll-employee-card-grid{flex-direction:column;gap:16px}.staff-monthlypayroll-employee-profile-card{min-width:unset;padding:16px}.staff-monthlypayroll-profile-header{flex-direction:column;text-align:center;gap:12px}.staff-monthlypayroll-profile-avatar-large{align-self:center}.staff-monthlypayroll-profile-tags{justify-content:center}.staff-monthlypayroll-employee-stats-cards{grid-template-columns:1fr;gap:10px}.staff-monthlypayroll-stat-card{padding:12px}.staff-monthlypayroll-stat-card-icon{width:36px;height:36px;font-size:1rem}.staff-monthlypayroll-stat-number{font-size:1.1rem}.staff-monthlypayroll-mini-container{margin-bottom:12px;border-radius:4px}.staff-monthlypayroll-mini-header{padding:6px 8px;flex-direction:column;gap:4px;text-align:center}.staff-monthlypayroll-mini-title{font-size:.8rem;gap:4px}.staff-monthlypayroll-mini-select{font-size:.7rem;gap:3px}.staff-monthlypayroll-mini-list{padding:6px;gap:4px}.staff-monthlypayroll-mini-record{padding:6px;flex-direction:column;gap:6px;min-height:unset}.staff-monthlypayroll-mini-left{min-width:unset;justify-content:center;gap:4px}.staff-monthlypayroll-mini-checkbox{width:12px;height:12px}.staff-monthlypayroll-mini-month{font-size:.75rem}.staff-monthlypayroll-mini-year{font-size:.65rem}.staff-monthlypayroll-mini-amounts{gap:4px}.staff-monthlypayroll-mini-amount{padding:3px 4px;min-width:unset}.staff-monthlypayroll-mini-label{font-size:.6rem}.staff-monthlypayroll-mini-value{font-size:.7rem}.staff-monthlypayroll-mini-info{min-width:unset;gap:1px}.staff-monthlypayroll-mini-attendance{font-size:.65rem}.staff-monthlypayroll-mini-date{font-size:.6rem}.staff-monthlypayroll-mini-right{min-width:unset;justify-content:center;gap:4px}.staff-monthlypayroll-mini-actions{gap:3px}.staff-monthlypayroll-mini-btn{width:24px;height:24px;font-size:.7rem}.staff-monthlypayroll-header{padding:15px;margin-bottom:15px;border-radius:8px}.staff-monthlypayroll-title{font-size:1.2rem;text-align:center}.staff-monthlypayroll-title-row{flex-direction:column;gap:12px}.staff-monthlypayroll-salary-info{flex-direction:column;gap:10px;align-items:center}.staff-monthlypayroll-total-salary{width:100%;max-width:200px;padding:10px 12px}.staff-monthlypayroll-salary-amount{font-size:1.1rem}.staff-monthlypayroll-salary-label{font-size:.8rem}.staff-monthlypayroll-subtitle{font-size:.85rem;padding:0 10px}.staff-monthlypayroll-controls{padding:15px;margin-bottom:15px}.staff-monthlypayroll-period-selector,.staff-monthlypayroll-date-filter{flex-direction:column;gap:12px}.staff-monthlypayroll-form-group{min-width:unset}.staff-monthlypayroll-calculation-wrapper{padding:10px;margin:12px 0}.staff-monthlypayroll-calc-title{font-size:.9rem;text-align:center}.staff-monthlypayroll-calculation-container{padding:15px}.staff-monthlypayroll-calc-formula{flex-direction:column;gap:12px;align-items:stretch}.staff-monthlypayroll-calc-term{width:100%;min-width:unset;padding:12px;margin:0}.staff-monthlypayroll-term-amount{font-size:1rem}.staff-monthlypayroll-calc-operator{align-self:center;margin:15px 0;display:flex;justify-content:center;align-items:center}.staff-monthlypayroll-operator-circle{width:45px;height:45px;font-size:1.2rem;font-weight:700;border-radius:50%;background:#e9ecef;border:2px solid #007bff;color:#007bff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #007bff33}.staff-monthlypayroll-summary-card{padding:10px}.staff-monthlypayroll-summary-amount{font-size:1.2rem}.staff-monthlypayroll-summary-title{font-size:.85rem}}@media (max-width: 480px){.staff-monthlypayroll-header{padding:12px;margin-bottom:12px}.staff-monthlypayroll-title{font-size:1rem;flex-direction:column;gap:5px}.staff-monthlypayroll-title-icon{font-size:1.1rem}.staff-monthlypayroll-salary-info{gap:8px}.staff-monthlypayroll-total-salary{padding:8px 10px;max-width:180px}.staff-monthlypayroll-salary-amount{font-size:1rem}.staff-monthlypayroll-salary-label{font-size:.75rem}.staff-monthlypayroll-subtitle{font-size:.8rem;padding:0 5px}.staff-monthlypayroll-controls{padding:12px;margin-bottom:12px}.staff-monthlypayroll-form-group label{font-size:.85rem;margin-bottom:4px}.staff-monthlypayroll-select,.staff-monthlypayroll-date-input{padding:6px 8px;font-size:.85rem}.staff-monthlypayroll-calculation-wrapper{padding:12px;margin:12px 0}.staff-monthlypayroll-calc-title{font-size:1rem;flex-direction:column;gap:5px}.staff-monthlypayroll-calculation-container{padding:12px}.staff-monthlypayroll-calc-term{padding:10px;min-width:unset}.staff-monthlypayroll-term-title{font-size:.8rem}.staff-monthlypayroll-term-amount{font-size:.95rem}.staff-monthlypayroll-operator-circle{width:30px;height:30px;font-size:.9rem}.staff-monthlypayroll-summary-card{padding:8px}.staff-monthlypayroll-summary-amount{font-size:1.1rem}.staff-monthlypayroll-summary-title,.staff-monthlypayroll-summary-description{font-size:.8rem}.staff-monthlypayroll-summary-badge{font-size:.7rem;padding:4px 8px}.staff-monthlypayroll-record-item-compact{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:20px!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important;min-height:auto!important;margin-bottom:16px!important;background:#fff!important;border:1px solid #e5e7eb!important}.staff-monthlypayroll-record-checkbox{position:absolute;top:12px;right:12px;min-width:auto}.staff-monthlypayroll-record-item-compact{position:relative}.staff-monthlypayroll-record-period-compact{min-width:unset!important;align-items:flex-start!important;text-align:left!important;margin-bottom:12px!important;padding-bottom:12px!important;border-bottom:2px solid #e5e7eb!important;display:flex!important;flex-direction:column!important}.staff-monthlypayroll-month-compact{font-size:20px!important;font-weight:700!important;color:#111827!important;margin-bottom:4px!important;text-transform:uppercase!important}.staff-monthlypayroll-year-compact{font-size:14px!important;color:#6b7280!important;margin-bottom:6px!important;font-weight:500!important}.staff-monthlypayroll-code-compact{font-size:12px!important;color:#9ca3af!important;background:#f3f4f6!important;padding:4px 8px!important;border-radius:4px!important;display:inline-block!important;width:fit-content!important}.staff-monthlypayroll-salary-info-compact{min-width:unset!important;flex-direction:column!important;gap:8px;margin-bottom:12px;display:flex!important}.staff-monthlypayroll-salary-row{display:flex!important;justify-content:space-between!important;align-items:center;text-align:left;padding:10px 12px;border-radius:6px;background:#f9fafb;width:100%;box-sizing:border-box}.staff-monthlypayroll-salary-row.net-highlight{background:#e0f2fe!important;border:1px solid #81d4fa}.staff-monthlypayroll-salary-label-compact{margin-bottom:0;font-size:12px!important;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-salary-amount-compact{font-size:16px!important;font-weight:700}.staff-monthlypayroll-salary-amount-compact.gross{color:#059669!important}.staff-monthlypayroll-salary-amount-compact.deduction{color:#dc2626!important}.staff-monthlypayroll-salary-amount-compact.net{font-size:18px!important;color:#0d9488!important}.staff-monthlypayroll-details-compact{min-width:unset!important;gap:10px!important;margin-bottom:16px!important;padding:16px!important;background:#f8fafc!important;border-radius:8px!important;border:1px solid #e2e8f0!important;display:flex!important;flex-direction:column!important}.staff-monthlypayroll-detail-row{margin-bottom:8px!important;display:flex!important;flex-direction:column!important;gap:4px!important}.staff-monthlypayroll-detail-row:last-child{margin-bottom:0!important}.staff-monthlypayroll-detail-label-compact{font-size:12px!important;font-weight:600!important;color:#64748b!important;min-width:auto!important;margin-bottom:0!important;display:block!important;text-transform:uppercase!important;letter-spacing:.5px!important}.staff-monthlypayroll-attendance-compact{gap:8px!important;flex-wrap:wrap!important;display:flex!important;align-items:center!important}.staff-monthlypayroll-attendance-count-compact{font-size:16px!important;font-weight:700!important;color:#111827!important}.staff-monthlypayroll-leaves-tag-compact,.staff-monthlypayroll-overtime-tag-compact{font-size:11px!important;padding:4px 8px!important;border-radius:4px!important;font-weight:600!important}.staff-monthlypayroll-credit-date-compact{font-size:16px!important;font-weight:700!important;color:#111827!important}.staff-monthlypayroll-actions-compact{min-width:unset;flex-direction:row;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.staff-monthlypayroll-status-compact{margin-bottom:0}.staff-monthlypayroll-buttons-compact{gap:8px}.staff-monthlypayroll-action-btn-compact{width:32px;height:32px;font-size:14px}}.staff-monthlypayroll-employee-card-simple{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #007bff}.staff-monthlypayroll-employee-simple-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.staff-monthlypayroll-employee-avatar-simple{width:45px;height:45px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.staff-monthlypayroll-employee-info-simple{flex:1}.staff-monthlypayroll-employee-name-row{display:flex;align-items:center;gap:10px;margin-bottom:5px}.staff-monthlypayroll-employee-name-simple{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.staff-monthlypayroll-employee-status-simple{background:#10b981;color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.staff-monthlypayroll-employee-details-row{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.85rem;margin-bottom:3px}.staff-monthlypayroll-employee-separator{color:#d1d5db}.staff-monthlypayroll-employee-join-simple{font-size:.8rem;color:#9ca3af}.staff-monthlypayroll-records-list-compact{display:flex;flex-direction:column;gap:6px}.staff-monthlypayroll-record-item-compact{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;min-height:50px}.staff-monthlypayroll-record-item-compact:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000014}.staff-monthlypayroll-record-checkbox{display:flex;align-items:center;min-width:20px}.staff-monthlypayroll-checkbox-compact{width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;cursor:pointer;accent-color:#3b82f6}.staff-monthlypayroll-record-period-compact{min-width:70px;display:flex;flex-direction:column;align-items:center;text-align:center}.staff-monthlypayroll-month-compact{font-size:12px;font-weight:600;color:#111827;text-transform:uppercase;line-height:1;margin-bottom:1px}.staff-monthlypayroll-year-compact{font-size:10px;color:#6b7280;line-height:1;margin-bottom:2px}.staff-monthlypayroll-code-compact{font-size:9px;color:#9ca3af;line-height:1}.staff-monthlypayroll-salary-info-compact{flex:1;display:flex;gap:20px;min-width:480px}.staff-monthlypayroll-salary-row{flex:1;text-align:center;padding:4px 8px;border-radius:4px}.staff-monthlypayroll-salary-row.net-highlight{background:#eff6ff;border:1px solid #dbeafe}.staff-monthlypayroll-salary-label-compact{display:block;font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.staff-monthlypayroll-salary-amount-compact{display:block;font-size:14px;font-weight:600}.staff-monthlypayroll-salary-amount-compact.gross{color:#059669}.staff-monthlypayroll-salary-amount-compact.deduction{color:#dc2626}.staff-monthlypayroll-salary-amount-compact.net{color:#0d9488;font-size:16px}.staff-monthlypayroll-details-compact{min-width:180px;display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-detail-row{display:flex;justify-content:space-between;align-items:center}.staff-monthlypayroll-detail-label-compact{font-size:10px;color:#6b7280;font-weight:500;min-width:65px}.staff-monthlypayroll-attendance-compact{display:flex;align-items:center;gap:4px}.staff-monthlypayroll-attendance-count-compact{font-size:12px;font-weight:600;color:#1f2937}.staff-monthlypayroll-leaves-tag-compact,.staff-monthlypayroll-overtime-tag-compact{background:#fef3c7;color:#92400e;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:500}.staff-monthlypayroll-overtime-tag-compact{background:#dbeafe;color:#1e40af}.staff-monthlypayroll-credit-date-compact{font-size:11px;color:#374151;font-weight:500}.staff-monthlypayroll-actions-compact{min-width:100px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.staff-monthlypayroll-status-compact{margin-bottom:2px}.staff-monthlypayroll-buttons-compact{display:flex;gap:4px}.staff-monthlypayroll-action-btn-compact{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px}.staff-monthlypayroll-action-btn-compact.view{background:#f3f4f6;color:#374151}.staff-monthlypayroll-action-btn-compact.view:hover{background:#e5e7eb;color:#111827}.staff-monthlypayroll-action-btn-compact.download{background:#eff6ff;color:#2563eb}.staff-monthlypayroll-action-btn-compact.download:hover{background:#dbeafe;color:#1d4ed8}.staff-monthlypayroll-records-list{display:flex;flex-direction:column;gap:8px}.staff-monthlypayroll-record-item{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 1px 4px #0000000f;border:1px solid #e5e7eb;transition:all .2s ease}.staff-monthlypayroll-record-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.staff-monthlypayroll-record-left{display:flex;align-items:center;gap:8px;margin-bottom:8px}.staff-monthlypayroll-record-period{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:6px;padding:6px 8px;min-width:65px}.staff-monthlypayroll-month-display{display:flex;flex-direction:column;align-items:center}.staff-monthlypayroll-month-name{font-size:.75rem;font-weight:600;color:#1f2937;margin:0 0 1px}.staff-monthlypayroll-year-display{font-size:.65rem;color:#6b7280}.staff-monthlypayroll-record-code{font-size:.6rem;color:#9ca3af;margin-top:2px}.staff-monthlypayroll-record-center{flex:1}.staff-monthlypayroll-salary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px}.staff-monthlypayroll-salary-column{text-align:center;padding:6px;border-radius:4px;background:#f9fafb}.staff-monthlypayroll-salary-column.highlight{background:#eff6ff;border:1px solid #dbeafe}.staff-monthlypayroll-salary-label{font-size:.65rem;color:#6b7280;margin-bottom:2px}.staff-monthlypayroll-salary-amount{font-size:.8rem;font-weight:600}.staff-monthlypayroll-salary-amount.net{color:#2563eb}.staff-monthlypayroll-record-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.staff-monthlypayroll-detail-group{display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-detail-label{font-size:.65rem;color:#6b7280;font-weight:500}.staff-monthlypayroll-attendance-display{display:flex;align-items:center;gap:6px}.staff-monthlypayroll-attendance-count{font-size:.75rem;font-weight:600;color:#1f2937}.staff-monthlypayroll-leaves-tag,.staff-monthlypayroll-overtime-tag{background:#fef3c7;color:#92400e;padding:1px 4px;border-radius:3px;font-size:.6rem;font-weight:500}.staff-monthlypayroll-overtime-tag{background:#dbeafe;color:#1e40af}.staff-monthlypayroll-credit-date{font-size:.7rem;color:#374151;font-weight:500}.staff-monthlypayroll-record-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.staff-monthlypayroll-record-status{margin-bottom:4px}.staff-monthlypayroll-status-badge{display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:500}.staff-monthlypayroll-status-badge.green{background:#d1fae5;color:#065f46}.staff-monthlypayroll-status-badge.orange{background:#fed7aa;color:#9a3412}.staff-monthlypayroll-record-actions{display:flex;gap:4px}.staff-monthlypayroll-action-btn-modern{width:26px;height:26px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.staff-monthlypayroll-action-btn-modern.view{background:#eff6ff;color:#2563eb}.staff-monthlypayroll-action-btn-modern.download{background:#f0fdf4;color:#16a34a}.staff-monthlypayroll-action-btn-modern:hover{transform:scale(1.1)}@media (max-width: 768px){.staff-monthlypayroll-employee-card-simple{padding:12px;margin-bottom:12px;border-radius:8px}.staff-monthlypayroll-employee-avatar-simple{width:40px;height:40px;font-size:1rem}.staff-monthlypayroll-employee-name-simple{font-size:1rem}.staff-monthlypayroll-employee-details-row{font-size:.8rem;flex-wrap:wrap}.staff-monthlypayroll-record-item{padding:12px;margin-bottom:10px;border-radius:8px}.staff-monthlypayroll-salary-grid{grid-template-columns:1fr;gap:8px}.staff-monthlypayroll-salary-column{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 12px}.staff-monthlypayroll-salary-label{font-size:.8rem;margin-bottom:0}.staff-monthlypayroll-salary-amount{font-size:.95rem}.staff-monthlypayroll-record-details{flex-direction:column;align-items:flex-start;gap:8px}.staff-monthlypayroll-detail-group{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.staff-monthlypayroll-record-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:8px}.staff-monthlypayroll-action-btn-modern{width:28px;height:28px;font-size:.8rem}}@media (max-width: 480px){.staff-monthlypayroll-employee-card-simple{padding:10px;margin-bottom:10px}.staff-monthlypayroll-employee-avatar-simple{width:35px;height:35px;font-size:.9rem}.staff-monthlypayroll-employee-name-simple{font-size:.95rem}.staff-monthlypayroll-employee-status-simple{font-size:.65rem;padding:2px 6px}.staff-monthlypayroll-employee-details-row{font-size:.75rem;gap:6px}.staff-monthlypayroll-record-item{padding:10px}.staff-monthlypayroll-record-period{min-width:70px;padding:6px 8px}.staff-monthlypayroll-month-name{font-size:.8rem}.staff-monthlypayroll-year-display{font-size:.7rem}.staff-monthlypayroll-record-code{font-size:.65rem}.staff-monthlypayroll-salary-column{padding:8px 10px}.staff-monthlypayroll-salary-label{font-size:.75rem}.staff-monthlypayroll-salary-amount{font-size:.85rem}.staff-monthlypayroll-attendance-count{font-size:.8rem}.staff-monthlypayroll-leaves-tag,.staff-monthlypayroll-overtime-tag{font-size:.65rem;padding:1px 4px}.staff-monthlypayroll-action-btn-modern{width:26px;height:26px;font-size:.75rem}}.staff-monthlypayroll-records-list{display:flex}@media (max-width: 768px){.staff-monthlypayroll-mobile-cards{display:block}.staff-monthlypayroll-records-list{display:none}}.staff-monthlypayroll-mobile-card{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #007bff}.staff-monthlypayroll-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.staff-monthlypayroll-card-select{display:flex;align-items:center}.staff-monthlypayroll-card-employee{display:flex;align-items:center;gap:10px;flex:1}.staff-monthlypayroll-employee-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.staff-monthlypayroll-employee-details{flex:1}.staff-monthlypayroll-employee-name{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 4px}.staff-monthlypayroll-employee-meta{display:flex;gap:8px;font-size:.8rem;color:#6b7280}.staff-monthlypayroll-card-status{display:flex;align-items:center}.staff-monthlypayroll-card-body{margin-bottom:12px}.staff-monthlypayroll-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.staff-monthlypayroll-card-row.highlight{background:#f8fafc;padding:8px 12px;border-radius:6px;border-bottom:none;margin:4px 0}.staff-monthlypayroll-card-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;font-weight:500}.staff-monthlypayroll-card-value{font-size:.9rem;font-weight:600;color:#1f2937}.staff-monthlypayroll-amount.deduction{color:#dc2626}.staff-monthlypayroll-amount.net{color:#2563eb}.staff-monthlypayroll-attendance{display:flex;align-items:center;gap:6px}.staff-monthlypayroll-present{font-weight:600}.staff-monthlypayroll-leaves,.staff-monthlypayroll-overtime{background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:4px;font-size:.7rem}.staff-monthlypayroll-overtime{background:#dbeafe;color:#1e40af}.staff-monthlypayroll-card-actions{display:flex;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid #f3f4f6}.staff-monthlypayroll-action-btn{width:36px;height:36px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.staff-monthlypayroll-action-btn.view{background:#eff6ff;color:#2563eb}.staff-monthlypayroll-action-btn.edit{background:#fef3c7;color:#d97706}.staff-monthlypayroll-action-btn.download{background:#f0fdf4;color:#16a34a}.staff-monthlypayroll-action-btn:hover{transform:scale(1.1)}@media (max-width: 480px){.staff-monthlypayroll-mobile-card{padding:12px;margin-bottom:12px}.staff-monthlypayroll-employee-avatar{width:35px;height:35px;font-size:.9rem}.staff-monthlypayroll-employee-name{font-size:.95rem}.staff-monthlypayroll-employee-meta{font-size:.75rem}.staff-monthlypayroll-card-label{font-size:.8rem}.staff-monthlypayroll-card-value{font-size:.85rem}.staff-monthlypayroll-action-btn{width:32px;height:32px;font-size:.9rem}}.staff-monthlypayroll-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-monthlypayroll-compliance-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.staff-monthlypayroll-loading-content{padding:48px 32px;text-align:center}.staff-monthlypayroll-loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.staff-monthlypayroll-loading-content h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:600}.staff-monthlypayroll-loading-content p{margin:0;color:#6b7280;font-size:14px}.staff-monthlypayroll-success-content{padding:48px 32px;text-align:center}.staff-monthlypayroll-success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff;font-size:28px;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.staff-monthlypayroll-success-content h3{margin:0 0 16px;color:#111827;font-size:24px;font-weight:700}.staff-monthlypayroll-success-message{margin:0 0 32px;color:#374151;font-size:16px;line-height:1.5}.staff-monthlypayroll-success-details{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px}.staff-monthlypayroll-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.staff-monthlypayroll-detail-item:last-child{border-bottom:none}.staff-monthlypayroll-detail-item span:first-child{color:#6b7280;font-weight:500}.staff-monthlypayroll-detail-item span:last-child{color:#111827;font-weight:600}.staff-monthlypayroll-modal-close-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.staff-monthlypayroll-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.staff-monthlypayroll-confirmation-content{padding:32px}.staff-monthlypayroll-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.staff-monthlypayroll-modal-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.staff-monthlypayroll-modal-header h3{margin:0;color:#111827;font-size:24px;font-weight:700}.staff-monthlypayroll-modal-description{color:#4b5563;font-size:16px;line-height:1.6;margin-bottom:32px}.staff-monthlypayroll-process-steps{margin-bottom:32px}.staff-monthlypayroll-process-steps h4{margin:0 0 16px;color:#111827;font-size:16px;font-weight:600}.staff-monthlypayroll-process-steps ul{margin:0;padding:0;list-style:none}.staff-monthlypayroll-process-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;color:#374151;font-size:14px}.staff-monthlypayroll-step-icon{color:#10b981;font-size:16px;flex-shrink:0}.staff-monthlypayroll-modal-stats{display:flex;gap:24px;padding:20px;background:#f8fafc;border-radius:12px;margin-bottom:32px}.staff-monthlypayroll-stat{display:flex;align-items:center;gap:8px;color:#374151;font-weight:600;font-size:14px}.staff-monthlypayroll-stat-icon{color:#3b82f6;font-size:18px}.staff-monthlypayroll-modal-actions{display:flex;gap:16px;justify-content:flex-end}.staff-monthlypayroll-modal-cancel,.staff-monthlypayroll-modal-confirm{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.staff-monthlypayroll-modal-cancel{background:#fff;border:2px solid #d1d5db;color:#374151}.staff-monthlypayroll-modal-cancel:hover{background:#f9fafb;border-color:#9ca3af}.staff-monthlypayroll-modal-confirm{background:linear-gradient(135deg,#10b981,#059669);border:2px solid transparent;color:#fff}.staff-monthlypayroll-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}@media (max-width: 768px){.staff-monthlypayroll-compliance-modal{width:95%;margin:20px}.staff-monthlypayroll-confirmation-content{padding:24px 20px}.staff-monthlypayroll-modal-stats{flex-direction:column;gap:12px}.staff-monthlypayroll-modal-actions{flex-direction:column}.staff-monthlypayroll-modal-cancel,.staff-monthlypayroll-modal-confirm{width:100%}}.staff-monthlypayroll-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 32px;border-radius:20px;margin-bottom:.5rem;color:#fff;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden}.staff-monthlypayroll-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,');pointer-events:none}.staff-monthlypayroll-title-section{position:relative;z-index:1}.staff-monthlypayroll-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:24px}.staff-monthlypayroll-title{display:flex;align-items:center;gap:16px;margin:0;color:#fff;font-size:32px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.1);flex:1}.staff-monthlypayroll-title-icon{background:#fff3;padding:12px;border-radius:12px;color:#fff;font-size:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.staff-monthlypayroll-total-salary{text-align:right;flex-shrink:0}.staff-monthlypayroll-salary-amount{font-size:28px;font-weight:800;color:#fff;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.staff-monthlypayroll-salary-label{font-size:12px;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:1px}.staff-monthlypayroll-subtitle{color:#ffffffe6;font-size:18px;margin:0;line-height:1.6;font-weight:500}.staff-monthlypayroll-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.staff-monthlypayroll-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fff,#ffffff80,#fff);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.staff-monthlypayroll-stat-card:hover{transform:translateY(-5px);background:#ffffff40;box-shadow:0 15px 35px #0003}.staff-monthlypayroll-stat-number{font-size:28px;font-weight:800;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.staff-monthlypayroll-stat-label{font-size:13px;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px}.staff-monthlypayroll-controls{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.staff-monthlypayroll-period-selector{display:flex;gap:16px}.staff-monthlypayroll-form-group{display:flex;flex-direction:column;gap:8px}.staff-monthlypayroll-form-group label{font-weight:600;color:#495057;font-size:14px}.staff-monthlypayroll-select{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;min-width:140px}.staff-monthlypayroll-select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.staff-monthlypayroll-date-filter{display:flex;gap:16px;align-items:flex-end}.staff-monthlypayroll-date-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;min-width:160px}.staff-monthlypayroll-date-input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.staff-monthlypayroll-bulk-actions{background:linear-gradient(135deg,#007bff,#0056b3);padding:16px 24px;border-radius:12px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #007bff4d}.staff-monthlypayroll-bulk-info{color:#fff;font-weight:600;font-size:14px}.staff-monthlypayroll-bulk-buttons{display:flex;gap:12px}.staff-monthlypayroll-bulk-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.staff-monthlypayroll-bulk-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.staff-monthlypayroll-bulk-btn.approve:hover{background:#28a745;border-color:#28a745}.staff-monthlypayroll-bulk-btn.generate:hover{background:#ffc107;border-color:#ffc107;color:#212529}.staff-monthlypayroll-bulk-btn.transfer:hover{background:#17a2b8;border-color:#17a2b8}.staff-monthlypayroll-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:32px;overflow:hidden}.staff-monthlypayroll-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #f8f9fa;background:#f8f9fa}.staff-monthlypayroll-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:36px}.staff-monthlypayroll-table-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#2c3e50}.staff-monthlypayroll-table-icon{color:#28a745;font-size:18px}.staff-monthlypayroll-select-all{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;cursor:pointer;font-size:14px;height:36px;padding:0 4px;box-sizing:border-box}.staff-monthlypayroll-select-all input{width:18px;height:18px;accent-color:#28a745;margin:0;flex-shrink:0}.staff-monthlypayroll-download-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;height:36px;min-width:200px;box-sizing:border-box}.staff-monthlypayroll-download-all-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.staff-monthlypayroll-employee-info-card{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;box-shadow:0 8px 32px #0000001f;margin-bottom:32px;padding:32px;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.staff-monthlypayroll-employee-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea)}.staff-monthlypayroll-employee-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.staff-monthlypayroll-employee-card-simple{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px;border:1px solid #f1f5f9}.staff-monthlypayroll-employee-simple-header{display:flex;align-items:flex-start;gap:16px}.staff-monthlypayroll-employee-avatar-simple{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:24px;flex-shrink:0}.staff-monthlypayroll-employee-info-simple{flex:1;min-width:0}.staff-monthlypayroll-employee-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:12px}.staff-monthlypayroll-employee-name-simple{font-size:20px;font-weight:600;color:#2563eb;margin:0}.staff-monthlypayroll-employee-status-simple{background:#059669;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-employee-details-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.staff-monthlypayroll-employee-id-simple{color:#dc2626;font-size:14px;font-weight:600}.staff-monthlypayroll-employee-separator{color:#6b7280;font-size:14px}.staff-monthlypayroll-employee-dept-simple{background:#7c3aed;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.staff-monthlypayroll-employee-role-simple{color:#ea580c;font-size:14px;font-weight:600}.staff-monthlypayroll-employee-join-simple{color:#059669;font-size:13px;font-weight:500}.staff-monthlypayroll-records-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.staff-monthlypayroll-record-item{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px 24px;display:flex;align-items:center;gap:24px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.staff-monthlypayroll-record-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.staff-monthlypayroll-record-left{display:flex;align-items:center;gap:16px;min-width:220px}.staff-monthlypayroll-record-select{display:flex;align-items:center}.staff-monthlypayroll-checkbox-modern{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;accent-color:#3b82f6;transition:all .2s ease}.staff-monthlypayroll-checkbox-modern:checked{border-color:#3b82f6;background-color:#3b82f6}.staff-monthlypayroll-record-period{display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-month-display{display:flex;align-items:baseline;gap:8px}.staff-monthlypayroll-month-name{font-size:18px;font-weight:600;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-year-display{font-size:14px;color:#6b7280;font-weight:500}.staff-monthlypayroll-record-code{font-size:12px;color:#9ca3af;font-family:Monaco,Menlo,monospace;background:#f9fafb;padding:2px 6px;border-radius:4px;display:inline-block}.staff-monthlypayroll-record-center{flex:1;display:flex;flex-direction:column;gap:16px}.staff-monthlypayroll-salary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.staff-monthlypayroll-salary-column{text-align:center;padding:12px;border-radius:8px;background:#f8fafc;transition:all .2s ease}.staff-monthlypayroll-salary-column.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.staff-monthlypayroll-salary-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.staff-monthlypayroll-salary-amount{font-size:16px;font-weight:700;display:block}.staff-monthlypayroll-salary-amount.gross{color:#059669}.staff-monthlypayroll-salary-amount.deduction{color:#dc2626}.staff-monthlypayroll-salary-amount.net{color:#0d9488;font-size:18px}.staff-monthlypayroll-record-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px;border-top:1px solid #f1f5f9}.staff-monthlypayroll-detail-group{display:flex;align-items:center;gap:12px}.staff-monthlypayroll-detail-label{font-size:12px;color:#64748b;font-weight:500;min-width:80px}.staff-monthlypayroll-attendance-display{display:flex;align-items:center;gap:8px}.staff-monthlypayroll-attendance-count{font-weight:600;color:#111827;font-size:14px}.staff-monthlypayroll-leaves-tag,.staff-monthlypayroll-overtime-tag{font-size:11px;padding:2px 6px;border-radius:12px;font-weight:500}.staff-monthlypayroll-leaves-tag{background:#fef3c7;color:#d97706}.staff-monthlypayroll-overtime-tag{background:#dbeafe;color:#2563eb}.staff-monthlypayroll-credit-date{font-weight:600;color:#111827;font-size:14px}.staff-monthlypayroll-record-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:140px}.staff-monthlypayroll-record-status{display:flex;justify-content:flex-end}.staff-monthlypayroll-record-actions{display:flex;gap:8px}.staff-monthlypayroll-action-btn-modern{width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:16px}.staff-monthlypayroll-action-btn-modern:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f9ff;transform:translateY(-1px)}.staff-monthlypayroll-action-btn-modern.view:hover{border-color:#059669;color:#059669;background:#ecfdf5}.staff-monthlypayroll-action-btn-modern.download:hover{border-color:#7c3aed;color:#7c3aed;background:#f3e8ff}.staff-monthlypayroll-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.staff-monthlypayroll-card-select{margin-right:16px}.staff-monthlypayroll-checkbox{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.staff-monthlypayroll-card-period{flex:1;display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-period-month{font-size:20px;font-weight:700;color:#2563eb;margin:0;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-period-year{font-size:14px;font-weight:500;color:#64748b;margin-bottom:4px}.staff-monthlypayroll-period-code{font-size:11px;color:#64748b;background:#f8fafc;padding:2px 8px;border-radius:8px;align-self:flex-start}.staff-monthlypayroll-card-body{padding:20px 24px}.staff-monthlypayroll-salary-section{margin-bottom:20px}.staff-monthlypayroll-salary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0}.staff-monthlypayroll-salary-item.net-salary{border-top:1px solid #f1f5f9;padding-top:16px;margin-top:8px;font-weight:600}.staff-monthlypayroll-salary-label{font-size:14px;color:#64748b;font-weight:500}.staff-monthlypayroll-salary-value{font-size:16px;font-weight:600}.staff-monthlypayroll-salary-value.gross{color:#059669}.staff-monthlypayroll-salary-value.deduction{color:#dc2626}.staff-monthlypayroll-salary-value.net{color:#1e293b;font-size:18px}.staff-monthlypayroll-details-section{border-top:1px solid #f1f5f9;padding-top:16px}.staff-monthlypayroll-detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.staff-monthlypayroll-detail-label{font-size:14px;color:#64748b;font-weight:500}.staff-monthlypayroll-detail-value{font-size:14px;color:#1e293b;font-weight:500}.staff-monthlypayroll-attendance-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-monthlypayroll-present-days{color:#059669;font-weight:600;font-size:14px}.staff-monthlypayroll-leaves-badge{background:#fef3c7;color:#d97706;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:500}.staff-monthlypayroll-overtime-badge{background:#dbeafe;color:#2563eb;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:500}.staff-monthlypayroll-card-actions{display:flex;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9}.staff-monthlypayroll-action-btn-new{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.staff-monthlypayroll-action-btn-new.view{background:#dbeafe;color:#2563eb}.staff-monthlypayroll-action-btn-new.view:hover{background:#bfdbfe}.staff-monthlypayroll-action-btn-new.download{background:#dcfce7;color:#059669}.staff-monthlypayroll-action-btn-new.download:hover{background:#bbf7d0}.staff-monthlypayroll-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #f1f5f9}.staff-monthlypayroll-pagination-info{color:#64748b;font-size:14px;font-weight:500}.staff-monthlypayroll-pagination-controls{display:flex;align-items:center;gap:16px}.staff-monthlypayroll-pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.staff-monthlypayroll-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.staff-monthlypayroll-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.staff-monthlypayroll-pagination-numbers{display:flex;gap:4px}.staff-monthlypayroll-page-btn{width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.staff-monthlypayroll-page-btn:hover{background:#f8fafc;border-color:#cbd5e1}.staff-monthlypayroll-page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.staff-monthlypayroll-page-btn.active:hover{background:#2563eb;border-color:#2563eb}.staff-monthlypayroll-total-summary{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;border:1px solid #f1f5f9;margin-top:20px;overflow:hidden}.staff-monthlypayroll-total-summary-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 16px;border-bottom:1px solid #e2e8f0}.staff-monthlypayroll-total-summary-title{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:16px;font-weight:600}.staff-monthlypayroll-total-summary-icon{font-size:18px}.staff-monthlypayroll-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.staff-monthlypayroll-summary-section{padding:16px}.staff-monthlypayroll-summary-section:first-child{border-right:1px solid #f1f5f9}.staff-monthlypayroll-section-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.staff-monthlypayroll-section-title.deductions{color:#dc2626;border-bottom-color:#fecaca}.staff-monthlypayroll-breakdown-item{margin-bottom:8px;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #e2e8f0}.staff-monthlypayroll-breakdown-item.deduction{background:#fef2f2;border-left-color:#fca5a5}.staff-monthlypayroll-breakdown-header{display:flex;justify-content:space-between;align-items:center}.staff-monthlypayroll-breakdown-label{font-size:12px;font-weight:500;color:#374151}.staff-monthlypayroll-breakdown-label.gross{color:#059669;font-weight:600}.staff-monthlypayroll-breakdown-label.net{color:#1e293b;font-weight:600}.staff-monthlypayroll-breakdown-values{display:flex;align-items:center;gap:8px}.staff-monthlypayroll-breakdown-amount{font-size:13px;font-weight:600;color:#059669}.staff-monthlypayroll-breakdown-amount.deduction{color:#dc2626}.staff-monthlypayroll-breakdown-amount.gross{color:#059669;font-size:14px}.staff-monthlypayroll-breakdown-amount.net{color:#1e293b;font-size:15px}.staff-monthlypayroll-breakdown-percentage{font-size:12px;font-weight:500;color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:12px;min-width:45px;text-align:center}.staff-monthlypayroll-breakdown-total{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #0ea5e9}.staff-monthlypayroll-breakdown-total.deduction{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#f87171}.staff-monthlypayroll-breakdown-final{margin-top:16px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:2px solid #22c55e}.staff-monthlypayroll-breakdown-final .staff-monthlypayroll-breakdown-amount{font-size:16px;color:#16a34a}.staff-monthlypayroll-employee-avatar-large{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:40px;flex-shrink:0;box-shadow:0 8px 24px #667eea4d;position:relative}.staff-monthlypayroll-employee-avatar-large:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;z-index:-1;opacity:.3}.staff-monthlypayroll-employee-details-large{flex:1;min-width:0}.staff-monthlypayroll-employee-name-large{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 12px;letter-spacing:-.5px}.staff-monthlypayroll-employee-meta{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.staff-monthlypayroll-employee-id-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #667eea4d}.staff-monthlypayroll-employee-dept-large{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #10b9814d}.staff-monthlypayroll-employee-role-large{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;font-size:16px;padding:12px 20px;border-radius:25px;display:inline-block;margin-bottom:12px;box-shadow:0 4px 16px #f59e0b4d;text-transform:capitalize}.staff-monthlypayroll-employee-spec-large{color:#64748b;font-weight:500;font-size:15px;background:#f1f5f9;padding:8px 16px;border-radius:12px;display:inline-block;border-left:4px solid #667eea}.staff-monthlypayroll-employee-info-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.staff-monthlypayroll-employee-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:12px;padding:6px 12px;border-radius:15px;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-employee-join-date{color:#64748b;font-size:13px;font-weight:500}.staff-monthlypayroll-period-info{display:flex;flex-direction:column;gap:4px}.staff-monthlypayroll-period-month{font-weight:600;color:#2c3e50;font-size:14px}.staff-monthlypayroll-period-note{font-size:11px;color:#28a745;font-weight:500;background:#e8f5e8;padding:2px 6px;border-radius:4px;display:inline-block}.staff-monthlypayroll-table{display:grid;grid-template-columns:60px 180px 140px 120px 120px 120px 120px 120px 140px;gap:0}.staff-monthlypayroll-table-row{display:contents}.staff-monthlypayroll-header-row .staff-monthlypayroll-table-cell{background:#f8f9fa;font-weight:700;font-size:13px;color:#495057;text-transform:uppercase;letter-spacing:.5px;padding:16px 12px;border-bottom:2px solid #e9ecef}.staff-monthlypayroll-table-row:not(.staff-monthlypayroll-header-row) .staff-monthlypayroll-table-cell{padding:16px 12px;border-bottom:1px solid #f1f3f4;display:flex;align-items:center}.staff-monthlypayroll-table-row:not(.staff-monthlypayroll-header-row):hover .staff-monthlypayroll-table-cell{background-color:#f8f9fa}.staff-monthlypayroll-employee-info{display:flex;align-items:center;gap:12px;width:100%}.staff-monthlypayroll-employee-avatar{width:40px;height:40px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:16px}.staff-monthlypayroll-employee-details{flex:1;min-width:0}.staff-monthlypayroll-employee-name{font-weight:600;color:#2c3e50;font-size:14px;margin-bottom:2px}.staff-monthlypayroll-employee-id{font-size:12px;color:#6c757d;margin-bottom:2px}.staff-monthlypayroll-employee-dept{font-size:11px;color:#6c757d}.staff-monthlypayroll-employee-role{font-size:11px;color:#495057;font-weight:500;background:#e9ecef;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:2px}.staff-monthlypayroll-employee-spec{font-size:10px;color:#6c757d;font-style:italic;margin-top:2px;line-height:1.2}.staff-monthlypayroll-credit-info{display:flex;flex-direction:column;gap:2px}.staff-monthlypayroll-credit-date{font-size:14px;color:#495057;font-weight:600}.staff-monthlypayroll-credit-note{font-size:11px;color:#28a745;font-weight:500;background:#e8f5e8;padding:2px 6px;border-radius:4px;display:inline-block}.staff-monthlypayroll-attendance{display:flex;flex-direction:column;gap:2px}.staff-monthlypayroll-present{font-weight:600;color:#28a745;font-size:14px}.staff-monthlypayroll-leaves{font-size:11px;color:#ffc107;background:#fff3cd;padding:2px 6px;border-radius:4px}.staff-monthlypayroll-overtime{font-size:11px;color:#17a2b8;background:#d1ecf1;padding:2px 6px;border-radius:4px}.staff-monthlypayroll-amount{font-weight:600;font-size:14px;color:#28a745}.staff-monthlypayroll-amount.deduction{color:#dc3545}.staff-monthlypayroll-amount.net{color:#2c3e50;font-size:15px;font-weight:700}.staff-monthlypayroll-status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-monthlypayroll-status-badge.orange{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.staff-monthlypayroll-status-badge.green{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.staff-monthlypayroll-actions{display:flex;gap:4px}.staff-monthlypayroll-action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.staff-monthlypayroll-action-btn.view{background:#e3f2fd;color:#1976d2}.staff-monthlypayroll-action-btn.view:hover{background:#1976d2;color:#fff}.staff-monthlypayroll-action-btn.edit{background:#fff3e0;color:#f57c00}.staff-monthlypayroll-action-btn.edit:hover{background:#f57c00;color:#fff}.staff-monthlypayroll-action-btn.download{background:#e8f5e8;color:#2e7d32}.staff-monthlypayroll-action-btn.download:hover{background:#2e7d32;color:#fff}.staff-monthlypayroll-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px}.staff-monthlypayroll-summary-card,.staff-monthlypayroll-compliance{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 15px #00000014}.staff-monthlypayroll-summary-title,.staff-monthlypayroll-compliance-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:20px}.staff-monthlypayroll-summary-icon,.staff-monthlypayroll-compliance-icon{color:#28a745;font-size:20px}.staff-monthlypayroll-summary-stats{display:flex;flex-direction:column;gap:16px}.staff-monthlypayroll-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:8px}.staff-monthlypayroll-summary-item.total{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-weight:700}.staff-monthlypayroll-summary-label{font-weight:600;color:#495057;font-size:13px}.staff-monthlypayroll-summary-item.total .staff-monthlypayroll-summary-label{color:#fff}.staff-monthlypayroll-summary-value{font-weight:700;color:#28a745;font-size:14px}.staff-monthlypayroll-summary-value.deduction{color:#dc3545}.staff-monthlypayroll-summary-item.total .staff-monthlypayroll-summary-value{color:#fff;font-size:16px}.staff-monthlypayroll-compliance-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-monthlypayroll-compliance-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#495057;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:13px}.staff-monthlypayroll-compliance-btn:hover{border-color:#28a745;color:#28a745;background:#f8fff9;transform:translateY(-1px)}@media (max-width: 1024px){.staff-monthlypayroll-container{padding:16px}.staff-monthlypayroll-header{padding:32px 24px}.staff-monthlypayroll-title-row{gap:16px}.staff-monthlypayroll-title{font-size:28px}.staff-monthlypayroll-title-icon{font-size:24px;padding:10px}.staff-monthlypayroll-salary-amount{font-size:24px}.staff-monthlypayroll-subtitle{font-size:16px}.staff-monthlypayroll-stats{justify-content:center}.staff-monthlypayroll-stat-card{padding:20px 16px}.staff-monthlypayroll-stat-number{font-size:24px}.staff-monthlypayroll-controls{flex-direction:column;align-items:stretch;gap:20px}.staff-monthlypayroll-date-filter{justify-content:space-between}.staff-monthlypayroll-date-input{min-width:140px}.staff-monthlypayroll-table{grid-template-columns:50px 160px 120px 100px 100px 100px 100px 100px 120px}.staff-monthlypayroll-summary,.staff-monthlypayroll-compliance-actions{grid-template-columns:1fr}}@media (max-width: 768px){.staff-monthlypayroll-container{padding:12px}.staff-monthlypayroll-header{padding:24px 20px;border-radius:16px}.staff-monthlypayroll-title-row{flex-direction:column;align-items:flex-start;gap:16px}.staff-monthlypayroll-title{font-size:24px;gap:12px}.staff-monthlypayroll-record-item{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.staff-monthlypayroll-record-left{min-width:unset;justify-content:space-between;width:100%}.staff-monthlypayroll-record-center{width:100%}.staff-monthlypayroll-salary-grid,.staff-monthlypayroll-record-details{grid-template-columns:1fr;gap:12px}.staff-monthlypayroll-record-right{flex-direction:row;justify-content:space-between;align-items:center;min-width:unset;width:100%}.staff-monthlypayroll-month-name,.staff-monthlypayroll-salary-amount.net{font-size:16px}.staff-monthlypayroll-title-icon{font-size:20px;padding:8px}.staff-monthlypayroll-total-salary{text-align:left}.staff-monthlypayroll-salary-amount{font-size:22px}.staff-monthlypayroll-subtitle{font-size:15px}.staff-monthlypayroll-stats{justify-content:center}.staff-monthlypayroll-stat-card{padding:18px 14px}.staff-monthlypayroll-stat-number{font-size:22px}.staff-monthlypayroll-stat-label{font-size:12px}.staff-monthlypayroll-period-selector,.staff-monthlypayroll-date-filter{flex-direction:column;gap:12px}.staff-monthlypayroll-date-input{min-width:0;width:100%}.staff-monthlypayroll-bulk-actions{flex-direction:column;gap:16px;text-align:center}.staff-monthlypayroll-bulk-buttons{justify-content:center;flex-wrap:wrap}.staff-monthlypayroll-table-container{overflow-x:auto}.staff-monthlypayroll-table{min-width:800px}.staff-monthlypayroll-employee-info{flex-direction:column;gap:8px;text-align:center}.staff-monthlypayroll-employee-avatar{width:35px;height:35px;font-size:14px}}@media (max-width: 480px){.staff-monthlypayroll-container{padding:8px}.staff-monthlypayroll-header{padding:20px 16px;border-radius:12px}.staff-monthlypayroll-title-row{flex-direction:column;align-items:flex-start;gap:12px}.staff-monthlypayroll-title{font-size:20px;gap:10px;flex-wrap:wrap}.staff-monthlypayroll-title-icon{font-size:2rem;padding:6px}.staff-monthlypayroll-total-salary{text-align:left}.staff-monthlypayroll-salary-amount{font-size:20px}.staff-monthlypayroll-subtitle{font-size:14px}.staff-monthlypayroll-stats{justify-content:center}.staff-monthlypayroll-stat-card{padding:16px 12px}.staff-monthlypayroll-stat-number{font-size:20px}.staff-monthlypayroll-stat-label{font-size:11px}.staff-monthlypayroll-controls{padding:16px}.staff-monthlypayroll-bulk-actions{padding:12px 16px}.staff-monthlypayroll-bulk-btn{padding:6px 12px;font-size:12px}.staff-monthlypayroll-table-header{padding:16px;flex-direction:column;gap:12px;align-items:stretch}.staff-monthlypayroll-header-actions{justify-content:space-between}.staff-monthlypayroll-employee-info-card{padding:24px}.staff-monthlypayroll-employee-header{display:flex;flex-direction:column;text-align:center;gap:20px}.staff-monthlypayroll-employee-avatar-large{width:80px;height:80px;font-size:32px;border-radius:50%;align-self:center}.staff-monthlypayroll-employee-name-large{font-size:28px}.staff-monthlypayroll-employee-card-simple{padding:16px;margin-bottom:20px}.staff-monthlypayroll-employee-simple-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.staff-monthlypayroll-employee-avatar-simple{width:50px;height:50px;font-size:20px}.staff-monthlypayroll-employee-name-row{flex-direction:column;gap:8px;align-items:center}.staff-monthlypayroll-employee-name-simple{font-size:18px}.staff-monthlypayroll-employee-details-row{justify-content:center;flex-wrap:wrap}.staff-monthlypayroll-records-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.staff-monthlypayroll-record-card{border-radius:12px}.staff-monthlypayroll-card-header{padding:16px 20px 12px;flex-wrap:wrap;gap:12px}.staff-monthlypayroll-card-body{padding:16px 20px}.staff-monthlypayroll-card-actions{padding:12px 20px;gap:8px}.staff-monthlypayroll-action-btn-new{padding:10px 16px;font-size:14px}.staff-monthlypayroll-pagination{flex-direction:column!important;gap:20px!important;margin-top:32px!important;padding:24px 16px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;border:1px solid #e5e7eb!important}.staff-monthlypayroll-pagination-info{text-align:center!important;font-size:16px!important;font-weight:600!important;color:#374151!important;order:1!important}.staff-monthlypayroll-pagination-controls{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;order:2!important}.staff-monthlypayroll-pagination-numbers{gap:6px!important;justify-content:center!important;flex-wrap:nowrap!important;flex:1!important}.staff-monthlypayroll-pagination-btn{width:auto!important;min-width:44px!important;height:44px!important;justify-content:center!important;padding:12px 16px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;touch-action:manipulation!important}.staff-monthlypayroll-page-btn{width:44px!important;height:44px!important;font-size:16px!important;font-weight:600!important;border-radius:8px!important;touch-action:manipulation!important}.staff-monthlypayroll-page-btn.active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 2px 4px #3b82f64d!important}.staff-monthlypayroll-pagination-btn:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important}.staff-monthlypayroll-page-btn:hover:not(.active){background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important}.staff-monthlypayroll-pagination-btn:disabled{opacity:.4!important;cursor:not-allowed!important;transform:none!important;background:#f9fafb!important}.staff-monthlypayroll-summary-grid{grid-template-columns:1fr;gap:0}.staff-monthlypayroll-summary-section:first-child{border-right:none;border-bottom:1px solid #f1f5f9}.staff-monthlypayroll-summary-section{padding:20px}.staff-monthlypayroll-breakdown-values{flex-direction:column;align-items:flex-end;gap:4px}.staff-monthlypayroll-employee-meta{justify-content:center;flex-wrap:wrap;gap:8px}.staff-monthlypayroll-employee-info-actions{align-items:center}.staff-monthlypayroll-summary-card,.staff-monthlypayroll-compliance{padding:16px}.staff-monthlypayroll-summary-title,.staff-monthlypayroll-compliance-title{font-size:16px;margin-bottom:16px}.staff-monthlypayroll-compliance-btn{padding:10px 12px;font-size:12px}}@media (hover: none) and (pointer: coarse){.staff-monthlypayroll-action-btn,.staff-monthlypayroll-bulk-btn,.staff-monthlypayroll-compliance-btn,.staff-monthlypayroll-select,.staff-monthlypayroll-date-input{min-height:44px}}.staff-monthlypayroll-table-container{animation:slideUpFadeIn .5s ease-out}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-monthlypayroll-mobile-cards{display:none}.staff-monthlypayroll-mobile-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;margin-bottom:20px;overflow:hidden;border-left:4px solid #667eea;transition:all .3s ease;position:relative}.staff-monthlypayroll-mobile-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000026}.staff-monthlypayroll-card-header{display:flex;align-items:center;padding:18px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;gap:12px}.staff-monthlypayroll-card-select{flex-shrink:0}.staff-monthlypayroll-card-select input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.staff-monthlypayroll-card-employee{display:flex;align-items:center;gap:12px;flex:1}.staff-monthlypayroll-card-employee .staff-monthlypayroll-employee-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.staff-monthlypayroll-card-employee .staff-monthlypayroll-employee-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2c3e50}.staff-monthlypayroll-employee-meta{display:flex;gap:8px;font-size:12px;color:#6c757d}.staff-monthlypayroll-employee-meta .staff-monthlypayroll-employee-id{background:#e9ecef;padding:2px 6px;border-radius:4px;font-weight:500}.staff-monthlypayroll-card-status{flex-shrink:0}.staff-monthlypayroll-card-body{padding:18px}.staff-monthlypayroll-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;background:#f8f9fa;border-radius:8px;border-left:3px solid #dee2e6;transition:all .2s ease}.staff-monthlypayroll-card-row:hover{background:#e9ecef;border-left-color:#667eea}.staff-monthlypayroll-card-row.highlight{background:linear-gradient(135deg,#667eea10,#764ba220);border-left-color:#667eea;font-weight:600}.staff-monthlypayroll-card-row:last-child{margin-bottom:0}.staff-monthlypayroll-card-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;font-size:13px;flex-shrink:0;min-width:120px}.staff-monthlypayroll-card-label svg{font-size:14px;color:#667eea;width:16px;text-align:center}.staff-monthlypayroll-card-value{text-align:right;color:#2c3e50;font-size:14px;font-weight:500;flex:1;margin-left:12px;display:flex;justify-content:flex-end;align-items:center}.staff-monthlypayroll-card-actions{display:flex;gap:8px;padding:16px 18px;background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:center}.staff-monthlypayroll-card-actions .staff-monthlypayroll-action-btn{flex:1;max-width:100px;justify-content:center;padding:12px;font-size:14px;min-height:44px}@media screen and (max-width: 768px){.staff-monthlypayroll-desktop-table{display:none!important}.staff-monthlypayroll-mobile-cards{display:block}.staff-monthlypayroll-header{flex-direction:column;gap:16px;text-align:center;padding:16px}.staff-monthlypayroll-stats{justify-content:center;flex-wrap:wrap;gap:12px}.staff-monthlypayroll-stat-card{min-width:140px;flex:1}.staff-monthlypayroll-controls{flex-direction:column;gap:16px}.staff-monthlypayroll-period-selector{width:100%;justify-content:center}.staff-monthlypayroll-date-filter{width:100%}}@media screen and (max-width: 480px){.staff-monthlypayroll-mobile-card{margin:0 -8px 16px;border-radius:12px}.staff-monthlypayroll-card-header{padding:14px;flex-direction:column;align-items:flex-start;gap:12px}.staff-monthlypayroll-card-select{align-self:flex-end;position:absolute;top:14px;right:14px}.staff-monthlypayroll-card-employee{width:100%;margin-top:8px}.staff-monthlypayroll-card-status{align-self:flex-start}.staff-monthlypayroll-card-body{padding:14px}.staff-monthlypayroll-card-row{padding:10px 12px;margin-bottom:8px}.staff-monthlypayroll-card-label{min-width:100px;font-size:12px}.staff-monthlypayroll-card-label svg{font-size:12px;width:14px}.staff-monthlypayroll-card-value{font-size:13px;margin-left:8px}.staff-monthlypayroll-card-actions{padding:12px 14px;gap:6px}.staff-monthlypayroll-card-actions .staff-monthlypayroll-action-btn{min-height:40px;font-size:13px;padding:10px}.staff-monthlypayroll-attendance{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.staff-monthlypayroll-present,.staff-monthlypayroll-leaves,.staff-monthlypayroll-overtime{font-size:11px}}.staff-monthlypayroll-modal-close-x{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.staff-monthlypayroll-modal-close-x:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.staff-monthlypayroll-modal-close-x:active{transform:scale(.95)}.staff-monthlypayroll-loading-content,.staff-monthlypayroll-success-content,.staff-monthlypayroll-confirmation-content{position:relative;padding:24px}.staff-monthlypayroll-loading-content,.staff-monthlypayroll-success-content,.staff-monthlypayroll-confirmation-content{padding-top:60px}.staff-monthlypayroll-loading-content,.staff-monthlypayroll-success-content{text-align:center;padding:60px 40px 40px}.staff-monthlypayroll-confirmation-content{padding:60px 30px 30px}@media (max-width: 480px){.staff-monthlypayroll-modal-close-x{top:12px;right:12px;width:36px;height:36px;font-size:20px}.staff-monthlypayroll-loading-content,.staff-monthlypayroll-success-content,.staff-monthlypayroll-confirmation-content{padding-top:50px;padding-left:20px;padding-right:20px}}@media (max-width: 480px){*{box-sizing:border-box}.staff-monthlypayroll-container{width:100%;overflow-x:hidden}}.viewpayroll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.viewpayroll-header-details{margin:16px 0}.viewpayroll-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.viewpayroll-details-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.viewpayroll-details-card:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.viewpayroll-details-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.viewpayroll-details-icon{width:18px;height:18px;color:#6b7280}.viewpayroll-details-card.personal .viewpayroll-details-icon{color:#3b82f6}.viewpayroll-details-card.bank .viewpayroll-details-icon{color:#059669}.viewpayroll-details-card.history .viewpayroll-details-icon{color:#7c3aed}.viewpayroll-details-card.compliance .viewpayroll-details-icon{color:#dc2626}.viewpayroll-details-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.viewpayroll-details-content{display:flex;flex-direction:column;gap:6px}.viewpayroll-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f1f3f4}.viewpayroll-detail-row:last-child{border-bottom:none;padding-bottom:0}.viewpayroll-detail-label{font-size:12px;color:#6b7280;font-weight:500}.viewpayroll-detail-value{font-size:12px;color:#111827;font-weight:600;text-align:right}@media (max-width: 768px){.viewpayroll-details-grid{grid-template-columns:1fr;gap:10px}.viewpayroll-details-card{padding:10px}}.viewpayroll-back-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.viewpayroll-back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.viewpayroll-header-actions{display:flex;gap:12px}.viewpayroll-edit-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.viewpayroll-edit-btn:hover{background:#2563eb}.viewpayroll-download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.viewpayroll-download-btn:hover{background:#059669}.viewpayroll-main-header-card{background:linear-gradient(135deg,#0ea5e9,#06b6d4,#10b981 70%,#059669);border-radius:20px;padding:28px;margin-bottom:28px;box-shadow:0 8px 32px #0ea5e966;border:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.viewpayroll-main-header-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 75% 20%,rgba(16,185,129,.2) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(6,182,212,.15) 0%,transparent 50%);opacity:.7;pointer-events:none}.viewpayroll-main-header-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent,rgba(255,255,255,.05),transparent);animation:float 12s linear infinite;pointer-events:none}@keyframes float{0%{transform:translate(-100%) rotate(0)}to{transform:translate(100%) rotate(360deg)}}.viewpayroll-employee-section{display:flex;align-items:center;gap:24px;flex:1;position:relative;z-index:2}.viewpayroll-employee-avatar-large{width:75px;height:75px;background:linear-gradient(135deg,#ffffff40,#10b98133);border:3px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 24px #0003;position:relative;overflow:hidden}.viewpayroll-employee-avatar-large:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewpayroll-employee-details{display:flex;flex-direction:column;gap:2px}.viewpayroll-employee-name{font-size:28px;font-weight:800;color:#fff;margin:0;line-height:1.1;text-shadow:0 3px 6px rgba(0,0,0,.3);letter-spacing:-.5px}.viewpayroll-employee-meta{margin:4px 0}.viewpayroll-employee-id{font-size:13px;color:#fffffff2;font-weight:600;background:#10b9814d;padding:6px 12px;border-radius:10px;border:1px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:inline-block;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #00000026}.viewpayroll-employee-position{display:flex;align-items:center;gap:8px;margin:8px 0 4px}.viewpayroll-department{font-size:16px;font-weight:600;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.viewpayroll-separator{color:#9ca3af;font-weight:300}.viewpayroll-designation{font-size:16px;color:#ffffffe6;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.viewpayroll-employee-reporting{margin-top:4px}.viewpayroll-reports-to{font-size:14px;color:#9ca3af;font-style:italic}.viewpayroll-header-summary{display:flex;gap:8px;align-items:center;position:relative;z-index:2}.viewpayroll-summary-column{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px;min-height:75px;box-shadow:0 4px 12px #00000014;margin:0 6px}.viewpayroll-summary-column:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.viewpayroll-summary-column:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.viewpayroll-summary-column:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.viewpayroll-summary-column:hover:before{left:100%}.viewpayroll-summary-column.highlight{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #10b981;box-shadow:0 6px 16px #10b98133}.viewpayroll-summary-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;position:relative;z-index:1}.viewpayroll-summary-value{font-size:15px;font-weight:600;color:#1e293b;position:relative;z-index:1}.viewpayroll-summary-value-large{font-size:18px;font-weight:700;color:#059669;position:relative;z-index:1}.viewpayroll-status-badge-modern{padding:8px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-block;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000026}.viewpayroll-status-badge-modern.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.viewpayroll-status-badge-modern.completed{background:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.viewpayroll-status-badge-modern.approved{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.viewpayroll-status-badge-modern.processed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.viewpayroll-status-badge-modern.inprocess{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 12px #06b6d44d}.viewpayroll-status-badge-modern.completed{background:#10b981;color:#fff;border:none;font-weight:600;padding:6px 12px;border-radius:16px;font-size:10px}@media (max-width: 768px){.viewpayroll-main-header-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px;margin-bottom:12px}.viewpayroll-employee-section{flex-direction:column;text-align:center;gap:12px}.viewpayroll-employee-avatar-large{width:40px;height:40px;font-size:16px;border-radius:50%}.viewpayroll-employee-name{font-size:16px}.viewpayroll-department,.viewpayroll-designation{font-size:12px}.viewpayroll-employee-id{font-size:10px;padding:1px 4px}.viewpayroll-header-summary{justify-content:space-around;gap:12px}.viewpayroll-summary-column{text-align:center}.viewpayroll-summary-label{font-size:9px}.viewpayroll-summary-value{font-size:12px}.viewpayroll-summary-value-large{font-size:16px}.viewpayroll-summary-column.highlight{padding:8px 12px;border-radius:8px}}.viewpayroll-profile-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a}.viewpayroll-profile-card{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.viewpayroll-profile-avatar{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:700;flex-shrink:0}.viewpayroll-profile-info{flex:1;min-width:250px}.viewpayroll-profile-info h2{margin:0 0 8px;color:#111827;font-size:28px;font-weight:700}.viewpayroll-employee-id{margin:0 0 4px;color:#fff;font-size:16px;font-weight:500}.viewpayroll-designation{margin:0 0 4px;color:#374151;font-size:18px;font-weight:600}.viewpayroll-manager{margin:0;color:#6b7280;font-size:14px}.viewpayroll-payroll-summary{display:flex;flex-direction:column;gap:16px;min-width:200px}.viewpayroll-summary-item{display:flex;flex-direction:column;gap:4px}.viewpayroll-summary-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.viewpayroll-summary-value{font-size:16px;color:#374151;font-weight:600}.viewpayroll-summary-value.highlight{font-size:24px;color:#10b981;font-weight:700}.viewpayroll-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.viewpayroll-status-badge.pending{background:#fef3c7;color:#92400e}.viewpayroll-status-badge.approved{background:#dbeafe;color:#1e40af}.viewpayroll-status-badge.processed{background:#d1fae5;color:#065f46}.viewpayroll-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.viewpayroll-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:12px;border-left:3px solid}.viewpayroll-card.earnings{border-left-color:#10b981}.viewpayroll-card.deductions{border-left-color:#ef4444}.viewpayroll-card.attendance{border-left-color:#3b82f6}.viewpayroll-card.net-pay{border-left-color:#8b5cf6}.viewpayroll-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.viewpayroll-card.earnings .viewpayroll-card-icon{background:linear-gradient(135deg,#10b981,#059669)}.viewpayroll-card.deductions .viewpayroll-card-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.viewpayroll-card.attendance .viewpayroll-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.viewpayroll-card.net-pay .viewpayroll-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.viewpayroll-card-content h4{margin:0 0 4px;color:#374151;font-size:14px;font-weight:600}.viewpayroll-amount{margin:0 0 2px;font-size:18px;font-weight:700;color:#111827}.viewpayroll-amount.net{color:#10b981}.viewpayroll-attendance-ratio{margin:0 0 2px;font-size:18px;font-weight:700;color:#3b82f6}.viewpayroll-card-subtitle{font-size:11px;color:#9ca3af;font-weight:500}.viewpayroll-tabs-modern{display:grid;grid-template-columns:repeat(4,1fr);background:#f8f9fa;border-radius:12px;padding:4px;box-shadow:0 2px 10px #0000000f;border:1px solid #e9ecef;gap:2px;margin-bottom:16px}.viewpayroll-tab-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;font-size:12px;font-weight:500;min-height:60px;position:relative;overflow:hidden}.viewpayroll-tab-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffc,#fff6);opacity:0;transition:opacity .3s ease;border-radius:12px}.viewpayroll-tab-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:#e2e8f0;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.viewpayroll-tab-text{font-size:11px;font-weight:600;text-align:center;line-height:1.2;position:relative;z-index:2}.viewpayroll-tab-modern:hover{transform:translateY(-1px);color:#475569}.viewpayroll-tab-modern:hover:before{opacity:1}.viewpayroll-tab-modern:hover .viewpayroll-tab-icon{background:#cbd5e1;color:#475569;transform:scale(1.03)}.viewpayroll-tab-modern.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #0ea5e940}.viewpayroll-tab-modern.active:before{opacity:0}.viewpayroll-tab-modern.active .viewpayroll-tab-icon{background:#fff3;color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #ffffff26}.viewpayroll-tab-modern.active .viewpayroll-tab-text{color:#fff}.viewpayroll-tab-modern:nth-child(1).active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b40}.viewpayroll-tab-modern:nth-child(2).active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98140}.viewpayroll-tab-modern:nth-child(3).active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444440}.viewpayroll-tab-modern:nth-child(4).active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf640}.viewpayroll-tax-container-modern{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.viewpayroll-tax-header-modern{margin-bottom:24px}.viewpayroll-tax-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-tax-icon-modern{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.viewpayroll-tax-title-modern h4{margin:0;font-size:18px;font-weight:600;color:#111827}.viewpayroll-tax-table-container{overflow-x:auto}.viewpayroll-tax-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.viewpayroll-tax-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 12px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:2px solid #e5e7eb}.viewpayroll-tax-table thead th:first-child{width:80px;text-align:center}.viewpayroll-tax-table tbody td{padding:16px 12px;border-bottom:1px solid #f3f4f6;font-size:14px}.viewpayroll-tax-row-label{font-weight:600;color:#374151;text-align:center;background:#fafbfc}.viewpayroll-tax-amount{font-weight:600;color:#111827;text-align:right}.viewpayroll-tax-amount.total{background:#f0f9ff;color:#0369a1;font-weight:700}.viewpayroll-tax-table tfoot td{padding:16px 12px;border-top:2px solid #e5e7eb;font-weight:700}.viewpayroll-tax-grand-total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-weight:700;font-size:16px;text-align:right;border-radius:4px}.viewpayroll-tax-table tbody tr:hover{background:#f9fafb}@media (max-width: 768px){.viewpayroll-tax-container-modern{padding:16px}.viewpayroll-tax-table thead th,.viewpayroll-tax-table tbody td{padding:12px 8px;font-size:12px}.viewpayroll-tax-title-modern h4{font-size:16px}}.viewpayroll-download-section{display:flex;justify-content:flex-end;margin-bottom:16px}.viewpayroll-download-tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b98133;white-space:nowrap}.viewpayroll-download-tab-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.viewpayroll-download-tab-btn:active{transform:translateY(0)}.viewpayroll-download-tab-btn svg{font-size:16px}.viewpayroll-earnings-card-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden}.viewpayroll-earnings-header-modern{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-earnings-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-earnings-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-earnings-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-earnings-content-modern{padding:0}.viewpayroll-component-modern{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.viewpayroll-component-modern:hover{background:#f9fafb}.viewpayroll-component-modern:last-child{border-bottom:none}.viewpayroll-component-modern.total{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-top:2px solid #10b981;border-bottom:none;font-weight:700}.viewpayroll-component-label-modern{font-size:16px;color:#374151;font-weight:500}.viewpayroll-component-modern.total .viewpayroll-component-label-modern{color:#065f46;font-weight:700}.viewpayroll-component-amount-modern{font-size:18px;color:#059669;font-weight:700;text-align:right}.viewpayroll-component-amount-modern.total{font-size:22px;color:#065f46;font-weight:800}.viewpayroll-deductions-card-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden}.viewpayroll-deductions-header-modern{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-deductions-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-deductions-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-deductions-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-deductions-content-modern{padding:0}.viewpayroll-deduction-modern{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.viewpayroll-deduction-modern:hover{background:#f9fafb}.viewpayroll-deduction-modern:last-child{border-bottom:none}.viewpayroll-deduction-modern.total{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-top:2px solid #ef4444;border-bottom:none;font-weight:700}.viewpayroll-deduction-label-modern{font-size:16px;color:#374151;font-weight:500}.viewpayroll-deduction-modern.total .viewpayroll-deduction-label-modern{color:#991b1b;font-weight:700}.viewpayroll-deduction-amount-modern{font-size:18px;color:#ef4444;font-weight:700;text-align:right}.viewpayroll-deduction-amount-modern.total{font-size:22px;color:#991b1b;font-weight:800}.viewpayroll-attendance-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.viewpayroll-attendance-summary-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden}.viewpayroll-attendance-header-modern{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-attendance-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-attendance-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-attendance-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-attendance-stats-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.viewpayroll-attendance-stat-modern{text-align:center;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.viewpayroll-stat-number-modern{font-size:32px;font-weight:800;margin-bottom:8px;display:block}.viewpayroll-stat-number-modern.working{color:#374151}.viewpayroll-stat-number-modern.present{color:#059669}.viewpayroll-stat-number-modern.leave{color:#f59e0b}.viewpayroll-stat-number-modern.overtime{color:#3b82f6}.viewpayroll-stat-label-modern{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewpayroll-attendance-details-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden}.viewpayroll-details-header-modern{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-details-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-details-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-details-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-detail-list-modern{padding:24px;display:flex;flex-direction:column;gap:16px}.viewpayroll-detail-item-modern{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.viewpayroll-detail-label-modern{font-size:14px;color:#6b7280;font-weight:500}.viewpayroll-detail-value-modern{font-size:14px;color:#111827;font-weight:600}.viewpayroll-tax-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.viewpayroll-tax-summary-modern,.viewpayroll-compliance-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden}.viewpayroll-tax-header-modern,.viewpayroll-compliance-header-modern{background:linear-gradient(135deg,#fefbf7,#fef7ed);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-tax-title-modern,.viewpayroll-compliance-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-tax-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-compliance-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-tax-title-modern h4,.viewpayroll-compliance-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-tax-content-modern,.viewpayroll-compliance-content-modern{padding:24px;display:flex;flex-direction:column;gap:16px}.viewpayroll-tax-item-modern,.viewpayroll-compliance-item-modern{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.viewpayroll-tax-label-modern,.viewpayroll-compliance-label-modern{font-size:14px;color:#6b7280;font-weight:500}.viewpayroll-tax-value-modern,.viewpayroll-compliance-value-modern{font-size:14px;color:#111827;font-weight:600;text-align:right}.viewpayroll-tax-value-modern.deduction{color:#ef4444}.viewpayroll-bank-card-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;overflow:hidden;max-width:600px}.viewpayroll-bank-header-modern{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:24px;border-bottom:1px solid #e5e7eb}.viewpayroll-bank-title-modern{display:flex;align-items:center;gap:12px}.viewpayroll-bank-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-bank-title-modern h4{margin:0;color:#111827;font-size:20px;font-weight:600}.viewpayroll-bank-content-modern{padding:24px;display:flex;flex-direction:column;gap:16px}.viewpayroll-bank-item-modern{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.viewpayroll-bank-label-modern{font-size:14px;color:#6b7280;font-weight:500}.viewpayroll-bank-value-modern{font-size:14px;color:#111827;font-weight:600;text-align:right}.viewpayroll-bank-enhanced{margin-top:24px}.viewpayroll-bank-container-enhanced{max-width:800px;margin:0 auto}.viewpayroll-bank-main-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;overflow:hidden}.viewpayroll-bank-header-enhanced{background:linear-gradient(135deg,#f0f9ff,#dbeafe);padding:32px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5e7eb}.viewpayroll-bank-icon-enhanced{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 16px #3b82f64d}.viewpayroll-bank-title-enhanced h3{margin:0 0 4px;color:#111827;font-size:24px;font-weight:700}.viewpayroll-bank-title-enhanced p{margin:0;color:#6b7280;font-size:14px;font-weight:500}.viewpayroll-bank-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:32px}.viewpayroll-bank-detail-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease;cursor:pointer}.viewpayroll-bank-detail-card:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.viewpayroll-detail-icon{width:48px;height:48px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0284c7;font-size:20px;flex-shrink:0}.viewpayroll-detail-content{display:flex;flex-direction:column;gap:4px;flex:1}.viewpayroll-detail-label{color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewpayroll-detail-value{color:#111827;font-weight:700;line-height:1.2}.viewpayroll-bank-detail-card:nth-child(1) .viewpayroll-detail-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669}.viewpayroll-bank-detail-card:nth-child(2) .viewpayroll-detail-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#d97706}.viewpayroll-bank-detail-card:nth-child(3) .viewpayroll-detail-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#8b5cf6;color:#7c3aed}.viewpayroll-bank-detail-card:nth-child(4) .viewpayroll-detail-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#dc2626}.viewpayroll-bank-detail-card:nth-child(5) .viewpayroll-detail-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;color:#16a34a}.viewpayroll-bank-detail-card:nth-child(6) .viewpayroll-detail-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#2563eb}.viewpayroll-tabs{display:flex;background:#fff;border-radius:8px;padding:4px;margin-bottom:1px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.viewpayroll-tab{flex:1;padding:14px 20px;border:none;background:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap;min-width:140px}.viewpayroll-tab:hover{background:#f3f4f6;color:#374151}.viewpayroll-tab.active{background:#0ea5e9;color:#fff}.viewpayroll-tab-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a;min-height:400px}.viewpayroll-overview-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.viewpayroll-overview-card-modern{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.viewpayroll-overview-card-modern:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.viewpayroll-card-header-modern{background:#f8fafc;padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.viewpayroll-card-icon-modern{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewpayroll-card-title-modern{margin:0;color:#111827;font-size:18px;font-weight:600}.viewpayroll-info-grid-modern{padding:24px;display:flex;flex-direction:column;gap:16px}.viewpayroll-info-row-modern{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.viewpayroll-info-row-modern:last-child{border-bottom:none}.viewpayroll-info-label-modern{font-size:14px;color:#6b7280;font-weight:500;min-width:120px}.viewpayroll-info-value-modern{font-size:14px;color:#111827;font-weight:600;text-align:right}.viewpayroll-history-list-modern{padding:24px;display:flex;flex-direction:column;gap:12px}.viewpayroll-history-item-modern{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;transition:all .2s ease}.viewpayroll-history-item-modern:hover{background:#f3f4f6;border-color:#e5e7eb}.viewpayroll-history-month-modern{font-size:14px;color:#374151;font-weight:600}.viewpayroll-history-amount-modern{font-size:16px;color:#059669;font-weight:700;text-align:right}.viewpayroll-history-status-modern{padding:4px 12px;background:#d1fae5;color:#065f46;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.viewpayroll-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.viewpayroll-overview-card{background:#f9fafb;border-radius:12px;padding:24px}.viewpayroll-overview-card h4{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.viewpayroll-info-list{display:flex;flex-direction:column;gap:12px}.viewpayroll-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.viewpayroll-info-item:last-child{border-bottom:none}.viewpayroll-info-item span:first-child{color:#6b7280;font-weight:500}.viewpayroll-info-item span:last-child{color:#111827;font-weight:600}.viewpayroll-history-list{display:flex;flex-direction:column;gap:8px}.viewpayroll-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.viewpayroll-history-month{color:#374151;font-weight:500}.viewpayroll-history-amount{color:#10b981;font-weight:600}.viewpayroll-history-status{color:#6b7280;font-size:12px}.viewpayroll-breakdown-card{background:#f9fafb;border-radius:12px;padding:24px}.viewpayroll-breakdown-card h4{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600}.viewpayroll-breakdown-list{display:flex;flex-direction:column;gap:2px}.viewpayroll-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-radius:8px;margin-bottom:2px}.viewpayroll-breakdown-item.total{background:#1f2937;color:#fff;font-weight:600;margin-top:8px}.viewpayroll-component-name{color:#374151;font-weight:500}.viewpayroll-component-amount{font-weight:700;color:#111827}.viewpayroll-component-amount.deduction{color:#ef4444}.viewpayroll-breakdown-item.total .viewpayroll-component-name,.viewpayroll-breakdown-item.total .viewpayroll-component-amount{color:#fff}.viewpayroll-attendance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.viewpayroll-attendance-summary{background:#f9fafb;border-radius:12px;padding:24px}.viewpayroll-attendance-summary h4{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600}.viewpayroll-attendance-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.viewpayroll-attendance-stat{text-align:center;padding:16px;background:#fff;border-radius:8px}.viewpayroll-stat-number{font-size:32px;font-weight:700;margin-bottom:4px;color:#111827}.viewpayroll-stat-number.present{color:#10b981}.viewpayroll-stat-number.leave{color:#f59e0b}.viewpayroll-stat-number.overtime{color:#3b82f6}.viewpayroll-stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.viewpayroll-attendance-details{background:#f9fafb;border-radius:12px;padding:24px}.viewpayroll-attendance-details h4{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600}.viewpayroll-detail-list{display:flex;flex-direction:column;gap:12px}.viewpayroll-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px}.viewpayroll-detail-item span:first-child{color:#6b7280;font-weight:500}.viewpayroll-detail-item span:last-child{color:#111827;font-weight:600}.viewpayroll-tax-grid,.viewpayroll-bank-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.viewpayroll-tax-summary,.viewpayroll-compliance-details,.viewpayroll-bank-card{background:#f9fafb;border-radius:12px;padding:24px}.viewpayroll-tax-summary h4,.viewpayroll-compliance-details h4,.viewpayroll-bank-card h4{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.viewpayroll-tax-list,.viewpayroll-compliance-list,.viewpayroll-bank-details{display:flex;flex-direction:column;gap:12px}.viewpayroll-tax-item,.viewpayroll-compliance-item,.viewpayroll-bank-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px}.viewpayroll-tax-item span:first-child,.viewpayroll-compliance-item span:first-child{color:#6b7280;font-weight:500}.viewpayroll-tax-item span:last-child,.viewpayroll-compliance-item span:last-child{color:#111827;font-weight:600}.viewpayroll-tax-item span.deduction{color:#ef4444}.viewpayroll-bank-label{color:#6b7280;font-weight:500;min-width:120px}.viewpayroll-bank-value{color:#111827;font-weight:600}@media (max-width: 768px){.viewpayroll-container{padding:12px}.viewpayroll-header{flex-direction:column;gap:16px;align-items:stretch;margin-bottom:16px}.viewpayroll-back-btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.viewpayroll-download-section{justify-content:center;margin-bottom:20px}.viewpayroll-download-tab-btn{width:100%;justify-content:center;padding:16px 24px;font-size:15px;border-radius:12px}.viewpayroll-profile-card{flex-direction:column;text-align:center;gap:24px}.viewpayroll-payroll-summary{align-items:center}.viewpayroll-summary-cards{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.viewpayroll-card{flex-direction:column;text-align:center;gap:8px;padding:12px}.viewpayroll-card-icon{width:32px;height:32px;font-size:16px}.viewpayroll-card-content h4{font-size:12px}.viewpayroll-amount,.viewpayroll-attendance-ratio{font-size:16px}.viewpayroll-card-subtitle{font-size:10px}.viewpayroll-tabs{flex-direction:column}.viewpayroll-tab{justify-content:flex-start;min-width:auto}.viewpayroll-overview-grid,.viewpayroll-overview-grid-modern,.viewpayroll-attendance-grid,.viewpayroll-tax-grid{grid-template-columns:1fr}.viewpayroll-overview-grid-modern{gap:16px}.viewpayroll-card-header-modern{padding:16px 20px}.viewpayroll-info-grid-modern,.viewpayroll-history-list-modern{padding:20px}.viewpayroll-info-row-modern{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;border-bottom:1px solid #f1f5f9}.viewpayroll-info-label-modern{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:auto;margin-bottom:4px}.viewpayroll-info-value-modern{font-size:14px;color:#111827;font-weight:600;text-align:left;word-break:break-word;width:100%}.viewpayroll-history-item-modern{grid-template-columns:1fr;gap:8px;text-align:left;padding:16px}.viewpayroll-history-month-modern{font-size:14px;color:#374151;font-weight:600;margin-bottom:6px}.viewpayroll-history-amount-modern{font-size:18px;color:#059669;font-weight:700;text-align:left;margin-bottom:6px}.viewpayroll-history-status-modern{align-self:flex-start;text-align:left}.viewpayroll-overview-card-modern{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.viewpayroll-card-title-modern{font-size:16px;margin-bottom:8px}.viewpayroll-info-grid-modern,.viewpayroll-history-list-modern{padding:16px}.viewpayroll-info-value-modern{line-height:1.4;overflow-wrap:break-word}.viewpayroll-main-header-card{padding:20px 16px;margin-bottom:16px}.viewpayroll-tab-content{padding:20px 16px}.viewpayroll-tabs-modern{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;margin-bottom:16px}.viewpayroll-tab-modern{padding:14px 12px;min-height:70px;gap:8px;border-radius:10px}.viewpayroll-tab-icon{width:30px;height:30px;font-size:15px;border-radius:8px}.viewpayroll-tab-text{font-size:12px;font-weight:600;line-height:1.2}.viewpayroll-earnings-header-modern{padding:20px}.viewpayroll-earnings-title-modern h4{font-size:18px}.viewpayroll-component-modern{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:8px}.viewpayroll-component-amount-modern{text-align:left;font-size:16px}.viewpayroll-component-amount-modern.total{font-size:18px}.viewpayroll-deductions-header-modern{padding:20px}.viewpayroll-deductions-title-modern h4{font-size:18px}.viewpayroll-deduction-modern{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:8px}.viewpayroll-deduction-amount-modern{text-align:left;font-size:16px}.viewpayroll-deduction-amount-modern.total{font-size:18px}.viewpayroll-attendance-grid-modern{grid-template-columns:1fr;gap:16px}.viewpayroll-attendance-stats-modern{grid-template-columns:1fr;gap:12px}.viewpayroll-stat-number-modern{font-size:28px}.viewpayroll-attendance-header-modern,.viewpayroll-details-header-modern{padding:20px}.viewpayroll-attendance-title-modern h4,.viewpayroll-details-title-modern h4{font-size:18px}.viewpayroll-detail-item-modern{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.viewpayroll-detail-value-modern{text-align:left}.viewpayroll-tax-grid-modern{grid-template-columns:1fr;gap:16px}.viewpayroll-tax-header-modern,.viewpayroll-compliance-header-modern{padding:20px}.viewpayroll-tax-title-modern h4,.viewpayroll-compliance-title-modern h4{font-size:18px}.viewpayroll-tax-item-modern,.viewpayroll-compliance-item-modern{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.viewpayroll-tax-value-modern,.viewpayroll-compliance-value-modern{text-align:left}.viewpayroll-bank-card-modern{max-width:none}.viewpayroll-bank-header-modern{padding:20px}.viewpayroll-bank-title-modern h4{font-size:18px}.viewpayroll-bank-item-modern{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.viewpayroll-bank-value-modern{text-align:left}.viewpayroll-bank-container-enhanced{max-width:none;margin:0}.viewpayroll-bank-header-enhanced{padding:24px 20px;flex-direction:column;text-align:center;gap:16px}.viewpayroll-bank-icon-enhanced{width:50px;height:50px;font-size:20px}.viewpayroll-bank-title-enhanced h3{font-size:20px}.viewpayroll-bank-details-grid{grid-template-columns:1fr;gap:16px;padding:24px 20px}.viewpayroll-bank-detail-card{padding:20px;gap:12px}.viewpayroll-detail-icon{width:40px;height:40px;font-size:18px}.viewpayroll-detail-value{font-size:14px}.viewpayroll-attendance-stats{grid-template-columns:1fr}.viewpayroll-info-item,.viewpayroll-detail-item,.viewpayroll-tax-item,.viewpayroll-compliance-item,.viewpayroll-bank-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.viewpayroll-container{padding:8px}.viewpayroll-main-header-card{padding:16px 12px;margin-bottom:12px;border-radius:16px}.viewpayroll-employee-section{gap:12px}.viewpayroll-employee-avatar-large{width:50px;height:50px;font-size:20px}.viewpayroll-employee-name{font-size:20px}.viewpayroll-employee-id{font-size:10px;padding:4px 8px}.viewpayroll-header-summary{gap:8px;flex-wrap:wrap}.viewpayroll-summary-column{min-width:calc(50% - 4px);padding:12px 8px;min-height:60px}.viewpayroll-summary-label{font-size:9px}.viewpayroll-summary-value{font-size:13px}.viewpayroll-summary-value-large{font-size:15px}.viewpayroll-card{padding:16px 12px;gap:12px}.viewpayroll-card-icon{width:36px;height:36px;font-size:16px}.viewpayroll-amount,.viewpayroll-attendance-ratio{font-size:16px}.viewpayroll-card-subtitle{font-size:10px}.viewpayroll-tabs-modern{grid-template-columns:1fr;gap:8px;padding:6px}.viewpayroll-tab-modern{padding:12px;min-height:60px;gap:6px}.viewpayroll-tab-icon{width:28px;height:28px;font-size:14px}.viewpayroll-tab-text{font-size:11px}.viewpayroll-tab-content{padding:16px 12px}.viewpayroll-download-tab-btn{padding:14px 20px;font-size:14px}.viewpayroll-earnings-header-modern,.viewpayroll-deductions-header-modern,.viewpayroll-attendance-header-modern,.viewpayroll-details-header-modern,.viewpayroll-tax-header-modern,.viewpayroll-compliance-header-modern{padding:16px}.viewpayroll-earnings-title-modern h4,.viewpayroll-deductions-title-modern h4,.viewpayroll-attendance-title-modern h4,.viewpayroll-details-title-modern h4,.viewpayroll-tax-title-modern h4,.viewpayroll-compliance-title-modern h4{font-size:16px}.viewpayroll-earnings-icon-modern,.viewpayroll-deductions-icon-modern,.viewpayroll-attendance-icon-modern,.viewpayroll-details-icon-modern,.viewpayroll-tax-icon-modern,.viewpayroll-compliance-icon-modern{width:32px;height:32px;font-size:16px}.viewpayroll-component-modern,.viewpayroll-deduction-modern{padding:12px 16px}.viewpayroll-component-amount-modern,.viewpayroll-deduction-amount-modern{font-size:14px}.viewpayroll-component-amount-modern.total,.viewpayroll-deduction-amount-modern.total{font-size:16px}.viewpayroll-attendance-stats-modern{gap:8px;padding:16px}.viewpayroll-attendance-stat-modern{padding:12px}.viewpayroll-stat-number-modern{font-size:24px}.viewpayroll-stat-label-modern{font-size:10px}.viewpayroll-bank-header-enhanced{padding:20px 16px}.viewpayroll-bank-icon-enhanced{width:40px;height:40px;font-size:18px}.viewpayroll-bank-title-enhanced h3{font-size:18px}.viewpayroll-bank-details-grid{padding:20px 16px;gap:12px}.viewpayroll-bank-detail-card{padding:16px;gap:10px}.viewpayroll-detail-icon{width:36px;height:36px;font-size:16px}.viewpayroll-detail-label{font-size:11px}.viewpayroll-detail-value{font-size:14px}.viewpayroll-info-grid-modern,.viewpayroll-history-list-modern,.viewpayroll-detail-list-modern,.viewpayroll-tax-content-modern,.viewpayroll-compliance-content-modern{padding:12px}.viewpayroll-info-row-modern,.viewpayroll-history-item-modern,.viewpayroll-detail-item-modern,.viewpayroll-tax-item-modern,.viewpayroll-compliance-item-modern{padding:10px}.viewpayroll-history-amount-modern{font-size:16px}.viewpayroll-history-status-modern{padding:3px 8px;font-size:10px}}.staffqueries-notifications{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:400px}.staffqueries-notification{padding:12px 20px;border-radius:8px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.staffqueries-notification-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.staffqueries-notification-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.staffqueries-notification-warning{background:#fff3cd;color:#856404;border-left:4px solid #ffc107}.staffqueries-notification-info{background:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.staffqueries-header{margin-bottom:8px;padding:35px;background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border-radius:20px;box-shadow:0 12px 40px #00000026,0 4px 15px #9c27b04d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.staffqueries-header-content{display:flex;align-items:center;justify-content:center;gap:20px;max-width:600px;margin:0 auto}.staffqueries-header-icon{font-size:3rem;background:#fff3;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.staffqueries-header-text{text-align:left;flex:1}.staffqueries-header-text h1{margin:0 0 6px;font-size:2.2rem;font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.2);line-height:1.2}.staffqueries-header-text p{margin:0;font-size:1rem;opacity:.95;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.1)}.staffqueries-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:25px 30px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 8px 30px #0000001f;gap:25px;border:1px solid rgba(156,39,176,.1)}.staffqueries-search{flex:1;position:relative}.staffqueries-search-input{width:100%;padding:12px 18px;border:2px solid #e2e8f0;border-radius:24px;font-size:.875rem;box-sizing:border-box;transition:all .3s ease;background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:inset 0 2px 4px #0000000d}.staffqueries-search-input:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 4px #9c27b026,inset 0 2px 4px #0000000d;background:#fff;transform:translateY(-1px)}.staffqueries-filters{display:flex;gap:15px}.staffqueries-filter-select{padding:10px 16px;border:2px solid #e2e8f0;border-radius:16px;font-size:.8rem;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;min-width:130px;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px #00000014}.staffqueries-filter-select:focus,.staffqueries-filter-select:hover{outline:none;border-color:#9c27b0;transform:translateY(-2px);box-shadow:0 8px 20px #9c27b033;background:#fff}.staffqueries-action-buttons{display:flex;gap:10px;align-items:center}.staffqueries-secondary-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:2px solid #e2e8f0;padding:12px;border-radius:16px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.staffqueries-secondary-btn:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#9c27b0;transform:translateY(-2px);box-shadow:0 8px 20px #9c27b033;color:#9c27b0}.staffqueries-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 6px 20px #10b9814d;border:2px solid rgba(255,255,255,.1)}.staffqueries-add-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.staffqueries-quick-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:5px;padding:16px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(156,39,176,.08)}.staffqueries-quick-filters span{font-weight:700;color:#374151;margin-right:12px;font-size:.8rem;letter-spacing:-.025em}.staffqueries-quick-filter{padding:8px 16px;border:2px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-weight:600;color:#64748b;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.staffqueries-quick-filter:hover{border-color:#9c27b0;color:#9c27b0;transform:translateY(-2px);box-shadow:0 6px 20px #9c27b026;background:#fff}.staffqueries-quick-filter.active{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border-color:#9c27b0;box-shadow:0 6px 20px #9c27b066;transform:translateY(-2px)}.staffqueries-filter-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.staffqueries-view-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:5px;padding:16px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 4px 20px #0000000f;gap:16px;border:1px solid rgba(156,39,176,.08)}.staffqueries-view-mode{display:flex;gap:3px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:6px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:inset 0 2px 4px #0000000d}.staffqueries-view-btn{padding:10px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;color:#64748b;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.staffqueries-view-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);color:#9c27b0;transform:translateY(-1px);box-shadow:0 4px 12px #9c27b026}.staffqueries-view-btn.active{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;box-shadow:0 4px 15px #9c27b066;transform:translateY(-1px)}.staffqueries-bulk-actions{display:flex;align-items:center;gap:15px}.staffqueries-selection-count{font-weight:600;color:#495057;padding:6px 10px;background:#e3f2fd;border-radius:16px;font-size:.75rem}.staffqueries-danger-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.staffqueries-danger-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.staffqueries-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.staffqueries-items-per-page{padding:8px 12px;border:2px solid #e2e8f0;border-radius:10px;font-size:.75rem;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;font-weight:500;color:#64748b;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;min-width:100px}.staffqueries-items-per-page:hover,.staffqueries-items-per-page:focus{outline:none;border-color:#9c27b0;box-shadow:0 4px 12px #9c27b026;transform:translateY(-1px);background:#fff}.staffqueries-export-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:2px solid #e2e8f0;padding:8px 12px;border-radius:10px;font-size:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:600;box-shadow:0 2px 8px #0000000d;white-space:nowrap}.staffqueries-export-btn:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#9c27b0;color:#9c27b0;transform:translateY(-2px);box-shadow:0 6px 20px #9c27b026}.staffqueries-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:16px}.staffqueries-section h2{margin:0 0 16px;color:#2c3e50;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px}.staffqueries-draft-indicator{background:#fff3cd;color:#856404;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.staffqueries-shortcuts{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #17a2b8}.staffqueries-recent h4{margin:0 0 15px;color:#495057;font-size:1rem;display:flex;align-items:center;gap:8px}.staffqueries-recent-list{display:flex;gap:10px;flex-wrap:wrap}.staffqueries-recent-item{background:#fff;border:1px solid #e1e8ed;padding:8px 12px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease;color:#495057}.staffqueries-recent-item:hover{background:#e3f2fd;border-color:#3498db;color:#3498db;transform:translateY(-1px)}.staffqueries-modern-table{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:20px}.staffqueries-table-header{display:grid;grid-template-columns:50px 1fr 200px 120px 150px 120px 120px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;font-weight:700;font-size:.75rem;color:#374151;text-transform:uppercase;letter-spacing:.8px;position:sticky;top:0;z-index:10}.staffqueries-header-cell{padding:16px 12px;display:flex;align-items:center;border-right:1px solid #e5e7eb;cursor:default;-webkit-user-select:none;user-select:none}.staffqueries-header-cell:last-child{border-right:none}.staffqueries-header-cell.select-cell{justify-content:center}.staffqueries-table-body{display:flex;flex-direction:column}.staffqueries-table-row{display:grid;grid-template-columns:50px 1fr 200px 120px 150px 120px 120px;border-bottom:1px solid #f1f5f9;transition:all .2s ease;background:#fff}.staffqueries-table-row:hover{background:linear-gradient(135deg,#fefefe,#f8fafc);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.staffqueries-table-row.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;box-shadow:0 2px 12px #3b82f626}.staffqueries-table-row:last-child{border-bottom:none}.staffqueries-table-cell{padding:12px;display:flex;align-items:center;border-right:1px solid #f1f5f9;min-height:60px;font-size:.875rem}.staffqueries-table-cell:last-child{border-right:none}.staffqueries-table-cell.select-cell,.staffqueries-table-cell.action-cell{justify-content:center}.staffqueries-query-content{display:flex;flex-direction:column;gap:6px;width:100%}.staffqueries-query-title{display:flex;align-items:center;gap:8px}.staffqueries-query-subject{font-weight:600;color:#111827;font-size:.875rem;line-height:1.4}.staffqueries-query-id{font-size:.75rem;color:#6b7280;font-weight:500}.staffqueries-favorite-star{color:#f59e0b;font-size:1rem;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.staffqueries-type-badge{background:#eff6ff;color:#1d4ed8;padding:6px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid #bfdbfe;white-space:nowrap}.staffqueries-type-badge svg{font-size:.75rem;flex-shrink:0}.staffqueries-priority-indicator{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.75rem;text-transform:capitalize;padding:6px 10px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;white-space:nowrap}.staffqueries-priority-indicator svg{font-size:.75rem;flex-shrink:0}.staffqueries-status-badge{padding:0;border-radius:0;font-size:.75rem;font-weight:600;text-transform:capitalize;border:none;background:none;display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:auto;white-space:nowrap}.staffqueries-status-badge svg{font-size:.75rem;flex-shrink:0}.staffqueries-status-pending{color:#92400e}.staffqueries-status-in_progress{color:#1e40af}.staffqueries-status-resolved{color:#065f46}.staffqueries-status-closed{color:#6b7280}.staffqueries-date{color:#6b7280;font-size:.75rem;font-weight:500}.staffqueries-actions{display:flex;gap:4px;align-items:center;justify-content:center}.staffqueries-action-btn{padding:8px;border:0px solid #e5e7eb;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 4px #0000000d}.staffqueries-action-btn.favorite-btn{color:#f59e0b}.staffqueries-action-btn.favorite-btn:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 15px #f59e0b40}.staffqueries-action-btn.edit-btn{color:#3b82f6}.staffqueries-action-btn.edit-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 15px #3b82f640}.staffqueries-action-btn.delete-btn{color:#ef4444}.staffqueries-action-btn.delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 15px #ef444440}.staffqueries-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:20px}.staffqueries-card{background:#fff;border:2px solid #f1f3f4;border-radius:15px;padding:20px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.staffqueries-card:hover{border-color:#3498db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.staffqueries-card.selected{border-color:#3498db;background:#f8fdff;box-shadow:0 4px 20px #3498db26}.staffqueries-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f1f3f4}.staffqueries-card-id{font-weight:700;color:#3498db;font-size:1.1rem}.staffqueries-card-content h3{margin:0 0 10px;color:#2c3e50;font-size:1.2rem;font-weight:600;line-height:1.4}.staffqueries-card-description{margin:0 0 15px;color:#495057;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.staffqueries-card-badges{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.staffqueries-hr-response{background:linear-gradient(135deg,#e8f8f5,#d4f6d4);padding:15px;border-radius:10px;border-left:4px solid #28a745;margin-top:15px}.staffqueries-hr-response h4{margin:0 0 10px;color:#155724;font-size:1rem;display:flex;align-items:center;gap:8px}.staffqueries-hr-response p{margin:0;color:#155724;line-height:1.6}.staffqueries-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #f1f3f4}.staffqueries-card-dates{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#6c757d}.staffqueries-card-actions{display:flex;gap:12px;align-items:center}.staffqueries-edit-btn,.staffqueries-delete-btn,.staffqueries-favorite-btn{padding:8px 16px;border:0px solid #e5e7eb;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 6px #00000014;white-space:nowrap}.staffqueries-edit-btn{color:#3b82f6;border-color:#bfdbfe}.staffqueries-edit-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.staffqueries-delete-btn{color:#ef4444;border-color:#fecaca}.staffqueries-delete-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.staffqueries-favorite-btn{color:#f59e0b;border-color:#fed7aa}.staffqueries-favorite-btn:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}.staffqueries-pagination{display:flex;justify-content:end;align-items:center;gap:6px;margin-top:24px;flex-wrap:wrap;padding:16px 0}.staffqueries-page-btn{padding:8px 12px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d}.staffqueries-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#374151;box-shadow:0 2px 4px #0000001a}.staffqueries-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.staffqueries-page-active{background:#3b82f6;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 2px 8px #3b82f640;font-weight:600}.staffqueries-page-active:hover{background:#2563eb!important;border-color:#2563eb!important}.staffqueries-page-ellipsis{color:#9ca3af;font-weight:500;padding:0 6px;font-size:.875rem}.staffqueries-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staffqueries-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.staffqueries-modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #f1f3f4;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px 20px 0 0}.staffqueries-modal-header h3{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px}.staffqueries-draft-badge{background:#d4edda;color:#155724;padding:3px 8px;border-radius:10px;font-size:.65rem;font-weight:500}.staffqueries-modal-close{background:#f8f9fa;border:1px solid #e1e8ed;font-size:1.2rem;cursor:pointer;color:#6c757d;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.staffqueries-modal-close:hover{background:#e9ecef;color:#495057;transform:rotate(90deg)}.staffqueries-form{padding:30px}.staffqueries-form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.staffqueries-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.staffqueries-form-group label{font-weight:600;color:#2c3e50;font-size:.8rem;display:flex;align-items:center;gap:4px}.required{color:#dc3545;font-weight:700}.staffqueries-form-group input,.staffqueries-form-group select,.staffqueries-form-group textarea{padding:10px 14px;border:2px solid #e1e8ed;border-radius:8px;font-size:.8rem;transition:all .3s ease;font-family:inherit}.staffqueries-form-group input:focus,.staffqueries-form-group select:focus,.staffqueries-form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px #3498db1a;transform:translateY(-1px)}.staffqueries-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.staffqueries-char-count{font-size:.7rem;color:#6c757d;text-align:right;margin-top:4px}.staffqueries-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid #f1f3f4}.staffqueries-cancel-btn{background:#f8f9fa;color:#495057;border:2px solid #e1e8ed;padding:10px 20px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.staffqueries-cancel-btn:hover{background:#e9ecef;border-color:#6c757d;transform:translateY(-1px)}.staffqueries-submit-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.staffqueries-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.staffqueries-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.staffqueries-template-list{padding:20px 30px 30px;display:grid;gap:15px}.staffqueries-template-item{border:2px solid #f1f3f4;padding:20px;border-radius:12px;cursor:pointer;transition:all .3s ease}.staffqueries-template-item:hover{border-color:#3498db;background:#f8fdff;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.staffqueries-template-item h4{margin:0 0 8px;color:#2c3e50;font-size:.9rem}.staffqueries-template-item p{margin:4px 0;color:#6c757d;font-size:.75rem}.staffqueries-template-preview{font-style:italic;color:#495057!important;font-size:.7rem!important}.staffqueries-advanced-search{padding:20px 30px 30px}.staffqueries-search-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px}.staffqueries-search-options label{display:flex;align-items:center;gap:6px;font-weight:500;color:#495057;font-size:.8rem}.staffqueries-no-data{text-align:center;padding:32px 16px;color:#6b7280;font-size:.8rem;background:#f9fafb;border-radius:8px;margin:16px;border:1px dashed #d1d5db}@media (max-width: 1200px){.staffqueries-container{max-width:100%;padding:15px}.staffqueries-card-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.staffqueries-header-content{flex-direction:column;text-align:center;gap:15px}.staffqueries-header-icon{font-size:2.5rem;width:70px;height:70px}.staffqueries-header-text{text-align:center}.staffqueries-header-text h1{font-size:2.2rem}.staffqueries-header-text p{font-size:1.1rem}.staffqueries-controls{flex-direction:column;align-items:stretch;gap:15px}.staffqueries-filters{flex-direction:column;gap:10px}.staffqueries-action-buttons{justify-content:center}.staffqueries-filter-select{min-width:auto}.staffqueries-quick-filters{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.staffqueries-filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.staffqueries-quick-filter{flex:0 1 auto;min-width:fit-content;padding:6px 12px;font-size:.75rem;margin:0}.staffqueries-quick-filters span{margin-right:0}.staffqueries-view-controls{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.staffqueries-view-mode{align-self:center}.staffqueries-export-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.staffqueries-items-per-page{width:100%;text-align:center}.staffqueries-export-btn{width:100%;justify-content:center;padding:10px 16px}.staffqueries-form-row{grid-template-columns:1fr;gap:20px}.staffqueries-modal{width:95%;margin:20px;max-height:90vh}.staffqueries-form-actions{flex-direction:column}.staffqueries-actions{justify-content:center}.staffqueries-modern-table{font-size:.75rem}.staffqueries-table-header{display:none}.staffqueries-table-body{display:grid;grid-template-columns:1fr;gap:16px;padding:0}.staffqueries-table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.staffqueries-table-row:hover{transform:none;box-shadow:0 4px 12px #0000001f}.staffqueries-table-cell{display:block;padding:0;border:none}.staffqueries-table-cell:last-child{margin-bottom:0}.staffqueries-table-cell{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.staffqueries-table-cell:last-child{border-bottom:none}.staffqueries-table-cell:before{content:attr(data-label);font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;flex:0 0 100px}.staffqueries-table-cell.select-cell:before{content:""}.staffqueries-table-cell.query-cell{align-items:flex-start}.staffqueries-table-cell.query-cell:before{content:"Query";margin-bottom:8px}.staffqueries-table-cell.type-cell:before{content:"Type"}.staffqueries-table-cell.priority-cell:before{content:"Priority"}.staffqueries-table-cell.status-cell:before{content:"Status"}.staffqueries-table-cell.date-cell:before{content:"Created"}.staffqueries-table-cell.action-cell:before{content:"Actions"}.staffqueries-query-content{width:100%}.staffqueries-query-title{margin-bottom:4px}.staffqueries-actions{justify-content:flex-end}.staffqueries-type-badge,.staffqueries-priority-indicator,.staffqueries-status-badge{flex-shrink:0}.staffqueries-date{text-align:right;font-weight:500}.staffqueries-card-container{grid-template-columns:1fr}.staffqueries-card-footer{flex-direction:column;gap:15px}.staffqueries-pagination{gap:5px}.staffqueries-page-btn{padding:8px 12px;font-size:.9rem}.staffqueries-search-options{grid-template-columns:1fr}}@media (max-width: 480px){.staffqueries-container{padding:10px}.staffqueries-modern-table{overflow:visible}.staffqueries-table-row.selected{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.staffqueries-table-cell.select-cell{position:absolute;top:12px;right:12px;margin:0;border:none}.staffqueries-table-row{position:relative;padding-top:40px}.staffqueries-no-data{padding:32px 16px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0}.staffqueries-header{padding:25px 15px}.staffqueries-header-icon{font-size:2rem;width:60px;height:60px}.staffqueries-header-text h1{font-size:1.8rem}.staffqueries-header-text p{font-size:1rem}.staffqueries-section{padding:20px 15px}.staffqueries-view-controls{padding:10px 12px;gap:10px}.staffqueries-view-btn{min-width:36px;height:36px;font-size:1rem}.staffqueries-export-actions{gap:6px}.staffqueries-export-btn{font-size:.7rem;padding:8px 12px}.staffqueries-modal-header,.staffqueries-form{padding:20px}}@media (prefers-contrast: high){.staffqueries-container{background:#fff}.staffqueries-header{background:#000;color:#fff}.staffqueries-notification{border:2px solid}.staffqueries-table tr:hover{background-color:#f0f0f0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.staffqueries-modal{animation:none}}@media print{.staffqueries-controls,.staffqueries-quick-filters,.staffqueries-view-controls,.staffqueries-pagination,.staffqueries-notifications{display:none!important}.staffqueries-container{background:#fff;box-shadow:none}.staffqueries-section{box-shadow:none;border:1px solid #ccc}.staffqueries-table{border-collapse:collapse}.staffqueries-table th,.staffqueries-table td{border:1px solid #ccc}}.addofficeaddress-container{min-height:100vh;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.addofficeaddress-header{background:linear-gradient(135deg,#4f46e5,#7c3aed,#ec4899);color:#fff;padding:20px 0;box-shadow:0 2px 4px #0000001a}.addofficeaddress-header-content{max-width:1200px;margin:0 auto;padding:0 32px}.addofficeaddress-header-left{display:flex;align-items:center;gap:16px}.addofficeaddress-back-btn{background:#fff3;border:none;border-radius:8px;padding:10px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.addofficeaddress-back-btn:hover{background:#ffffff4d;transform:translate(-2px)}.addofficeaddress-header-text{display:flex;flex-direction:column;gap:4px}.addofficeaddress-title{font-size:1.75rem;font-weight:700;margin:0;display:flex;align-items:center;gap:12px}.addofficeaddress-title-icon{font-size:1.5rem}.addofficeaddress-subtitle{font-size:.95rem;margin:0;opacity:.9}.addofficeaddress-content{max-width:1200px;margin:0 auto;padding:40px 32px}.addofficeaddress-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.addofficeaddress-form{padding:40px}.addofficeaddress-form-section{margin-bottom:40px}.addofficeaddress-form-section:last-child{margin-bottom:0}.addofficeaddress-section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 24px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.addofficeaddress-section-icon{color:#4f46e5;font-size:1.1rem}.addofficeaddress-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.addofficeaddress-form-group{display:flex;flex-direction:column;gap:8px}.addofficeaddress-form-group label{font-size:.9rem;font-weight:600;color:#374151;line-height:1.4}.addofficeaddress-required{color:#ef4444}.addofficeaddress-form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;transition:all .2s ease;outline:none}.addofficeaddress-form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.addofficeaddress-form-input.addofficeaddress-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.addofficeaddress-form-input::placeholder{color:#9ca3af}.addofficeaddress-form-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;transition:all .2s ease;outline:none;resize:vertical;font-family:inherit;min-height:100px}.addofficeaddress-form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.addofficeaddress-error-text{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:4px}.addofficeaddress-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px}.addofficeaddress-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#374151;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease}.addofficeaddress-checkbox-label:hover{background:#f9fafb}.addofficeaddress-checkbox-input{display:none}.addofficeaddress-checkbox-custom{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease}.addofficeaddress-checkbox-input:checked+.addofficeaddress-checkbox-custom{background:#4f46e5;border-color:#4f46e5}.addofficeaddress-checkbox-input:checked+.addofficeaddress-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.addofficeaddress-facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.addofficeaddress-facility-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#374151;cursor:pointer;padding:12px 16px;border:2px solid #f3f4f6;border-radius:8px;transition:all .2s ease;background:#fff}.addofficeaddress-facility-label:hover{border-color:#e5e7eb;background:#f9fafb}.addofficeaddress-facility-checkbox{display:none}.addofficeaddress-facility-custom{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0}.addofficeaddress-facility-checkbox:checked+.addofficeaddress-facility-custom{background:#10b981;border-color:#10b981}.addofficeaddress-facility-checkbox:checked+.addofficeaddress-facility-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.addofficeaddress-facility-checkbox:checked~*{color:#065f46;font-weight:600}.addofficeaddress-form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid #e5e7eb}.addofficeaddress-btn{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.addofficeaddress-btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.addofficeaddress-btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.addofficeaddress-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d}.addofficeaddress-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 12px -1px #4f46e566}.addofficeaddress-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.addofficeaddress-header-content{padding:0 20px}.addofficeaddress-header-left{gap:12px}.addofficeaddress-title{font-size:1.5rem}.addofficeaddress-content{padding:20px 16px}.addofficeaddress-form{padding:24px}.addofficeaddress-form-row{grid-template-columns:1fr;gap:16px}.addofficeaddress-checkbox-group{grid-template-columns:1fr 1fr;gap:8px}.addofficeaddress-facilities-grid{grid-template-columns:1fr;gap:8px}.addofficeaddress-facility-label{padding:10px 12px;font-size:.85rem}.addofficeaddress-form-actions{flex-direction:column;gap:12px}.addofficeaddress-btn{width:100%}}@media (max-width: 480px){.addofficeaddress-header{padding:16px 0}.addofficeaddress-title{font-size:1.25rem}.addofficeaddress-subtitle{font-size:.85rem}.addofficeaddress-form{padding:20px}.addofficeaddress-section-title{font-size:1.1rem}.addofficeaddress-checkbox-group{grid-template-columns:1fr}}.addjobrole-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.addjobrole-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.addjobrole-header-content{display:flex;justify-content:space-between;align-items:center}.addjobrole-header-left{display:flex;align-items:center;gap:15px}.addjobrole-back-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#495057}.addjobrole-back-btn:hover{background:#e9ecef;transform:translateY(-1px)}.addjobrole-header-text{margin:0}.addjobrole-title{margin:0;color:#2c3e50;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px}.addjobrole-title-icon{color:#667eea;font-size:20px}.addjobrole-subtitle{margin:5px 0 0;color:#6c757d;font-size:14px}.addjobrole-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.addjobrole-form-container{padding:30px}.addjobrole-form{max-width:800px;margin:0 auto}.addjobrole-form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.addjobrole-form-section:last-of-type{border-bottom:none;margin-bottom:0}.addjobrole-section-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.addjobrole-section-icon{color:#667eea;font-size:16px}.addjobrole-form-group{margin-bottom:20px}.addjobrole-form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:500;font-size:14px}.addjobrole-required{color:#dc3545;margin-left:3px}.addjobrole-form-input{width:100%;padding:12px 15px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.addjobrole-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.addjobrole-form-input.addjobrole-error{border-color:#dc3545}.addjobrole-form-textarea{width:100%;padding:12px 15px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff;resize:vertical;min-height:100px;font-family:inherit}.addjobrole-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.addjobrole-error-text{color:#dc3545;font-size:12px;margin-top:5px;display:block}.addjobrole-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.addjobrole-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none;text-decoration:none}.addjobrole-btn:disabled{opacity:.6;cursor:not-allowed}.addjobrole-btn-primary{background:#667eea;color:#fff}.addjobrole-btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.addjobrole-btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.addjobrole-btn-secondary:hover{background:#e9ecef;color:#495057}@media (max-width: 768px){.addjobrole-container{padding:10px}.addjobrole-form-container{padding:20px}.addjobrole-header-left{gap:10px}.addjobrole-title{font-size:20px}.addjobrole-form-actions{flex-direction:column}.addjobrole-btn{justify-content:center}}.add-breakdown-container{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.add-breakdown-header-card{background-color:#fff;border-radius:16px;padding:24px 32px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between}.add-breakdown-header-title{color:#1e293b;margin:0;font-size:24px;font-weight:600}.add-breakdown-header-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.add-breakdown-back-btn{border-radius:12px;padding:10px 24px;border:1.5px solid #e2e8f0;color:#64748b;font-weight:500;display:flex;align-items:center;gap:8px;background-color:#fff;cursor:pointer;transition:all .2s}.add-breakdown-back-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.add-breakdown-form-card{background-color:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.add-breakdown-label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:12px}.add-breakdown-type-buttons{display:flex;gap:12px}.add-breakdown-type-btn{flex:1;padding:8px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.add-breakdown-type-btn.active{background-color:#3b82f6;color:#fff;border:2px solid #3b82f6}.add-breakdown-type-btn:not(.active){background-color:#fff;color:#64748b;border:2px solid #e2e8f0}.add-breakdown-type-btn:hover:not(.active){background-color:#f8fafc;border-color:#cbd5e1}.add-breakdown-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e2e8f0;border-radius:12px;outline:none;transition:border-color .2s;background-color:#fafafa}.add-breakdown-input:focus{border-color:#3b82f6;background-color:#fff}.add-breakdown-submit-btn{width:50%;padding:8px;background-color:#3b82f6;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;margin:0 auto}.add-breakdown-submit-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.add-breakdown-list-card{background-color:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.add-breakdown-list-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.add-breakdown-list-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px}.add-breakdown-list-icon.component{background-color:#dbeafe}.add-breakdown-list-icon.deduction{background-color:#fee2e2}.add-breakdown-list-icon i{font-size:20px}.add-breakdown-list-icon.component i{color:#3b82f6}.add-breakdown-list-icon.deduction i{color:#ef4444}.add-breakdown-list-title{color:#1e293b;margin:0;font-size:18px;font-weight:600}.add-breakdown-list-count{color:#64748b;margin:2px 0 0;font-size:13px}.add-breakdown-items-container{display:flex;flex-direction:column;gap:12px}.add-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.add-breakdown-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.add-breakdown-item-left{display:flex;align-items:center;gap:12px}.add-breakdown-item-dot{width:8px;height:8px;border-radius:50%}.add-breakdown-item-dot.component{background-color:#22c55e}.add-breakdown-item-dot.deduction{background-color:#ef4444}.add-breakdown-item-name{color:#1e293b;font-size:15px;font-weight:600}.add-breakdown-item-percentage{margin-left:12px;color:#64748b;font-size:14px;font-weight:500;padding:4px 12px;border-radius:6px}.add-breakdown-item-percentage.component{background-color:#e0f2fe}.add-breakdown-item-percentage.deduction{background-color:#fee2e2}.add-breakdown-remove-btn{padding:8px 16px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.add-breakdown-remove-btn:hover{background-color:#fecaca;transform:translateY(-1px)}.add-breakdown-save-card{background-color:#fff;border-radius:16px;padding:24px 32px;box-shadow:0 2px 8px #00000014}.add-breakdown-save-btn{width:50%;padding:18px;background-color:#22c55e;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s;box-shadow:0 4px 12px #22c55e4d;margin:0 auto}.add-breakdown-save-btn:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}@media (max-width: 768px){.add-breakdown-header-card{flex-direction:column;align-items:flex-start;gap:16px}.add-breakdown-back-btn{width:100%;justify-content:center}.add-breakdown-type-buttons{flex-direction:column}.add-breakdown-submit-btn{width:100%}.add-breakdown-item{flex-direction:column;align-items:flex-start;gap:12px}.add-breakdown-remove-btn{width:100%;justify-content:center}.add-breakdown-save-btn{width:100%}}.interview-radio-group{display:flex;flex-direction:column}.interview-radio{margin-bottom:8px;font-size:15px}.interview-radio input{margin-right:8px}.interview-radio input[type=radio]{transform:scale(1.3);margin-right:.2rem}.interview-radio{cursor:pointer;font-size:.3rem;display:flex;align-items:center;gap:.5rem}.radio-label{font-size:1rem;margin-left:1rem}.form-heading{color:#1f2937;font-weight:600;margin-bottom:20px;font-size:1.1rem;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.recruiter-info-note{display:flex;align-items:center;margin-top:15px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.recruiter-info-note i{font-size:16px}.form-section{margin-bottom:30px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d}.form-section:hover{box-shadow:0 4px 8px #00000014;transition:box-shadow .3s ease}.recruiter-loading{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px}.recruiter-loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recruiter-auto-filled{background-color:#f8fafc!important;color:#64748b!important;cursor:not-allowed!important;border-color:#e2e8f0!important}.recruiter-auto-filled::placeholder{color:#9ca3af!important}.recruiter-info-note strong{color:#1e293b;font-weight:600}.add-director-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.interviewdocuments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;margin-top:16px}.document-checkbox-label{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;font-size:14px;color:#374151}.document-checkbox-label:hover{border-color:#e2e8f0;background:#f8fafc}.document-checkbox{display:none}.document-checkbox-custom{width:18px;height:18px;border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0;background:#fff}.document-checkbox:checked+.document-checkbox-custom{background:#10b981;border-color:#10b981}.document-checkbox:checked+.document-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.document-checkbox:checked~.document-text{color:#065f46;font-weight:600}.document-text{flex:1;line-height:1.4;margin-left:1rem}.selected-documents-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-top:20px}.summary-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:#059669}.selected-documents-list{display:flex;flex-wrap:wrap;gap:8px}.selected-document-tag{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;line-height:1}.remove-document-btn{background:#ffffff4d;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#fff;transition:background-color .2s ease;flex-shrink:0}.remove-document-btn:hover{background:#ffffff80}@media (max-width: 768px){.interviewdocuments-grid{grid-template-columns:1fr;gap:8px}.document-checkbox-label{padding:10px 14px;font-size:13px}.selected-documents-list{justify-content:flex-start}.selected-document-tag{font-size:11px;padding:5px 10px}}.create-menu-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.create-menu-header{margin-bottom:30px;border-bottom:2px solid #f0f0f0;padding-bottom:20px}.create-menu-header h2{color:#333;margin:0 0 8px;font-weight:600}.create-menu-header p{color:#666;margin:0}.create-menu-form{display:flex;flex-direction:column;gap:25px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.content-textarea{padding:16px;border:2px solid #e1e5e9;border-radius:6px;resize:vertical;transition:all .3s ease;background:#fff}.content-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group small{margin-top:6px;color:#666}.checkbox-group{margin:20px 0}.checkbox-label{display:flex;align-items:center;cursor:pointer;color:#333;position:relative;padding-left:30px}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #e1e5e9;border-radius:4px;transition:all .3s ease}.checkbox-label:hover input~.checkmark{border-color:#007bff}.checkbox-label input:checked~.checkmark{background-color:#007bff;border-color:#007bff}.checkmark:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label .checkmark:after{left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:2px solid #f0f0f0;margin-top:20px}.btn-primary,.btn-secondary{padding:12px 30px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:120px}.btn-primary{background:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:#fff;color:#666;border-color:#e1e5e9}.btn-secondary:hover{background:#f8f9fa;border-color:#d1d5d9;transform:translateY(-1px)}@media (max-width: 768px){.create-menu-container{margin:10px;padding:15px}.form-grid{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column-reverse}}.form-group.loading input,.form-group.loading select,.form-group.loading textarea{background:#f8f9fa;pointer-events:none}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-message{color:#dc3545;margin-top:6px}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}