:root { --color-primary: #0A3576; --color-accent: #4D7CFF; --color-light-bg: #F8FAFC; --color-white: #FFFFFF; --color-text-main: #222222; --color-text-muted: #7A869A; --color-text-light: #B0B8C1; --color-text-lighter: #C7D3E0; /* Status colors */ --color-status-pending-bg: #FFE9C7; --color-status-pending-text: #F6B042; --color-status-completed-bg: #E6FFE2; --color-status-completed-text: #4AC97D; --color-status-assigned-bg: #E6F7FF; --color-status-assigned-text: #4D7CFF; --color-status-inprogress-bg: #E6F0FF; --color-status-inprogress-text: #4D7CFF; --color-status-error-bg: #FFBABA; --color-status-error-text: #D8000C; /* Shell/dashboard component variables */ --sidebar-bg: #F8FAFB; --sidebar-active-bg: #eaf2fb; --sidebar-border: #e3e8ee; --sidebar-icon: #0a3576; --sidebar-active: #4d7cff; --header-bg: #fff; --header-border: #e3e8ee; --header-search-bg: #f8fafc; --header-search-border: #e3e8ee; --header-icon: #7a869a; --header-avatar-bg: #eaf2fb; } /* Dark theme – applied when data-theme="dark" on */ [data-theme="dark"] { --color-primary: #6B9BD1; --color-accent: #7B9FE8; /* One consistent grey for outer container and primary content area */ --color-light-bg: #1E293B; --color-white: #1E293B; --color-text-main: #F1F5F9; --color-text-muted: #94A3B8; --color-text-light: #64748B; --color-text-lighter: #475569; --color-status-pending-bg: #422006; --color-status-pending-text: #FCD34D; --color-status-completed-bg: #14532D; --color-status-completed-text: #86EFAC; --color-status-assigned-bg: #1E3A5F; --color-status-assigned-text: #93C5FD; --color-status-inprogress-bg: #1E3A5F; --color-status-inprogress-text: #93C5FD; --color-status-error-bg: #450A0A; --color-status-error-text: #FCA5A5; --sidebar-bg: #1E293B; --sidebar-active-bg: #334155; --sidebar-border: #334155; --sidebar-icon: #94A3B8; --sidebar-active: #93C5FD; /* Header uses same surface as content; border visible below header */ --header-bg: #2A3548; --header-border: #475569; --header-search-bg: #2A3548; --header-search-border: #475569; --header-icon: #94A3B8; --header-avatar-bg: #334155; /* Content surfaces – surface is the page bg (darker); elevated is for cards (lighter) */ --color-surface: #283340; --color-surface-elevated: #2A3548; --color-border: #374151; --color-border-light: #475569; /* Table/list styles (tablelist.css, cardlist.css) */ --table-list-header-color: #F1F5F9; --table-list-header-container-background-color: #334155; --table-list-header-background-color: #1E293B; --table-list-header-hover-background-color: #334155; --table-list-background-color: #1E293B; --table-list-odd-row-color: #F1F5F9; --table-list-odd-row-background-color: #1E293B; --table-list-even-row-color: #F1F5F9; --table-list-even-row-background-color: #334155; --table-list-pagination-border-color: #475569; --table-list-pagination-background-color: #334155; --table-list-pagination-color: #94A3B8; --table-list-icon-color: #94A3B8; --table-list-search-icon-color: #94A3B8; } /* Dark theme – same variables when .theme-dark class is on (set by JS) */ html.theme-dark { --color-primary: #6B9BD1; --color-accent: #7B9FE8; --color-light-bg: #1E293B; --color-white: #1E293B; --color-text-main: #F1F5F9; --color-text-muted: #94A3B8; --color-text-light: #64748B; --color-text-lighter: #475569; --color-status-pending-bg: #422006; --color-status-pending-text: #FCD34D; --color-status-completed-bg: #14532D; --color-status-completed-text: #86EFAC; --color-status-assigned-bg: #1E3A5F; --color-status-assigned-text: #93C5FD; --color-status-inprogress-bg: #1E3A5F; --color-status-inprogress-text: #93C5FD; --color-status-error-bg: #450A0A; --color-status-error-text: #FCA5A5; --sidebar-bg: #1E293B; --sidebar-active-bg: #334155; --sidebar-border: #334155; --sidebar-icon: #94A3B8; --sidebar-active: #93C5FD; --header-bg: #1E293B; --header-border: #334155; --header-search-bg: #1E293B; --header-search-border: #475569; --header-icon: #94A3B8; --header-avatar-bg: #334155; --color-surface: #334155; --color-surface-elevated: #475569; --color-border: #334155; --color-border-light: #475569; --table-list-header-color: #F1F5F9; --table-list-header-container-background-color: #334155; --table-list-header-background-color: #1E293B; --table-list-header-hover-background-color: #334155; --table-list-background-color: #1E293B; --table-list-odd-row-color: #F1F5F9; --table-list-odd-row-background-color: #1E293B; --table-list-even-row-color: #F1F5F9; --table-list-even-row-background-color: #334155; --table-list-pagination-border-color: #475569; --table-list-pagination-background-color: #334155; --table-list-pagination-color: #94A3B8; --table-list-icon-color: #94A3B8; --table-list-search-icon-color: #94A3B8; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Poppins, Inter, Open Sans, system-ui, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-left-7 { left: -1.75rem; } .-top-5 { top: -1.25rem; } .bottom-0 { bottom: 0px; } .bottom-4 { bottom: 1rem; } .left-0 { left: 0px; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-4 { left: 1rem; } .right-0 { right: 0px; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .top-0 { top: 0px; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-full { top: 100%; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[110\] { z-index: 110; } .z-\[51\] { z-index: 51; } .z-\[9999\] { z-index: 9999; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .-mb-px { margin-bottom: -1px; } .-ml-0\.5 { margin-left: -0.125rem; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-square { aspect-ratio: 1 / 1; } .h-0\.5 { height: 0.125rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-28 { height: 7rem; } .h-3 { height: 0.75rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-8 { height: 2rem; } .h-96 { height: 24rem; } .h-\[600px\] { height: 600px; } .h-full { height: 100%; } .max-h-48 { max-height: 12rem; } .max-h-60 { max-height: 15rem; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100vh-4rem\)\] { max-height: calc(100vh - 4rem); } .max-h-\[calc\(90vh-200px\)\] { max-height: calc(90vh - 200px); } .min-h-\[120px\] { min-height: 120px; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[80px\] { min-height: 80px; } .min-h-screen { min-height: 100vh; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 2.5rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\/3 { width: 66.666667%; } .w-3 { width: 0.75rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-8 { width: 2rem; } .w-auto { width: auto; } .w-full { width: 100%; } .min-w-0 { min-width: 0px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[540px\] { min-width: 540px; } .min-w-full { min-width: 100%; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-7xl { max-width: 80rem; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[320px\] { max-width: 320px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .flex-1 { flex: 1 1 0%; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-6 { gap: 1.5rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-5 { row-gap: 1.25rem; } .space-x-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1)); } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 12px; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-t { border-top-width: 1px; } .border-t-2 { border-top-width: 2px; } .border-dashed { border-style: dashed; } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-300\/80 { border-color: rgb(252 211 77 / 0.8); } .border-amber-400 { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-blue-400 { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .border-blue-600 { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .border-brandV2-accent { --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .border-brandV2-accent\/30 { border-color: rgb(139 92 246 / 0.3); } .border-brandV2-accent\/40 { border-color: rgb(139 92 246 / 0.4); } .border-brandV2-primary { --tw-border-opacity: 1; border-color: rgb(99 91 255 / var(--tw-border-opacity, 1)); } .border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-emerald-300 { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); } .border-emerald-400 { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .border-emerald-600 { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); } .border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity, 1)); } .border-green-600 { --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .border-orange-200 { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-orange-300 { --tw-border-opacity: 1; border-color: rgb(253 186 116 / var(--tw-border-opacity, 1)); } .border-purple-200 { --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-300 { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .border-red-400 { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-red-600 { --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); } .border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-400 { --tw-border-opacity: 1; border-color: rgb(251 113 133 / var(--tw-border-opacity, 1)); } .border-sky-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-sky-400 { --tw-border-opacity: 1; border-color: rgb(56 189 248 / var(--tw-border-opacity, 1)); } .border-transparent { border-color: transparent; } .border-violet-200 { --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); } .border-white\/30 { border-color: rgb(255 255 255 / 0.3); } .border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-yellow-300 { --tw-border-opacity: 1; border-color: rgb(253 224 71 / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-600 { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-blue-600\/0 { background-color: rgb(37 99 235 / 0); } .bg-brandV2-accent { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .bg-brandV2-accent\/10 { background-color: rgb(139 92 246 / 0.1); } .bg-brandV2-accent\/5 { background-color: rgb(139 92 246 / 0.05); } .bg-brandV2-bg { --tw-bg-opacity: 1; background-color: rgb(247 247 255 / var(--tw-bg-opacity, 1)); } .bg-brandV2-bg\/60 { background-color: rgb(247 247 255 / 0.6); } .bg-brandV2-bg\/70 { background-color: rgb(247 247 255 / 0.7); } .bg-brandV2-primary { --tw-bg-opacity: 1; background-color: rgb(99 91 255 / var(--tw-bg-opacity, 1)); } .bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1)); } .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); } .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-gray-50\/50 { background-color: rgb(249 250 251 / 0.5); } .bg-gray-50\/60 { background-color: rgb(249 250 251 / 0.6); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); } .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .bg-rose-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); } .bg-rose-200 { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1)); } .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-sky-50 { --tw-bg-opacity: 1; background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-violet-100 { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } .bg-white\/90 { background-color: rgb(255 255 255 / 0.9); } .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-brand-gradient { background-image: linear-gradient(135deg, #635BFF 0%, #22D3EE 100%); } .bg-brand-gradient-blue { background-image: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-black\/70 { --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0px; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-10 { padding: 2.5rem; } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pl-10 { padding-left: 2.5rem; } .pl-11 { padding-left: 2.75rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-8 { padding-right: 2rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-6 { padding-top: 1.5rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[16px\] { font-size: 16px; } .text-\[20px\] { font-size: 20px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .leading-6 { line-height: 1.5rem; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-800\/60 { color: rgb(146 64 14 / 0.6); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-brand-primary { --tw-text-opacity: 1; color: rgb(0 52 89 / var(--tw-text-opacity, 1)); } .text-brandV2-accent { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .text-brandV2-primary { --tw-text-opacity: 1; color: rgb(99 91 255 / var(--tw-text-opacity, 1)); } .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); } .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-rose-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); } .text-sky-500 { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .text-sky-600 { --tw-text-opacity: 1; color: rgb(2 132 199 / var(--tw-text-opacity, 1)); } .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-800 { --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-white\/90 { color: rgb(255 255 255 / 0.9); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .text-yellow-800 { --tw-text-opacity: 1; color: rgb(133 77 14 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .opacity-0 { opacity: 0; } .opacity-25 { opacity: 0.25; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[4px_0_8px_-4px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] { --tw-shadow: 4px 0 8px -4px rgba(15,23,42,0.08); --tw-shadow-colored: 4px 0 8px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[4px_0_8px_-4px_rgba\(15\2c 23\2c 42\2c 0\.12\)\] { --tw-shadow: 4px 0 8px -4px rgba(15,23,42,0.12); --tw-shadow-colored: 4px 0 8px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-brand { --tw-shadow: 0 4px 16px rgba(0, 122, 167, 0.25); --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline { outline-style: solid; } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-amber-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1)); } .ring-blue-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1)); } .ring-emerald-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1)); } .ring-red-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1)); } .ring-rose-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity, 1)); } .ring-sky-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity, 1)); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300 { transition-duration: 300ms; } body, * { font-family: 'Public Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; padding: 0; } body { background-color: var(--color-light-bg); color: var(--color-text-main); } /* ========== Dark theme: sidebar/header stay dark (#1E293B); content area uses surface (#334155) ========== */ /* Use both .theme-dark class (set by JS) and [data-theme="dark"] so one of them always applies */ html.theme-dark, html[data-theme="dark"], html.theme-dark body, html[data-theme="dark"] body, html.theme-dark #app, html[data-theme="dark"] #app, html.theme-dark .app-shell, html[data-theme="dark"] .app-shell, /* Content area (everything except menu): lighter surface so it’s distinct from sidebar */ html.theme-dark .header, html[data-theme="dark"] .header, html.theme-dark .content-wrapper, html[data-theme="dark"] .content-wrapper, html.theme-dark .main-content, html[data-theme="dark"] .main-content, html.theme-dark .main-content .min-h-screen, html[data-theme="dark"] .main-content .min-h-screen, html.theme-dark .main-content [class*="min-h-screen"], html[data-theme="dark"] .main-content [class*="min-h-screen"] { background-color: var(--color-surface) !important; background: var(--color-surface) !important; } /* Header: keep visible bottom line in dark mode (same as light mode) */ html.theme-dark .header, html[data-theme="dark"] .header { border-bottom: 1px solid var(--color-border-light) !important; } /* User menu dropdown – same style as sidebar in dark mode */ html.theme-dark .header .dropdown, html[data-theme="dark"] .header .dropdown { background-color: #1E293B !important; border-color: #334155 !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important; } html.theme-dark .header .dropdown-item, html[data-theme="dark"] .header .dropdown-item { color: #94A3B8 !important; } html.theme-dark .header .dropdown-item:hover, html[data-theme="dark"] .header .dropdown-item:hover { background: #334155 !important; color: #93C5FD !important; } html.theme-dark .header .dropdown-item.logout, html[data-theme="dark"] .header .dropdown-item.logout { border-top-color: #334155 !important; } /* ========== Dark theme: main content area (cards, text, borders) ========== */ /* Cards/panels (Task Details, Client & Contact, Quick Actions, etc.) – explicit hex so they always apply */ html.theme-dark .main-content .bg-white, html.theme-dark .main-content [class*="bg-white"], html.theme-dark .main-content .bg-gray-50, html.theme-dark .main-content .bg-gray-100, [data-theme="dark"] .main-content .bg-white, [data-theme="dark"] .main-content [class*="bg-white"], [data-theme="dark"] .main-content .bg-gray-50, [data-theme="dark"] .main-content .bg-gray-100 { background-color: var(--color-surface-elevated) !important; background: var(--color-surface-elevated) !important; } [data-theme="dark"] .main-content .text-gray-900, [data-theme="dark"] .main-content .text-gray-800, [data-theme="dark"] .main-content .text-gray-700 { color: var(--color-text-main) !important; } [data-theme="dark"] .main-content .text-gray-600, [data-theme="dark"] .main-content .text-gray-500 { color: var(--color-text-muted) !important; } [data-theme="dark"] .main-content .border-gray-200, [data-theme="dark"] .main-content .border-gray-100, [data-theme="dark"] .main-content .border-gray-300 { border-color: var(--color-border) !important; } /* Tailwind brandV2-bg (e.g. token box) – use surface in dark */ [data-theme="dark"] .main-content .bg-brandV2-bg, [data-theme="dark"] .main-content [class*="bg-brandV2-bg"] { background-color: var(--color-surface-elevated) !important; } /* Links and interactive text in content */ [data-theme="dark"] .main-content a:not([class*="button"]):not([class*="btn"]) { color: var(--color-accent); } [data-theme="dark"] .main-content a:hover { color: var(--color-primary); } /* Inputs and selects inside main content in dark mode */ [data-theme="dark"] .main-content input, [data-theme="dark"] .main-content textarea, [data-theme="dark"] .main-content select { background-color: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; color: var(--color-text-main) !important; } [data-theme="dark"] .main-content input::-moz-placeholder, [data-theme="dark"] .main-content textarea::-moz-placeholder { color: var(--color-text-muted); } [data-theme="dark"] .main-content input::placeholder, [data-theme="dark"] .main-content textarea::placeholder { color: var(--color-text-muted); } /* Buttons with white/gray background in content */ [data-theme="dark"] .main-content button.border-gray-200, [data-theme="dark"] .main-content button[class*="border-gray"] { background-color: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; color: var(--color-text-main) !important; } [data-theme="dark"] .main-content button.border-gray-200:hover, [data-theme="dark"] .main-content button[class*="border-gray"]:hover { background-color: var(--color-border) !important; border-color: var(--color-text-muted) !important; } /* Tabs and underlines */ [data-theme="dark"] .main-content [class*="border-b"] { border-color: var(--color-border); } /* Task view tabs: keep same delineation as light mode – visible bar + accent line under active tab */ html.theme-dark .main-content .task-view-tabs, [data-theme="dark"] .main-content .task-view-tabs { border-bottom-color: var(--color-border) !important; } html.theme-dark .main-content .task-view-tabs nav button.border-brandV2-accent, [data-theme="dark"] .main-content .task-view-tabs nav button.border-brandV2-accent { border-bottom-color: #93C5FD !important; color: #93C5FD !important; } html.theme-dark .main-content .task-view-tabs nav button:not(.border-brandV2-accent), [data-theme="dark"] .main-content .task-view-tabs nav button:not(.border-brandV2-accent) { color: var(--color-text-muted); } html.theme-dark .main-content .task-view-tabs nav button:not(.border-brandV2-accent):hover, [data-theme="dark"] .main-content .task-view-tabs nav button:not(.border-brandV2-accent):hover { color: var(--color-text-main); } /* Shadow on cards – soften in dark */ [data-theme="dark"] .main-content .shadow-brand, [data-theme="dark"] .main-content [class*="shadow"] { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } /* Files tab: no white/pastel icon backgrounds – use dark surface so icons stand out */ html.theme-dark .main-content .border-dashed.rounded-lg .material-symbols-outlined.text-5xl, [data-theme="dark"] .main-content .border-dashed.rounded-lg .material-symbols-outlined.text-5xl { background-color: transparent !important; color: #93C5FD !important; } html.theme-dark .main-content section.rounded-lg .material-symbols-outlined.rounded-full, [data-theme="dark"] .main-content section.rounded-lg .material-symbols-outlined.rounded-full { background-color: var(--color-surface-elevated) !important; color: #93C5FD !important; } /* Invoice tab: upload dropzone and empty-state cards – dark, not light */ html.theme-dark .main-content [class*="upload-dropzone"], [data-theme="dark"] .main-content [class*="upload-dropzone"] { background: var(--color-surface-elevated) !important; border-top-color: var(--color-border) !important; } html.theme-dark .main-content [class*="upload-dropzone"] .text-gray-600, [data-theme="dark"] .main-content [class*="upload-dropzone"] .text-gray-600 { color: var(--color-text-muted) !important; } html.theme-dark .main-content .empty-state, [data-theme="dark"] .main-content .empty-state { background: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; } html.theme-dark .main-content .empty-state .empty-title, [data-theme="dark"] .main-content .empty-state .empty-title { color: var(--color-text-main) !important; } html.theme-dark .main-content .empty-state .empty-message, [data-theme="dark"] .main-content .empty-state .empty-message { color: var(--color-text-muted) !important; } html.theme-dark .main-content .empty-state .material-symbols-outlined, [data-theme="dark"] .main-content .empty-state .material-symbols-outlined { color: var(--color-text-muted) !important; } /* Allocation "No invoice uploaded" inner box (bg-gray-50) */ html.theme-dark .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed, [data-theme="dark"] .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed { background-color: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; } html.theme-dark .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .text-gray-700, html.theme-dark .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .text-gray-500, [data-theme="dark"] .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .text-gray-700, [data-theme="dark"] .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .text-gray-500 { color: var(--color-text-main) !important; } html.theme-dark .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .material-symbols-outlined, [data-theme="dark"] .main-content .flex.flex-col.items-center.justify-center.py-12.px-6.rounded-lg.border-dashed .material-symbols-outlined { color: var(--color-text-muted) !important; } /* ========== Dark theme: header user dropdown & recently viewed ========== */ [data-theme="dark"] .header .dropdown { background-color: var(--color-surface) !important; border-color: var(--color-border) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .header .dropdown-item { color: var(--color-text-main) !important; } [data-theme="dark"] .header .dropdown-item:hover { background: var(--color-surface-elevated) !important; } [data-theme="dark"] .header .dropdown-item.logout { border-top-color: var(--color-border) !important; } [data-theme="dark"] .header .recently-viewed-dropdown { background-color: var(--color-surface) !important; border-color: var(--color-border) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .header .recently-viewed-header { border-bottom-color: var(--color-border) !important; color: var(--color-text-main) !important; } [data-theme="dark"] .header .recently-viewed-item { border-bottom-color: var(--color-border) !important; color: var(--color-text-main) !important; } [data-theme="dark"] .header .recently-viewed-item:hover { background: var(--color-surface-elevated) !important; } [data-theme="dark"] .header .recently-viewed-item-icon { background: var(--color-surface-elevated) !important; color: var(--color-accent) !important; } [data-theme="dark"] .header .recently-viewed-item-title { color: var(--color-text-main) !important; } [data-theme="dark"] .header .recently-viewed-item-meta, [data-theme="dark"] .header .recently-viewed-item-time { color: var(--color-text-muted) !important; } [data-theme="dark"] .header .recently-viewed-empty { color: var(--color-text-muted) !important; } [data-theme="dark"] .header .recently-viewed-empty-icon { color: var(--color-text-muted) !important; } :root { --border-radius-button: 10px; --title-bar-hieght: 100px; --font-standard-size: 12pt; --background-color: #343a40; --color-bright: white; --color-dark: black; --background-color-disabled: #979b9e; --color-disabled: white; --title-link-color: #aaa; --modal-underline-color: lightgrey; --shade-background-color: rgba(128, 128, 128, 0.5); --button-general-color: #4c71f7; --button-create-color: #83b663; --button-unselected-color: #6f757c; --button-unselected-hover-color: #5f6369; --user-icon-background-color: lightgrey; } .margin1020 { margin:10px; margin-right: 20px; } .text-plain { color: var(--color-bright); font-size: var(--font-standard-size); } input, textarea, select { width: 100%; padding: 5px; box-sizing: border-box; border-radius: var(--border-radius-button) !important; background-color: var(--color-bright) !important; font-size: 12pt; } [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; color: var(--color-text-main) !important; } /* System-wide: Make select elements distinct from inputs with clear dropdown indicator */ /* Apply to all select elements, including those with classes */ select, select.header-filter, select.page-size-select, select.filter-select { background: #ffffff !important; cursor: pointer !important; font-weight: 400 !important; padding-right: 2.75rem !important; border: 1px solid #d1d5db !important; color: #374151 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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") !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 20px 20px !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; transition: all 0.15s ease !important; } select:hover, select.header-filter:hover, select.page-size-select:hover, select.filter-select:hover { background-color: #f9fafb !important; border-color: #8B5CF6 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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") !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 20px 20px !important; } select:focus, select.header-filter:focus, select.page-size-select:focus, select.filter-select:focus { outline: none !important; border-color: #8B5CF6 !important; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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") !important; background-repeat: no-repeat !important; background-position: right 0.75rem center !important; background-size: 20px 20px !important; } /* * ListDateRangeFilter (Documents / Suppliers): scoped styles lose to global select !important. * Match white search fields; fixed-width wrap prevents full-bleed “grey bar” when parent is wide. */ select.list-date-preset-select { width: 100% !important; min-height: 2.5rem !important; padding: 0.5rem 2rem 0.5rem 0.75rem !important; font-size: 0.875rem !important; font-weight: 500 !important; line-height: 1.4 !important; color: #374151 !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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") !important; background-repeat: no-repeat !important; background-position: right 0.5rem center !important; background-size: 16px 16px !important; border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; box-shadow: none !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; transition: border-color 0.15s ease, box-shadow 0.15s ease !important; } select.list-date-preset-select:hover { background-color: #f9fafb !important; border-color: #8b5cf6 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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") !important; } select.list-date-preset-select:focus { outline: none !important; border-color: #8b5cf6 !important; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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") !important; } input.list-date-field[type='date'] { min-height: 2.5rem !important; min-width: 9.5rem !important; width: 100% !important; max-width: 100% !important; padding: 0.45rem 0.5rem !important; font-size: 0.875rem !important; line-height: 1.25 !important; color: #111827 !important; background-color: #ffffff !important; border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; box-sizing: border-box !important; box-shadow: none !important; } input.list-date-field[type='date']:focus { outline: none !important; border-color: #8b5cf6 !important; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important; } /* SweetAlert2 (dialog prompts): match Atlas design – accent primary, neutral cancel, consistent input */ .atlas-swal-popup { border-radius: 0.5rem !important; box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; padding: 1.5rem !important; } .atlas-swal-confirm { border-radius: 0.375rem !important; padding: 0.5rem 1rem !important; font-size: 0.875rem !important; font-weight: 600 !important; border: none !important; background-color: #8B5CF6 !important; color: #fff !important; } .atlas-swal-confirm:hover { background-color: #7c3aed !important; } .atlas-swal-confirm-danger, .atlas-swal-confirm.atlas-swal-confirm-danger { background-color: #DC2626 !important; color: #fff !important; } .atlas-swal-confirm-danger:hover, .atlas-swal-confirm.atlas-swal-confirm-danger:hover { background-color: #B91C1C !important; } .atlas-swal-cancel { border-radius: 0.375rem !important; padding: 0.5rem 1rem !important; font-size: 0.875rem !important; font-weight: 600 !important; border: 1px solid #d1d5db !important; background-color: #fff !important; color: #374151 !important; } .atlas-swal-cancel:hover { background-color: #f9fafb !important; border-color: #9ca3af !important; } .atlas-swal-input { border-radius: 0.375rem !important; border: 1px solid #d1d5db !important; font-size: 0.875rem !important; padding: 0.5rem 0.75rem !important; box-sizing: border-box !important; width: auto !important; } .atlas-swal-input:focus { outline: none !important; border-color: #8B5CF6 !important; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important; } /* SweetAlert2 / dialogs – dark mode (popups render outside .main-content) */ html.theme-dark .atlas-swal-popup, html.theme-dark .swal2-popup, [data-theme="dark"] .atlas-swal-popup, [data-theme="dark"] .swal2-popup { background: #283340 !important; border: 1px solid #374151 !important; } html.theme-dark .atlas-swal-popup .swal2-title, html.theme-dark .swal2-popup .swal2-title, [data-theme="dark"] .atlas-swal-popup .swal2-title, [data-theme="dark"] .swal2-popup .swal2-title { color: #F1F5F9 !important; } html.theme-dark .atlas-swal-popup .swal2-html-container, html.theme-dark .swal2-popup .swal2-html-container, [data-theme="dark"] .atlas-swal-popup .swal2-html-container, [data-theme="dark"] .swal2-popup .swal2-html-container { color: #94A3B8 !important; } html.theme-dark .atlas-swal-popup .swal2-html-container .text-gray-700, html.theme-dark .atlas-swal-popup .swal2-html-container .text-gray-800, html.theme-dark .swal2-popup .swal2-html-container .text-gray-700, [data-theme="dark"] .atlas-swal-popup .swal2-html-container .text-gray-700, [data-theme="dark"] .swal2-popup .swal2-html-container .text-gray-700 { color: #F1F5F9 !important; } html.theme-dark .atlas-swal-popup .swal2-html-container [class*="bg-"], html.theme-dark .swal2-popup .swal2-html-container [class*="bg-"], [data-theme="dark"] .atlas-swal-popup .swal2-html-container [class*="bg-"], [data-theme="dark"] .swal2-popup .swal2-html-container [class*="bg-"] { background-color: #2A3548 !important; border-color: #374151 !important; color: #F1F5F9 !important; } html.theme-dark .atlas-swal-cancel, html.theme-dark .swal2-popup .swal2-cancel, [data-theme="dark"] .atlas-swal-cancel, [data-theme="dark"] .swal2-popup .swal2-cancel { background-color: #374151 !important; border-color: #475569 !important; color: #F1F5F9 !important; } html.theme-dark .atlas-swal-cancel:hover, [data-theme="dark"] .atlas-swal-cancel:hover { background-color: #475569 !important; } html.theme-dark .swal2-icon, [data-theme="dark"] .swal2-icon { border-color: #475569 !important; color: #93C5FD !important; } /* Modals/dialogs outside .main-content (e.g. Invoice Confirmation modal) – dark mode */ html.theme-dark .fixed.inset-0 > div[class*="bg-white"], [data-theme="dark"] .fixed.inset-0 > div[class*="bg-white"] { background-color: #283340 !important; background: #283340 !important; border-color: #374151 !important; } html.theme-dark .fixed.inset-0 .border-gray-100, html.theme-dark .fixed.inset-0 .border-gray-200, [data-theme="dark"] .fixed.inset-0 .border-gray-100, [data-theme="dark"] .fixed.inset-0 .border-gray-200 { border-color: #374151 !important; } html.theme-dark .fixed.inset-0 .text-gray-900, html.theme-dark .fixed.inset-0 .text-gray-800, html.theme-dark .fixed.inset-0 .text-gray-700, [data-theme="dark"] .fixed.inset-0 .text-gray-900, [data-theme="dark"] .fixed.inset-0 .text-gray-800, [data-theme="dark"] .fixed.inset-0 .text-gray-700 { color: #F1F5F9 !important; } html.theme-dark .fixed.inset-0 .text-gray-600, html.theme-dark .fixed.inset-0 .text-gray-500, [data-theme="dark"] .fixed.inset-0 .text-gray-600, [data-theme="dark"] .fixed.inset-0 .text-gray-500 { color: #94A3B8 !important; } html.theme-dark .fixed.inset-0 [class*="bg-white"], html.theme-dark .fixed.inset-0 [class*="bg-gray-50"], html.theme-dark .fixed.inset-0 [class*="bg-gray-100"], [data-theme="dark"] .fixed.inset-0 [class*="bg-white"], [data-theme="dark"] .fixed.inset-0 [class*="bg-gray-50"], [data-theme="dark"] .fixed.inset-0 [class*="bg-gray-100"] { background-color: #283340 !important; background: #283340 !important; } /* Task Notes yellow box in Invoice Confirmation modal – dark */ html.theme-dark #invoice-task-notes, [data-theme="dark"] #invoice-task-notes { background: #283340 !important; border-left-color: #475569 !important; color: #F1F5F9 !important; box-shadow: none !important; } html.theme-dark #invoice-task-notes .text-amber-800, [data-theme="dark"] #invoice-task-notes .text-amber-800 { color: #94A3B8 !important; } /* ReasonModal (Reject Invoice / Request more info) – dark mode, subtler input focus */ html.theme-dark #reason-modal-dialog, [data-theme="dark"] #reason-modal-dialog { background: #283340 !important; border: 1px solid #374151 !important; } html.theme-dark #reason-modal-dialog .reason-modal-title, [data-theme="dark"] #reason-modal-dialog .reason-modal-title { color: #F1F5F9 !important; } html.theme-dark #reason-modal-dialog .reason-modal-subtitle, [data-theme="dark"] #reason-modal-dialog .reason-modal-subtitle { color: #94A3B8 !important; } html.theme-dark #reason-modal-dialog .reason-modal-close, [data-theme="dark"] #reason-modal-dialog .reason-modal-close { background: #374151 !important; color: #94A3B8 !important; } html.theme-dark #reason-modal-dialog .reason-modal-close:hover, [data-theme="dark"] #reason-modal-dialog .reason-modal-close:hover { background: #475569 !important; } html.theme-dark #reason-modal-dialog .reason-form-label, [data-theme="dark"] #reason-modal-dialog .reason-form-label { color: #94A3B8 !important; } html.theme-dark #reason-modal-dialog .reason-textarea, html.theme-dark #reason-input, [data-theme="dark"] #reason-modal-dialog .reason-textarea, [data-theme="dark"] #reason-input { background: #2A3548 !important; border-color: #475569 !important; color: #F1F5F9 !important; } html.theme-dark #reason-modal-dialog .reason-textarea:focus, html.theme-dark #reason-input:focus, [data-theme="dark"] #reason-modal-dialog .reason-textarea:focus, [data-theme="dark"] #reason-input:focus { border-color: #64748B !important; box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.25) !important; } html.theme-dark #reason-modal-dialog .reason-modal-actions .btn-outline, [data-theme="dark"] #reason-modal-dialog .reason-modal-actions .btn-outline { background: #374151 !important; border-color: #475569 !important; color: #F1F5F9 !important; } /* btn-outline (e.g. "Allocate to another task") – visible in dark mode */ html.theme-dark .main-content [class*="btn-outline"], [data-theme="dark"] .main-content [class*="btn-outline"] { background-color: #283340 !important; border-color: #93C5FD !important; color: #93C5FD !important; } html.theme-dark .main-content [class*="btn-outline"]:hover:not(:disabled), [data-theme="dark"] .main-content [class*="btn-outline"]:hover:not(:disabled) { background-color: #374151 !important; border-color: #BFDBFE !important; color: #BFDBFE !important; } .modal-table { width:100%; box-sizing: border-box; } /* Number inputs: hide browser spinner arrows; keep type="number" and validation */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--color-bright) inset !important; font-size: var(--font-standard-size); border-radius: var(--border-radius-button) !important; width: 100%; } input:-webkit-autofill { -webkit-text-fill-color: var(--color-dark) !important; font-size: var(--font-standard-size); border-radius: var(--border-radius-button) !important; width: 100%; } select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--color-bright) inset !important; font-size: var(--font-standard-size); border-radius: var(--border-radius-button) !important; width: 100%; } select:-webkit-autofill { -webkit-text-fill-color: var(--color-dark) !important; font-size: var(--font-standard-size); border-radius: var(--border-radius-button) !important; width: 100%; } input:disabled, textarea:disabled, select:disabled { background-color: var(--background-color-disabled) !important; color: var(--color-disabled) !important; /*-webkit-appearance: none; -moz-appearance: none; appearance: none; */ } .disabled { pointer-events: none; opacity: 0.8; /* Optional: visually indicate the element is disabled */ } .dark { background-color: var(--color-dark); color: var(--color-bright); } .title-bar > div { box-sizing: border-box; width: 100%; height: var(--title-bar-hieght); background-color: var(--background-color); color: var(--color-bright); display: flex; align-items: center; justify-content: space-between; font-size: var(--font-standard-size); /* border: 5px solid var(--color-dark); */ position: absolute; top: 0; left: 0; padding-left: 20px; padding-right: 20px; } .canvas { position: absolute; top: var(--title-bar-hieght); width: 100%; } .flow-center { display: flex; justify-content: center; margin: auto; gap: 10px; } .flex-colomn { display: flex; flex-direction: column; align-items: center; } .flow-right { display: flex; gap: 10px; /* Optional: Adds some space between the buttons */ justify-content: flex-end; /* Aligns items to the end of the container */ } .title-link { display: inline-block; color: var(--title-link-color); background-color: transparent; padding: 10px 20px; text-decoration: none; transition: background-color 0.3s ease; font-size: 16pt; font-weight: bold; } .title-link:hover { color: var(--color-bright); } .button-link-unselected { font-size: 14pt; display: inline-block; border: 2px solid var(--button-unselected-color); color: var(--color-bright); background-color: var(--button-unselected-color); padding: 10px 20px; text-decoration: none; border-radius: var(--border-radius-button); transition: background-color 0.3s ease; } .button-link-unselected:hover { background-color: var(--button-unselected-hover-color); color: var(--color-bright); } .button-create { font-size: 14pt; display: inline-block; border: 2px solid var(--button-create-color); color: var(--button-create-color); background-color: transparent; padding: 10px 20px; text-decoration: none; border-radius: var(--border-radius-button); transition: background-color 0.3s ease; margin-bottom: 10px; align-self: flex-end; } .button-create:hover { background-color: var(--button-create-color); color: var(--color-bright); } .button-link { font-size: 14pt; display: inline-block; border: 2px solid var(--button-general-color); color: var(--button-general-color); background-color: transparent; padding: 10px 20px; text-decoration: none; border-radius: var(--border-radius-button); transition: background-color 0.3s ease; } .button-link-small { font-size: 10pt; display: inline-block; border: 2px solid var(--button-general-color); color: var(--button-general-color); background-color: transparent; width: 100px; text-decoration: none; border-radius: var(--border-radius-button); transition: background-color 0.3s ease; } .button-link:hover { background-color: var(--button-general-color); color: var(--color-bright); } .button-solid-link { font-size: 14pt; display: inline-block; border: 2px solid var(--button-general-color); color: var(--color-bright); background-color: var(--button-general-color); padding: 10px 20px; text-decoration: none; border-radius: var(--border-radius-button); transition: background-color 0.3s ease; } .button-solid-link:hover { background-color: var(--color-bright); color: var(--button-general-color); } .button-solid-link:disabled { border: 2px solid var(--background-color-disabled, #cccccc); /* Fallback value if --background-color-disabled is not defined */ color: var(--color-disabled, #666666); /* Fallback value if --color-disabled is not defined */ background-color: var(--background-color-disabled, #cccccc); /* Fallback value if --background-color-disabled is not defined */ cursor: not-allowed; opacity: 0.5; pointer-events: none; } .modal { border-radius: var(--border-radius-button); background-color: var(--background-color); } .modal-header { border-bottom: 1px solid var(--model-underline-color); color: var(--color-bright); font-size: 14pt; font-weight: bold; padding-top: 20px; padding-left: 20px; padding-right: 20px; } .modal-body { color: var(--color-bright); font-size: var(--font-standard-size); padding: 20px; } .modal-footer { border-top: 1px solid var(--modal-underline-color); color: var(--color-bright); font-size: var(--font-standard-size); padding: 20px; display: flex; justify-content: flex-end; } .shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--shade-background-color); display: flex; justify-content: center; align-items: center; z-index: 9999; } .shade .modal { pointer-events: auto; /* Allow clicks on the modal */ } .user-icon { display: flex; justify-content: center; align-items: center; background-color: var(--user-icon-background-color); color: var(--color-dark); border-radius: 50%; width: 50px; height: 50px; } .crud { width: 50%; } .image-thumbnail { width: 70px; height: 70px; -o-object-fit: cover; object-fit: cover; } .image-thumbnail-large { width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover; } div[data-pincode] input { width: 45px; padding: 0.5rem 1rem; margin-right: 7px; border: 0; border-radius: 0; text-align: center; appearance: none; -webkit-appearance: none; -moz-appearance: textfield; } .error-message { color: red; } .input-group { margin-bottom: 20px; position: relative; } .input-group input[type="text"], .input-group select { width: 100%; padding: 10px; margin: 5px 0; box-sizing: border-box; } /* --- AtlasTable and custom cell styles (GLOBAL) --- */ .atlas-table-container { background-color: var(--color-white); border-radius: 8px; overflow: hidden; display: block; width: 100%; border: 1px solid #E5E7EB; } /* ============================================================================ Filter Chips (used in TaskList) ============================================================================ */ .filter-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px 4px 12px; background: #EDE9FE; color: #6D28D9; border-radius: 9999px; font-size: 12px; font-weight: 500; white-space: nowrap; line-height: 1.4; } .filter-chip-remove { display: inline-flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; color: #8B5CF6; padding: 2px; border-radius: 9999px; transition: all 0.15s; } .filter-chip-remove:hover { background: #DDD6FE; color: #5B21B6; } /* Scrollbar styling ONLY for tasks table */ .task-list-container .atlas-table-wrapper .atlas-table-container { /* Override the base overflow: hidden from .atlas-table-container */ overflow-x: auto !important; overflow-y: visible !important; max-width: 100% !important; /* Firefox scrollbar styling */ scrollbar-width: thin !important; scrollbar-color: #CBD5E0 #F7FAFC !important; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar { height: 12px; width: 12px; -webkit-appearance: none; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-track { background: #F7FAFC; border-radius: 5px; margin: 0 8px; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-thumb { background-color: #CBD5E0; border-radius: 5px; border: 2px solid #F7FAFC; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; /* Force thumb to always be visible */ min-width: 50px; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-thumb:horizontal { background-color: #CBD5E0; min-width: 50px; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-thumb:hover { background-color: #A0AEC0; } .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-thumb:active { background-color: #718096; } /* Ensure scrollbar corner is styled */ .task-list-container .atlas-table-wrapper .atlas-table-container::-webkit-scrollbar-corner { background: #F7FAFC; } /* Firefox-specific: Ensure scrollbar is visible when content overflows */ @-moz-document url-prefix() { .task-list-container .atlas-table-wrapper .atlas-table-container { /* Force scrollbar to be visible in Firefox */ scrollbar-width: thin !important; scrollbar-color: #CBD5E0 #F7FAFC !important; } } table.atlas-table, table.task-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--color-white); -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* ONLY for tasks table - stretch to full width when narrow, allow expansion when wide */ .task-list-container .atlas-table-wrapper .atlas-table-container table.atlas-table { width: 100%; min-width: 100%; /* Use auto layout to respect min-width constraints while maintaining alignment */ table-layout: auto; } /* Ensure header and body cells align perfectly */ .task-list-container .atlas-table-wrapper .atlas-table-container table.atlas-table th, .task-list-container .atlas-table-wrapper .atlas-table-container table.atlas-table td { box-sizing: border-box; } /* Ensure columns can resize proportionally */ .task-list-container .atlas-table-wrapper .atlas-table-container table.atlas-table th, .task-list-container .atlas-table-wrapper .atlas-table-container table.atlas-table td { /* Allow columns to grow/shrink proportionally */ } .atlas-table thead, .task-table thead { } .atlas-table tbody, .task-table tbody { } .atlas-table tr, .task-table tr { display: table; width: 100%; table-layout: fixed; } /* Override for tasks table - use fixed layout for alignment */ .task-list-container .atlas-table-wrapper .atlas-table tr { table-layout: fixed; } .atlas-table th, .task-table th { padding: 15px 20px; text-align: left; color: var(--color-text-main); font-weight: 600; font-size: 14px; border-bottom: 1px solid #E3E8EE; position: relative; cursor: pointer; background: #EBF2F9; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Round top-left corner of first header cell */ .atlas-table th:first-child, .task-table th:first-child { border-top-left-radius: 8px; } /* Round top-right corner of last header cell */ .atlas-table th:last-child, .task-table th:last-child { border-top-right-radius: 8px; } /* Round bottom-left corner of first cell in last row */ .atlas-table tr:last-child td:first-child, .task-table tr:last-child td:first-child { border-bottom-left-radius: 8px; } /* Round bottom-right corner of last cell in last row */ .atlas-table tr:last-child td:last-child, .task-table tr:last-child td:last-child { border-bottom-right-radius: 8px; } /* Sort indicators are handled by the AtlasTable component's , not CSS ::after */ .atlas-table th.sorted, .task-table th.sorted { color: var(--color-accent); } .atlas-table td, .task-table td { padding: 15px 20px; border-bottom: 1px solid #E3E8EE; color: var(--color-text-main); font-size: 14px; background: var(--color-white); height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .atlas-table tr:last-child td, .task-table tr:last-child td { border-bottom: none; } .atlas-table tr:hover td, .task-table tr:hover td { background-color: #F8FAFC; } .atlas-table-empty { text-align: center; color: var(--color-text-muted); padding: 40px 0; font-size: 16px; } .atlas-pagination { display: flex; justify-content: center; align-items: center; margin: 20px 0; /* Consistent vertical margin */ gap: 4px; flex-shrink: 0; /* Prevent pagination from shrinking */ } .atlas-pagination button { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: var(--color-white); border: 1px solid #E3E8EE; border-radius: 4px; margin: 0 2px; cursor: pointer; color: var(--color-text-main); transition: all 0.2s; } .atlas-pagination button.active { background-color: var(--color-accent); color: white; border-color: var(--color-accent); } .atlas-pagination button:hover:not(.active) { background-color: #F8FAFC; } /* ========== Dark theme: Tasks list table (readable rows, dark hover, no light flash) ========== */ html.theme-dark .atlas-table td, html.theme-dark .task-table td, [data-theme="dark"] .atlas-table td, [data-theme="dark"] .task-table td { background-color: var(--color-surface-elevated) !important; border-bottom-color: var(--color-border) !important; color: var(--color-text-main) !important; } html.theme-dark .atlas-table tr:hover td, html.theme-dark .task-table tr:hover td, [data-theme="dark"] .atlas-table tr:hover td, [data-theme="dark"] .task-table tr:hover td { background-color: #64748B !important; } html.theme-dark table.atlas-table, html.theme-dark table.task-table, [data-theme="dark"] table.atlas-table, [data-theme="dark"] table.task-table { background-color: var(--color-surface) !important; } html.theme-dark .atlas-table th, html.theme-dark .task-table th, [data-theme="dark"] .atlas-table th, [data-theme="dark"] .task-table th { background-color: var(--color-surface) !important; border-bottom-color: var(--color-border) !important; color: var(--color-text-main) !important; } html.theme-dark .atlas-pagination button, [data-theme="dark"] .atlas-pagination button { background-color: var(--color-surface-elevated) !important; border-color: var(--color-border) !important; color: var(--color-text-main) !important; } html.theme-dark .atlas-pagination button:hover:not(.active), [data-theme="dark"] .atlas-pagination button:hover:not(.active) { background-color: #64748B !important; } html.theme-dark .atlas-pagination button.active, [data-theme="dark"] .atlas-pagination button.active { background-color: var(--color-accent) !important; border-color: var(--color-accent) !important; color: #fff !important; } /* Status pills in task list – override inline light-mode styles in dark */ html.theme-dark .task-list-pill, [data-theme="dark"] .task-list-pill { background-color: var(--color-surface-elevated) !important; color: var(--color-text-main) !important; border-color: var(--color-border) !important; } .contact-cell { display: flex; align-items: center; gap: 10px; } .contact-image { width: 32px; height: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .supplier-link { color: var(--color-accent); text-decoration: none; } .supplier-link:hover { text-decoration: underline; } .status-badge { display: inline-block; padding: 5px 12px; border-radius: 100px; font-weight: 500; font-size: 13px; } .status-pending { background-color: var(--color-status-pending-bg); color: var(--color-status-pending-text); } .status-completed { background-color: var(--color-status-completed-bg); color: var(--color-status-completed-text); } .status-assigned { background-color: var(--color-status-assigned-bg); color: var(--color-status-assigned-text); } .progress-indicators { display: flex; gap: 3px; } .progress-dot { width: 16px; height: 16px; border-radius: 2px; border: 1px solid var(--color-accent); } .progress-dot.filled { background-color: #01327E; } .action-menu { font-size: 18px; color: var(--color-text-muted); cursor: pointer; } .material-symbol { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } /* Styles for priority indicator dots */ .priority-indicator { display: flex; align-items: center; gap: 8px; /* Space between dot and text */ } .priority-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .priority-critical { background-color: #dc3545; /* Red for Critical */ } .priority-high { background-color: #FF6B6B; /* Red/Orange for High */ } .priority-medium { background-color: #FFD166; /* Yellow for Medium */ } .priority-low { background-color: #06D6A0; /* Green for Low */ } .image-count { display: flex; align-items: center; gap: 8px; /* Space between dot and text */ } .view-page-container { background-color: #ffffff; /* Main content area is white */ font-family: 'Public Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; border-radius: 8px; /* Rounded corners for the content area itself */ display: flex; flex-direction: column; height: 100%; /* Ensure it fills the slot in AppShell */ box-sizing: border-box; /* Ensure padding and border are part of height/width */ } .header-section { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e9ecef; } .header-details { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 columns for ID, Date, Reported By */ gap: 20px 30px; /* Row and column gap */ flex-grow: 1; } .detail-item { font-size: 14px; } .detail-item strong { display: block; font-weight: 600; color: #495057; /* Darker label color */ margin-bottom: 4px; font-size: 12px; /* Smaller label */ text-transform: uppercase; } .detail-item span { color: #212529; /* Value color */ font-size: 16px; font-weight: 500; } .detail-item .urgency-value { display: flex; align-items: center; gap: 8px; } /* Using global priority-dot styles, adding one for critical */ :global(.priority-critical) { background-color: #dc3545; /* Example: Bootstrap's danger red for Critical */ } .status-badge-container { margin-left: 20px; /* Space from the grid */ } /* Using global status-badge styles from app.css */ .fault-details-section, .attached-images-section, .files-section { margin-bottom: 30px; } .section-title { font-size: 18px; font-weight: 600; color: #343a40; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } .fault-description { font-size: 15px; line-height: 1.6; color: #495057; white-space: pre-wrap; /* Preserve line breaks from data */ } .images-gallery, .files-gallery { display: flex; gap: 15px; flex-wrap: wrap; /* Allow images to wrap on smaller screens */ } .image-container img, .file-container { width: 200px; /* Adjust as needed */ height: 150px; /* Adjust as needed */ -o-object-fit: cover; object-fit: cover; border-radius: 6px; border: 1px solid #dee2e6; transition: transform 0.2s ease-in-out; } .image-container img:hover, .file-container:hover { transform: scale(1.05); } .action-buttons { display: flex; justify-content: flex-end; /* Align buttons to the right */ gap: 15px; margin-top: 40px; padding-top: 20px; border-top: 1px solid #e9ecef; } .action-button { padding: 10px 25px; border: none; border-radius: 6px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background-color 0.2s ease; display: flex; align-items: center; gap: 8px; } .action-button .material-symbols-outlined { font-size: 20px; } .approve-button { background-color: #28a745; /* Green */ color: white; } .approve-button:hover { background-color: #218838; } .reject-button, .reject-btn { background-color: #dc3545; /* Red */ color: white; } .reject-button:hover, .reject-btn:hover { background-color: #c82333; } .files-gallery { justify-content: left; } .file-container { min-width: 120px; } .file-preview { width: 100px; height: 75px; cursor: pointer; } .file-icon { width: 50px; height: 50px; } .file-icon .material-symbols-outlined { font-size: 24px; } .file-name { font-size: 12px; color: #495057; text-align: center; word-break: break-word; max-width: 120px; line-height: 1.3; } .file-download { font-size: 10px; color: #01327E; text-decoration: none; display: flex; align-items: center; gap: 4px; } .file-download:hover { text-decoration: underline; } /* Responsive adjustments */ @media (max-width: 768px) { .header-details { grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */ } .status-badge-container { align-self: flex-start; /* Align status badge to top left of its container */ margin-top: 10px; /* Add some space if header details wrap */ width: 100%; /* Allow it to take full width if needed */ text-align: right; /* Keep badge content to the right if it spans */ } .images-gallery, .files-gallery { justify-content: center; /* Center images if they wrap */ } .image-container img, .file-container { width: 150px; height: 110px; } .action-buttons { flex-direction: column; } .action-button { width: 100%; justify-content: center; } .file-container { min-width: 120px; } .file-preview { width: 100px; height: 75px; } .file-icon { width: 50px; height: 50px; } .file-icon .material-symbols-outlined { font-size: 24px; } } @media (max-width: 576px) { .header-details { grid-template-columns: 1fr; /* 1 column on very small screens */ } .detail-item span { font-size: 15px; } } .loading-container { display: flex; justify-content: center; align-items: center; height: 100%; padding: 40px; } .error-container { display: flex; justify-content: center; align-items: center; height: 100%; padding: 40px; color: #dc3545; text-align: center; } .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background-color: white; padding: 24px; border-radius: 8px; width: 90%; max-width: 500px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .modal-title { font-size: 20px; font-weight: 600; color: #1a1a1a; margin: 0; } .close-button { background: none; border: none; cursor: pointer; padding: 4px; color: #6B7280; } .close-button:hover { color: #1a1a1a; } .rejection-form { display: flex; flex-direction: column; gap: 16px; } .form-group { display: flex; flex-direction: column; gap: 8px; } .form-group label { font-size: 14px; font-weight: 500; color: #374151; } .form-group textarea { width: 100%; min-height: 100px; padding: 12px; border: 1px solid #D1D5DB; border-radius: 6px; font-size: 14px; resize: vertical; } .form-group textarea:focus { outline: none; border-color: #01327E; box-shadow: 0 0 0 2px rgba(1, 50, 126, 0.1); } .modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; } .cancel-button { padding: 8px 16px; background-color: #F3F4F6; color: #374151; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; } .cancel-button:hover { background-color: #E5E7EB; } .confirm-reject-button { padding: 8px 16px; background-color: #DC2626; color: white; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; } .confirm-reject-button:hover { background-color: #B91C1C; } .confirm-reject-button:disabled { background-color: #FCA5A5; cursor: not-allowed; } .task-view-container { background-color: #ffffff; font-family: 'Public Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; border-radius: 8px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 25px; gap: 25px; overflow-y: auto; /* Enable vertical scrolling */ overflow-x: hidden; /* Prevent horizontal scrolling */ } .task-header { border-bottom: 1px solid #e9ecef; padding-bottom: 20px; flex-shrink: 0; /* Prevent header from shrinking */ } .task-title-section { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; } .task-title { font-size: 24px; font-weight: 600; color: #212529; margin: 0; } .task-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } .meta-item { font-size: 14px; } .meta-item strong { display: block; font-weight: 600; color: #495057; margin-bottom: 4px; font-size: 12px; text-transform: uppercase; } .meta-item span { color: #212529; font-size: 16px; font-weight: 500; } .content-sections { display: flex; flex-direction: column; gap: 25px; flex: 1; min-height: 0; /* Allow sections to shrink if needed */ width: 100%; /* Ensure full width usage */ } .info-and-status-row { display: flex; gap: 30px; width: 100%; /* Ensure full width */ } .general-info-section { flex: 2; min-width: 0; /* Allow flex item to shrink */ } .status-change-section-wrapper { flex: 1; min-width: 0; /* Allow flex item to shrink */ } .full-width-section { width: 100%; } .section { background-color: #ffffff; border: 1px solid #E8ECEF; border-radius: 8px; padding: 20px; box-sizing: border-box; /* Include padding in width calculation */ } .section-title { font-size: 18px; font-weight: 600; color: #343a40; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } .info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .info-item { font-size: 14px; min-width: 0; /* Allow text to wrap/truncate */ } .info-item strong { display: block; font-weight: 600; color: #6c757d; margin-bottom: 4px; font-size: 12px; } .info-item span { color: #212529; font-size: 14px; word-wrap: break-word; /* Allow long text to wrap */ } .status-change-section { display: flex; flex-direction: column; gap: 10px; } .action-button { padding: 12px 16px; border: 1px solid #01327E; border-radius: 6px; background-color: #ffffff; color: #01327E; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-align: center; } .action-button:hover { background-color: #01327E; color: #ffffff; } .action-button.primary { background-color: #01327E; color: #ffffff; } .action-button.primary:hover { background-color: #002456; } .progress-flow { display: flex; align-items: center; gap: 10px; overflow-x: auto; /* Allow horizontal scroll only within this section */ padding: 20px 0; width: 100%; box-sizing: border-box; } .progress-step { display: flex; flex-direction: column; align-items: center; min-width: 100px; /* Reduced from 120px to save space */ text-align: center; flex-shrink: 0; /* Prevent shrinking of progress steps */ } .progress-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; font-size: 18px; color: white; } .progress-circle.completed { background-color: #28a745; } .progress-circle.current { background-color: #01327E; } .progress-circle.pending { background-color: #dee2e6; color: #6c757d; } .progress-step-title { font-size: 11px; /* Slightly smaller to fit better */ font-weight: 500; color: #212529; margin-bottom: 4px; line-height: 1.2; } .progress-step-status { font-size: 10px; /* Slightly smaller to fit better */ color: #6c757d; line-height: 1.2; } .progress-connector { flex: 1; height: 2px; background-color: #dee2e6; margin: 0 5px; /* Reduced margin to save space */ min-width: 20px; /* Minimum connector width */ } .progress-connector.completed { background-color: #28a745; } .dropzone { border: 2px dashed #D1D5DB; border-radius: 8px; padding: 40px; text-align: center; background-color: #F9FAFB; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease; box-sizing: border-box; } .dropzone.active { border-color: #01327E; background-color: #EFF6FF; } .upload-icon { display: block; margin: 0 auto 12px; font-size: 28px; color: #6B7280; } .file-list { margin-top: 20px; overflow-x: auto; /* Allow horizontal scroll only within file list if needed */ } .file-item { display: grid; grid-template-columns: auto 1fr auto auto auto; gap: 12px; padding: 12px; border-bottom: 1px solid #e9ecef; align-items: center; font-size: 14px; min-width: 600px; /* Minimum width for file list */ } .file-item:last-child { border-bottom: none; } .comment-form { display: flex; gap: 10px; margin-bottom: 20px; } .comment-input { flex: 1; padding: 10px; border: 1px solid #dee2e6; border-radius: 6px; font-size: 14px; min-width: 0; /* Allow input to shrink */ } .comment-item { display: flex; gap: 12px; margin-bottom: 15px; padding: 12px; background-color: #f8f9fa; border-radius: 6px; } .comment-avatar { width: 32px; height: 32px; border-radius: 50%; background-color: #01327E; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; flex-shrink: 0; } .comment-content { flex: 1; min-width: 0; /* Allow content to shrink */ } .comment-header { display: flex; gap: 8px; align-items: center; margin-bottom: 4px; } .comment-author { font-weight: 600; font-size: 14px; color: #212529; } .comment-time { font-size: 12px; color: #6c757d; } .comment-text { font-size: 14px; color: #495057; line-height: 1.4; word-wrap: break-word; /* Allow long text to wrap */ } @media (max-width: 768px) { .info-and-status-row { flex-direction: column; } .task-meta { grid-template-columns: 1fr; } .info-grid { grid-template-columns: 1fr; } .progress-step { min-width: 80px; /* Even smaller on mobile */ } .progress-step-title { font-size: 10px; } .progress-step-status { font-size: 9px; } .comment-form { flex-direction: column; } .file-item { grid-template-columns: 1fr; gap: 8px; min-width: auto; } } .loading-container { display: flex; justify-content: center; align-items: center; height: 200px; font-size: 16px; color: #6c757d; } .error-container { display: flex; justify-content: center; align-items: center; height: 200px; font-size: 16px; color: #dc3545; text-align: center; padding: 20px; } .retry-button { margin-top: 10px; padding: 8px 16px; background-color: #01327E; color: white; border: none; border-radius: 4px; cursor: pointer; } .retry-button:hover { background-color: #002456; } .dropzone.disabled { opacity: 0.6; cursor: not-allowed; } .upload-progress { margin-bottom: 20px; padding: 15px; background-color: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; } .progress-bar { width: 100%; height: 8px; background-color: #e9ecef; border-radius: 4px; overflow: hidden; margin-bottom: 8px; } .progress-fill { height: 100%; background-color: #01327E; transition: width 0.3s ease; } .upload-progress p { margin: 0; font-size: 14px; color: #495057; text-align: center; } .maintenance-page { display: flex; flex-direction: column; min-height: 100vh; width: 100%; background-color: #ffffff; color: #333333; font-family: 'Public Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .container { display: flex; flex-direction: column; justify-content: center; max-width: 680px; width: 100%; margin: 40px auto; padding: 0 20px; flex: 1; } h1 { text-align: center; margin-bottom: 40px; font-size: 24px; color: #111827; font-weight: 600; } .section-title { font-size: 18px; font-weight: 600; color: #111827; margin-bottom: 20px; margin-top: 30px; } .form-group { margin-bottom: 20px; } .form-row { display: flex; gap: 20px; margin-bottom: 20px; } @media (max-width: 600px) { .form-row { flex-direction: column; gap: 20px; } } .form-column { flex: 1; display: flex; flex-direction: column; } label { display: block; margin-bottom: 6px; color: #4B5563; font-size: 14px; font-weight: 500; } input[type="text"], input[type="tel"], input[type="email"], select, textarea { width: 100%; padding: 10px 12px; border: 1px solid #D1D5DB; border-radius: 6px !important; font-size: 14px; background-color: #FFFFFF; box-sizing: border-box; color: #111827; } input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder { color: #9CA3AF; } input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="email"]::placeholder, textarea::placeholder { color: #9CA3AF; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' 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 12px center; background-size: 20px 20px; padding-right: 40px; cursor: pointer; transition: all 0.15s ease; } select:hover { border-color: #8B5CF6; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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"); } select:focus { outline: none; border-color: #8B5CF6; box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' 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"); } textarea { min-height: 120px; resize: vertical; } .character-count { text-align: right; font-size: 12px; color: #6B7280; margin-top: 4px; } .dropzone { border: 1px dashed #D1D5DB; border-radius: 6px !important; padding: 24px; text-align: center; background-color: #F9FAFB; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease; } .dropzone.active { border-color: #01327E; background-color: #EFF6FF; } .material-symbol { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } .upload-icon { display: block; margin: 0 auto 12px; font-size: 28px; color: #6B7280; } .dropzone-title { font-weight: 500; margin-bottom: 4px; font-size: 14px; color: #374151; } .dropzone-subtitle { color: #6B7280; font-size: 12px; margin: 0; } .file-list { margin-top: 16px; } .file-item { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background-color: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 6px; margin-bottom: 8px; font-size: 14px; } .file-info { display: flex; align-items: center; gap: 8px; color: #374151; } .file-info .material-symbol { font-size: 20px; color: #6B7280; } .file-name { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .file-size { color: #6B7280; font-size: 12px; margin-left: auto; padding-left: 10px; } .remove-file-btn { background: none; border: none; cursor: pointer; color: #9CA3AF; padding: 0; margin-left: 16px; } .remove-file-btn .material-symbol { font-size: 20px; display: block; } .remove-file-btn:hover { color: #EF4444; } .submit-btn { display: block; width: 100%; padding: 12px; background-color: #01327E; color: white; border: none; border-radius: 6px !important; font-size: 16px; font-weight: 500; cursor: pointer; transition: background-color 0.2s; margin-top: 30px; } .submit-btn:hover { background-color: #002866; } .dashboard-container { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .dashboard-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .search-container { position: relative; width: 260px; } .search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--color-text-muted); } .search-input { width: 100%; padding: 10px 15px 10px 40px; border: 1px solid #E3E8EE; border-radius: 4px; font-size: 14px; } .export-button { display: flex; align-items: center; gap: 8px; padding: 10px 20px; background-color: #01327E; color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; } .export-button:hover { background-color: #002156; /* Darker shade for hover */ } :global(.material-symbol) { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } .actions-cell { cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; } .actions-cell:hover { background-color: rgba(0, 0, 0, 0.05); } .actions-menu { color: #6B7280; } .actions-cell:hover .actions-menu { color: #01327E; } .atlas-table-wrapper { flex: 1 !important; overflow: visible; position: relative; width: 100%; } /* Ensure task list wrapper allows horizontal scrolling */ .task-list-container .atlas-table-wrapper { overflow-x: visible; overflow-y: visible; width: 100%; /* Don't constrain the container - let the inner container handle scrolling */ } /* Fix row heights - ONLY for tasks table */ .task-list-container .atlas-table-wrapper table.atlas-table tbody tr { height: 56px; } /* Ensure header and body cells have matching padding for alignment */ .task-list-container .atlas-table-wrapper table.atlas-table th, .task-list-container .atlas-table-wrapper table.atlas-table tbody td { padding: 8px 12px; vertical-align: middle; } .task-list-container .atlas-table-wrapper table.atlas-table tbody td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Exception for upload dropzone cells - they need their own layout */ .task-list-container .atlas-table-wrapper table.atlas-table tbody td.upload-dropzone-cell { white-space: normal; overflow: visible; padding: 4px; } /* Exception for description columns - allow wrapping */ .task-list-container .atlas-table-wrapper table.atlas-table tbody td[title*="description"] { white-space: normal; overflow: hidden; text-overflow: ellipsis; max-height: 56px; } .task-list-container { padding: 0; background-color: var(--color-white); border-radius: 4px; height: 100%; display: flex; flex-direction: column; overflow-x: visible; overflow-y: auto; } .task-list-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-shrink: 0; } .left-controls { display: flex; gap: 16px; align-items: center; } .search-container { position: relative; width: 290px; } .search-container input { width: 100%; padding: 10px 15px; padding-left: 35px; border: 1px solid #E3E8EE; border-radius: 4px; font-size: 14px; color: var(--color-text-main); background-color: var(--color-white); height: 42px; box-sizing: border-box; } .search-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--color-text-muted); } .filter-dropdown { position: relative; width: 150px; } .filter-button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 15px; background-color: var(--color-white); border: 1px solid #E3E8EE; border-radius: 4px; cursor: pointer; font-size: 14px; height: 42px; box-sizing: border-box; } .date-picker { display: flex; align-items: center; width: 150px; padding: 10px 15px; background-color: var(--color-white); border: 1px solid #E3E8EE; border-radius: 4px; cursor: pointer; font-size: 14px; height: 42px; box-sizing: border-box; } .date-picker-icon { margin-right: 8px; color: var(--color-text-muted); } .upload-button { display: flex; align-items: center; gap: 8px; padding: 10px 20px; background-color: #01327E; color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; transition: background-color 0.2s; height: 42px; box-sizing: border-box; } .upload-button:hover { background-color: #0a2c66; } .material-symbol { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } /* Loading and error states */ .loading-container { display: flex; align-items: center; justify-content: center; padding: 40px; color: var(--color-text-muted); } .error-container { display: flex; align-items: center; justify-content: center; padding: 40px; color: #dc3545; } /* Styles for the in-table dropzone */ .in-table-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px 5px; border: 1px dashed #ccc; border-radius: 4px; min-height: 40px; text-align: center; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; font-size: 12px; color: #6c757d; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Prevent text selection */ } .in-table-dropzone .material-symbols-outlined { font-size: 20px; margin-bottom: 2px; font-family: 'Material Symbols Outlined', 'Material Symbols', sans-serif; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .in-table-dropzone.dragover { background-color: #e9f5ff; border-color: #007bff; } /* Styles for action menu */ .action-menu { cursor: pointer; padding: 4px 8px; border-radius: 4px; transition: background-color 0.2s ease; } .action-menu:hover { background-color: #f8f9fa; } .action-cell { cursor: pointer; } /* General atlas-table-wrapper rule - but task-list-container has more specific rules */ .atlas-table-wrapper { flex: 1; overflow: visible; position: relative; width: 100%; } .dropdown-menu { position: absolute; top: 110%; /* below the button */ left: 0; width: 100%; background: #fff; border: 1px solid #E3E8EE; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 1000; padding: 4px 0; } .dropdown-menu ul { list-style: none; margin: 0; padding: 0; } .dropdown-item { color: #222; /* dark text */ padding: 10px 16px; cursor: pointer; background: #fff; transition: background 0.2s, color 0.2s; font-size: 14px; } .dropdown-item:hover { background: #f0f4fa; color: #01327E; } .dropdown-item.error { color: #dc3545; cursor: default; background: #fff; } /* Styles for upload cells and badges */ .upload-cell-wrapper { display: flex; align-items: center; justify-content: center; position: relative; } .in-table-dropzone { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .upload-badge { position: absolute; top: -6px; right: -6px; display: flex; align-items: center; justify-content: center; height: 20px; padding: 0 6px; background-color: #28a745; color: white; border-radius: 50%; font-size: 11px; font-weight: 600; line-height: 1; min-width: 20px; cursor: pointer; } .atlas-upload-badge { background-color: #8B5CF6; box-shadow: 0 0 0 2px #ffffff; } /* Styles for HRW checkbox */ .hrw-checkbox-cell { text-align: center; } .hrw-checkbox-container { display: flex; justify-content: center; align-items: center; } .hrw-checkbox { width: 18px; height: 18px; cursor: pointer; accent-color: #01327E; } .hrw-checkbox:hover { transform: scale(1.1); transition: transform 0.2s ease; } /* Field selector styles */ .field-selector-container { background: #f8f9fa; border: 1px solid #E3E8EE; border-radius: 4px; margin-bottom: 20px; padding: 16px; } .field-selector-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .field-selector-title { font-weight: 600; color: var(--color-text-main); font-size: 14px; } .field-selector-controls { display: flex; gap: 8px; } .field-selector-button { padding: 6px 12px; background: #fff; border: 1px solid #E3E8EE; border-radius: 4px; cursor: pointer; font-size: 12px; transition: all 0.2s; } .field-selector-button:hover { background: #f0f4fa; border-color: #01327E; } .field-selector-button.primary { background: #01327E; color: white; border-color: #01327E; } .field-selector-button.primary:hover { background: #0a2c66; } .field-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; } .field-category { background: white; border: 1px solid #E3E8EE; border-radius: 4px; padding: 12px; } .field-category-title { font-weight: 600; color: var(--color-text-main); font-size: 13px; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid #f0f0f0; } .field-checkboxes { display: flex; flex-direction: column; gap: 6px; } .field-checkbox-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--color-text-main); } .field-checkbox-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: #01327E; } .field-checkbox-item label { cursor: pointer; flex: 1; } .field-checkbox-item:hover { color: #01327E; } .field-selector-toggle { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #fff; border: 1px solid #E3E8EE; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 0.2s; margin-bottom: 16px; color: var(--color-text-main); } .field-selector-toggle:hover { background: #f0f4fa; border-color: #01327E; } .field-selector-toggle .material-symbols-outlined { font-size: 18px; } .task-list-header { display: flex; justify-content: space-between; align-items: center; } .left-controls { display: flex; gap: 16px; align-items: center; } .settings-icon-container { position: relative; display: inline-block; margin-left: 16px; } .settings-popup { position: absolute; top: 100%; right: 0; background: white; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 16px; z-index: 100; min-width: 320px; display: flex; flex-direction: row; /* Make popup horizontal */ gap: 32px; } .field-categories { display: flex; flex-direction: row; /* Horizontal categories */ gap: 32px; } .field-category { min-width: 120px; } .field-category-title { font-weight: bold; margin-bottom: 8px; } .field-checkboxes { display: flex; flex-direction: column; gap: 4px; } .field-selector-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid #eee; } .field-selector-button.apply { background-color: #007bff; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .field-selector-button.cancel { background-color: #6c757d; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .reset-filters-btn { display: flex; align-items: center; background: none; color: gray; border: 1px solid #E3E8EE; cursor: pointer; font: inherit; padding: 8px 8px; } .field-selector-button.apply:hover { background-color: #0056b3; } .field-selector-button.cancel:hover { background-color: #545b62; } .field-selector-button.reset { background-color: #ffc107; color: #212529; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .field-selector-button.reset:hover { background-color: #e0a800; } /* Contractor filter popup styles */ .contractor-filter-popup { position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 16px; z-index: 100; min-width: 300px; max-width: 400px; max-height: 400px; overflow-y: auto; } .contractor-filter-container { background: #f8f9fa; border: 1px solid #E3E8EE; border-radius: 4px; padding: 16px; } .contractor-filter-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .contractor-filter-title { font-weight: 600; color: var(--color-text-main); font-size: 14px; } .contractor-filter-controls { display: flex; gap: 8px; } .contractor-filter-button { padding: 6px 12px; background: #fff; border: 1px solid #E3E8EE; border-radius: 4px; cursor: pointer; font-size: 12px; transition: all 0.2s; } .contractor-filter-button:hover { background: #f0f4fa; border-color: #01327E; } .contractor-filter-button.apply { background-color: #007bff; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .contractor-filter-button.cancel { background-color: #6c757d; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .contractor-filter-button.reset { background-color: #ffc107; color: #212529; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .contractor-filter-button.apply:hover { background-color: #0056b3; } .contractor-filter-button.cancel:hover { background-color: #545b62; } .contractor-filter-button.reset:hover { background-color: #e0a800; } .contractor-checkboxes { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; max-height: 200px; overflow-y: auto; } .contractor-checkbox-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--color-text-main); padding: 4px 0; } .contractor-checkbox-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: #01327E; } .contractor-checkbox-item label { cursor: pointer; flex: 1; line-height: 1.4; } .contractor-checkbox-item:hover { color: #01327E; } .contractor-filter-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid #eee; } .contractor-filter-loading, .contractor-filter-error, .contractor-filter-empty { padding: 16px; text-align: center; color: var(--color-text-muted); font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; } .contractor-filter-error { color: #dc3545; } .contractor-filter-loading .material-symbols-outlined, .contractor-filter-error .material-symbols-outlined { font-size: 18px; } /* Contractor filter container wrapper */ .contractor-filter-container-wrapper { position: relative; display: inline-block; } .contractor-popup-filters { display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; } .filter-row { display: flex; align-items: center; gap: 12px; } .filter-row input[type="checkbox"] { margin-right: 4px; } .filter-row label { min-width: 160px; font-weight: 500; } .filter-row select { min-width: 110px; padding: 6px 8px; border-radius: 6px; border: 1px solid #ccc; background: #f5f5f5; /* Add these properties to ensure proper interaction */ pointer-events: auto; position: relative; z-index: 1; } /* Ensure the popup container allows proper event handling */ .filter-popup { position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ccc; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 16px; z-index: 1000; /* Increased z-index */ min-width: 300px; max-width: 400px; max-height: 400px; overflow-y: auto; /* Add these properties */ pointer-events: auto; } .image-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .file-display-modal { background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; } .image-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #eee; } .image-close-button { background: none; border: none; cursor: pointer; color: #666; font-size: 24px; } .files-container { padding: 16px; } .image-file-item { display: flex; align-items: center; padding: 12px; border-bottom: 1px solid #eee; transition: background-color 0.2s; } .image-file-item:hover { background-color: #f5f5f5; } .image-file-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 24px; color: #666; } .image-file-icon img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .image-file-info { flex: 1; } .image-file-name { font-weight: 500; color: #333; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 10px; } .file-details { font-size: 12px; color: #666; } .file-actions { display: flex; align-items: center; } .image-download-link { color: #666; text-decoration: none; display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; transition: background-color 0.2s; margin-left: auto; } .image-download-link:hover { background-color: #e0e0e0; } .no-files-container { display: flex; flex-direction: column; align-items: center; padding: 40px; color: #666; } .no-files-container .material-symbols-outlined { font-size: 48px; margin-bottom: 16px; } .image-loading-container, .image-error-container { padding: 20px; text-align: center; color: #666; } .image-file-category { margin-left: 10px; font-size: 18px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .action-dropdown{ display:none !important; position:fixed !important; background:white; border:1px solid #ccc; box-shadow:0 2px 8px rgba(0,0,0,0.1); z-index:99999 !important; min-width: 120px; /* Reduced width */ max-width: 200px; /* Add max width */ border-radius: 4px; padding: 4px 0; } .action-dropdown.show { display: block !important; } .action-dropdown-item{ padding:8px 16px; cursor:pointer; transition: background-color 0.2s; white-space: nowrap; /* Prevent text wrapping */ } .action-dropdown-item:hover { background-color: #f5f5f5; } /* Ensure hamburger menu has lower z-index */ .action-menu .material-symbols-outlined.hamburger-menu { z-index: 1 !important; position: relative; } /* Also ensure the action-menu container doesn't interfere */ .action-menu { position: relative; display: inline-block; } /* Add these sca-chip styles back to your CSS file */ .sca-chip { display: inline-flex; align-items: center; border: 1.5px solid #27ae60; color: #27ae60; background: #eafaf1; border-radius: 999px; padding: 2px 12px 2px 8px; margin-right: 6px; font-size: 14px; font-weight: 500; gap: 4px; line-height: 1; } .sca-chip-check { font-size: 18px; color: #27ae60; margin-right: 4px; display: flex; align-items: center; } .invoice-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid #f3f4f6; } .invoice-summary { display: flex; align-items: center; } .invoice-count { background: var(--color-primary); color: white; padding: 6px 12px; border-radius: 16px; font-size: 12px; font-weight: 500; } .invoice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; } .invoice-card { background: white; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; transition: all 0.2s ease; position: relative; overflow: hidden; } .invoice-card:hover { border-color: var(--color-accent); box-shadow: 0 4px 12px rgba(77, 124, 255, 0.15); transform: translateY(-2px); } .invoice-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; } .file-preview-section { display: flex; align-items: center; } .file-preview-wrapper { width: 80px; height: 80px; border-radius: 8px; overflow: hidden; background: #f9fafb; border: 1px solid #e5e7eb; } .file-preview-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .file-icon-fallback { width: 100%; height: 100%; display: none; align-items: center; justify-content: center; background: #f3f4f6; } .file-icon-wrapper { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; color: white; } .file-icon { font-size: 32px; } .invoice-status-badge { display: flex; align-items: center; } .status-badge { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 1.5; text-transform: capitalize; letter-spacing: 0.02em; white-space: nowrap; vertical-align: middle; } .status-approved { background-color: #DEF7EC; color: #03543F; border: 1px solid #84E1BC; } .status-pending { background-color: #FEF3C7; color: #92400E; border: 1px solid #FCD34D; } .status-assigned { background-color: #DBEAFE; color: #1E3A8A; border: 1px solid #93C5FD; } .status-inprogress { background-color: #EDE9FE; color: #5B21B6; border: 1px solid #C4B5FD; } .status-completed { background-color: #DEF7EC; color: #03543F; border: 1px solid #84E1BC; } .status-rejected { background-color: #FEE2E2; color: #991B1B; border: 1px solid #FCA5A5; } .status-badge .material-symbols-outlined { font-size: 14px; } .invoice-card-content { display: flex; flex-direction: column; gap: 16px; } .file-info { display: flex; flex-direction: column; gap: 4px; } .file-name { font-size: 16px; font-weight: 600; color: var(--color-text-main); margin: 0; line-height: 1.3; } .invoice-id { font-size: 12px; color: var(--color-text-muted); margin: 0; } .invoice-actions { display: flex; gap: 3px; } .action-btn { display: flex; align-items: center; gap: 6px; padding: 7px 0; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease; border: none; cursor: pointer; min-width: 100px; justify-content: center; } .download-btn { background: linear-gradient(135deg, var(--color-primary) 0%, #083a5e 100%); color: white; box-shadow: 0 2px 4px rgba(10, 53, 118, 0.3); } .download-btn:hover { background: linear-gradient(135deg, #083a5e 0%, #062a45 100%); transform: translateY(-1px); box-shadow: 0 4px 8px rgba(10, 53, 118, 0.4); } .approve-btn { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3); } .approve-btn:hover:not(:disabled) { background: linear-gradient(135deg, #059669 0%, #047857 100%); transform: translateY(-1px); box-shadow: 0 4px 8px rgba(16, 185, 129, 0.4); } .approve-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .action-btn .material-symbols-outlined { font-size: 16px; } .approval-details { margin-top: 16px; padding: 16px; background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border-radius: 8px; border-left: 4px solid #3b82f6; } .approval-info { display: flex; align-items: center; gap: 12px; } .approval-icon { color: #3b82f6; font-size: 20px; } .approval-text { display: flex; flex-direction: column; gap: 2px; } .approver-name { font-size: 13px; font-weight: 600; color: #1e40af; } .approval-date { font-size: 11px; color: #6b7280; } .invoice-comments { margin-top: 16px; padding: 12px; background: #d4dce359; } .comments-header { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 12px; font-weight: 600; color: #374151; } .comment-text { font-size: 15px; color: #6b7280; line-height: 2.4; margin: 0; } /* Responsive Design */ @media (max-width: 768px) { .invoice-header { flex-direction: column; align-items: flex-start; gap: 12px; } .invoice-grid { grid-template-columns: 1fr; } .invoice-actions { flex-direction: column; } .action-btn { justify-content: center; } } @media (max-width: 480px) { .invoice-card { padding: 16px; } .file-preview-wrapper, .file-icon-wrapper { width: 60px; height: 60px; } .file-icon { font-size: 24px; } } .rejection-details { margin-top: 16px; padding: 16px; background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border-radius: 8px; border-left: 4px solid #dc2626; } .rejection-info { display: flex; align-items: center; gap: 12px; } .rejection-icon { color: #dc2626; font-size: 20px; } .rejection-text { display: flex; flex-direction: column; gap: 2px; } .rejecter-name { font-size: 13px; font-weight: 600; color: #991b1b; } .rejection-date { font-size: 11px; color: #6b7280; } .current-invoice-info { padding: 12px; background-color: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; color: #495057; margin-bottom: 20px; } .form-textarea { width: 100%; padding: 12px; border: 1px solid #dee2e6; border-radius: 6px; font-size: 14px; box-sizing: border-box; background-color: white; resize: vertical; min-height: 120px; font-family: inherit; line-height: 1.5; } .form-textarea:focus { outline: none; border-color: #01327E; box-shadow: 0 0 0 2px rgba(1, 50, 126, 0.1); } .form-textarea:disabled { background-color: #f8f9fa; cursor: not-allowed; color: #6c757d; } .button-action { padding: 10px 20px; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 8px; } .button-approve { border: 1px solid #28a745; background-color: #28a745; color: #ffffff; } .button-approve:hover:not(:disabled) { background-color: #218838; border-color: #1e7e34; } .button-reject { border: 1px solid #dc3545; background-color: #dc3545; color: #ffffff; } .button-reject:hover:not(:disabled) { background-color: #c82333; border-color: #bd2130; } .button-action:disabled { opacity: 0.6; cursor: not-allowed; } .button-action .material-symbols-outlined { font-size: 18px; } /* Styles for Task Flow Enabled checkbox */ .taskflow-checkbox-cell { text-align: center; } .taskflow-checkbox { width: 18px; height: 18px; cursor: pointer; accent-color: #01327E; } .taskflow-checkbox:hover { transform: scale(1.1); transition: transform 0.2s ease; } .last\:border-0:last-child { border-width: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .focus-within\:ring-2:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-brandV2-accent:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1)); } .hover\:border-amber-200:hover { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .hover\:border-blue-200:hover { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .hover\:border-blue-400:hover { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); } .hover\:border-brandV2-accent:hover { --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .hover\:border-brandV2-accent\/60:hover { border-color: rgb(139 92 246 / 0.6); } .hover\:border-emerald-200:hover { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .hover\:border-emerald-400:hover { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); } .hover\:border-gray-300:hover { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .hover\:border-gray-400:hover { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .hover\:border-red-300:hover { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); } .hover\:border-red-700:hover { --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); } .hover\:border-rose-200:hover { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .hover\:border-sky-200:hover { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .hover\:bg-amber-50\/50:hover { background-color: rgb(255 251 235 / 0.5); } .hover\:bg-amber-600:hover { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); } .hover\:bg-amber-700:hover { --tw-bg-opacity: 1; background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50\/50:hover { background-color: rgb(239 246 255 / 0.5); } .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1)); } .hover\:bg-brandV2-accent:hover { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-brandV2-accent\/10:hover { background-color: rgb(139 92 246 / 0.1); } .hover\:bg-brandV2-accent\/5:hover { background-color: rgb(139 92 246 / 0.05); } .hover\:bg-brandV2-accent\/90:hover { background-color: rgb(139 92 246 / 0.9); } .hover\:bg-brandV2-bg\/30:hover { background-color: rgb(247 247 255 / 0.3); } .hover\:bg-brandV2-bg\/50:hover { background-color: rgb(247 247 255 / 0.5); } .hover\:bg-brandV2-bg\/60:hover { background-color: rgb(247 247 255 / 0.6); } .hover\:bg-brandV2-primary:hover { --tw-bg-opacity: 1; background-color: rgb(99 91 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-brandV2-primary\/90:hover { background-color: rgb(99 91 255 / 0.9); } .hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-50\/50:hover { background-color: rgb(236 253 245 / 0.5); } .hover\:bg-emerald-600:hover { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-50\/50:hover { background-color: rgb(249 250 251 / 0.5); } .hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-600:hover { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-50:hover { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-50\/50:hover { background-color: rgb(255 241 242 / 0.5); } .hover\:bg-rose-600:hover { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .hover\:bg-sky-50\/50:hover { background-color: rgb(240 249 255 / 0.5); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/30:hover { background-color: rgb(255 255 255 / 0.3); } .hover\:bg-opacity-90:hover { --tw-bg-opacity: 0.9; } .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .hover\:text-brandV2-accent:hover { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .hover\:text-brandV2-accent\/80:hover { color: rgb(139 92 246 / 0.8); } .hover\:text-brandV2-primary:hover { --tw-text-opacity: 1; color: rgb(99 91 255 / var(--tw-text-opacity, 1)); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-red-800:hover { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:opacity-95:hover { opacity: 0.95; } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:border-brandV2-accent:focus { --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .focus\:border-brandV2-primary:focus { --tw-border-opacity: 1; border-color: rgb(99 91 255 / var(--tw-border-opacity, 1)); } .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-amber-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1)); } .focus\:ring-blue-400\/40:focus { --tw-ring-color: rgb(96 165 250 / 0.4); } .focus\:ring-brandV2-accent:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1)); } .focus\:ring-brandV2-accent\/20:focus { --tw-ring-color: rgb(139 92 246 / 0.2); } .focus\:ring-brandV2-accent\/30:focus { --tw-ring-color: rgb(139 92 246 / 0.3); } .focus\:ring-brandV2-accent\/40:focus { --tw-ring-color: rgb(139 92 246 / 0.4); } .focus\:ring-brandV2-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 91 255 / var(--tw-ring-opacity, 1)); } .focus\:ring-emerald-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)); } .focus\:ring-emerald-400\/40:focus { --tw-ring-color: rgb(52 211 153 / 0.4); } .focus\:ring-emerald-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .focus\:ring-red-500\/20:focus { --tw-ring-color: rgb(239 68 68 / 0.2); } .focus\:ring-rose-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:outline:focus-visible { outline-style: solid; } .focus-visible\:outline-2:focus-visible { outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-brandV2-accent:focus-visible { outline-color: #8B5CF6; } .focus-visible\:outline-brandV2-accent\/60:focus-visible { outline-color: rgb(139 92 246 / 0.6); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-brandV2-accent:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-red-400:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-gray-300:disabled { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .disabled\:bg-gray-100:disabled { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .disabled\:text-gray-400:disabled { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .group:hover .group-hover\:scale-\[1\.02\] { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-blue-600\/10 { background-color: rgb(37 99 235 / 0.1); } .group:hover .group-hover\:opacity-100 { opacity: 1; } @media (min-width: 640px) { .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 768px) { .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } .md\:p-10 { padding: 2.5rem; } .md\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .md\:text-right { text-align: right; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } } @media (min-width: 1280px) { .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }@keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slide-out { 0% { transform: translateX(0); } 100% { transform: translateX(200%); } } .toast { position: absolute; top: 100px; height: 50px; right: 0; bottom: 0; margin: 20px; padding: 10px; background-color: #444; color: #fff; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .toast.success { background-color: #4CAF50; /* Green */ color: white; } .toast.warning { background-color: #ff9800; /* Orange */ color: white; } .toast.error { background-color: #f44336; /* Red */ color: white; }/* Dropdown Button */ .dropbtn { background-color: #3498DB; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } /* Dropdown button on hover & focus */ .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd;} /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show {display:block;}:root { --table-list-header-color: black; --table-list-header-container-color: black; --table-list-header-container-background-color: #b9cce7; --table-list-header-background-color: white; --table-list-header-hover-background-color: #f2f2f2; --table-list-background-color: white; --table-list-odd-row-color: black; --table-list-odd-row-background-color: white; --table-list-even-row-color: black; --table-list-even-row-background-color:#ecf2f9; --table-list-pagination-border-color: #f2f2f2; --table-list-pagination-background-color: #f2f2f2; --table-list-pagination-color: #5f5f5f; --table-list-active-page-border-color: #4c71f7; --table-list-active-page-background-color: #3f71f5; --table-list-active-page-color: white; --table-list-icon-color: black; --table-list-search-icon-color: grey; } .table-list-container { width:100%; } .table-list { background-color: var(--table-list-background-color); border-collapse: collapse; width: 100%; } .table-list-thead { background-color: var(--table-list-header-background-color); color: var(--table-list-header-color); font-weight: bold; padding: 20px 0; text-align: left; } .table-list-tr-even { background-color: var(--table-list-even-row-background-color); color: var(--table-list-even-row-color); } .table-list-tr-odd { background-color: var(--table-list-odd-row-background-color); color: var(--table-list-odd-row-color); } .table-list-th { padding: 10px; cursor: pointer; } .table-list-th:hover { background-color: var(--table-list-header-hover-background-color); } .table-list-th i { margin-left: 5px; } .table-list-td { padding: 10px; } .table-list-pagination { background-color: var(--table-list-background-color); color: var(--table-list-pagination-color); display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 12pt; height: 50px; border: 1px solid var(--table-list-pagination-border-color); } .table-list-base-page { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 30px; height: 30px; border-radius: var(--border-radius-button); } .table-list-pagination-nav { border: 1px solid var(--table-list-pagination-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-list-inactive-page { border: 1px solid var(--table-list-pagination-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-list-active-page { border: 1px solid var(--table-list-active-page-border-color); background-color: var(--table-list-active-page-background-color); color: var(--table-list-active-page-color); } .table-list-inactive-page:hover { border: 1px solid var(--table-list-active-page-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-list-edit::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--table-list-icon-color); } .table-list-delete::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--table-list-icon-color); } .table-list-center { display: flex; justify-content: center; width: 100%; } .table-list-title { font-size: 14pt; padding-left: 10px; } .table-list-header-container { display: flex; justify-content: space-between; align-items: center; color:var(--table-list-header-container-color); background-color:var(--table-list-header-container-background-color); height: 60px; } .table-list-search-container { display: flex; align-items: center; gap: 10px; } .table-list-search-input { padding-top: 10px; padding-right: 20px; box-sizing: border-box; height: 32px; border-radius: 0; border: solid 1px var(--table-list-search-icon-color); } .table-list-search-input:focus { outline: none; border: none; } .table-list-search-icon { color: var(--table-list-search-icon-color); position: relative; left: -35px; } .table-list-search-icon::before { content: "\f002"; /* Unicode for 'fa-search' icon */ font-family: "Font Awesome 5 Free"; font-weight: 900; }:root { --card-list-header-color: black; --card-list-header-container-color: black; --card-list-header-container-background-color: #b9cce7; --card-list-header-background-color: white; --card-list-header-hover-background-color: #f2f2f2; --card-list-background-color: white; --card-list-odd-row-color: black; --card-list-odd-row-background-color: white; --card-container-color: black; --card-border-color: #5f5f5f; --card-list-even-row-background-color:#ecf2f9; --card-list-pagination-border-color: #f2f2f2; --card-list-pagination-background-color: #f2f2f2; --card-list-pagination-color: #5f5f5f; --card-list-active-page-border-color: #4c71f7; --card-list-active-page-background-color: #3f71f5; --card-list-active-page-color: white; --card-list-icon-color: black; --card-list-search-icon-color: grey; } .card-list-container { width:100%; } .card-list { padding:10px; background-color: var(--card-list-background-color); border-collapse: collapse; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; /* Aligns items to the start of the container */ gap: 10px; /* Adds space between the cards */ } .card-container { border: 1px solid var(--card-border-color); background-color: var(--card-list-even-row-background-color); color: var(--card-container-color); flex: 1 1 200px; /* Allows the card to grow and shrink but not be smaller than 200px */ max-width: 200px; /* Sets a maximum width for each card */ /* Add additional styling for your cards here */ margin: 5px; /* Optional: Adds some space around each card */ box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Optional: Adds a subtle shadow for depth */ padding: 10px; /* Optional: Adds some padding inside each card */ } .card-list-event-data { margin: 20px; } .card-list-event-container { margin: 15px; display: flex; justify-content: flex-end; } .card-list-pagination { background-color: var(--card-list-background-color); color: var(--card-list-pagination-color); display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 12pt; height: 50px; border: 1px solid var(--card-list-pagination-border-color); } .card-list-base-page { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 30px; height: 30px; border-radius: var(--border-radius-button); } .card-list-pagination-nav { border: 1px solid var(--card-list-pagination-border-color); background-color: var(--card-list-pagination-background-color); color: var(--card-list-pagination-color); } .card-list-inactive-page { border: 1px solid var(--card-list-pagination-border-color); background-color: var(--card-list-pagination-background-color); color: var(--card-list-pagination-color); } .card-list-active-page { border: 1px solid var(--card-list-active-page-border-color); background-color: var(--card-list-active-page-background-color); color: var(--card-list-active-page-color); } .card-list-inactive-page:hover { border: 1px solid var(--card-list-active-page-border-color); background-color: var(--card-list-pagination-background-color); color: var(--card-list-pagination-color); } .card-list-edit::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--card-list-icon-color); } .card-list-delete::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--card-list-icon-color); } .card-list-center { display: flex; justify-content: center; width: 100%; } .card-list-title { font-size: 14pt; padding-left: 10px; } .card-list-header-container { display: flex; justify-content: space-between; align-items: center; color:var(--card-list-header-container-color); background-color:var(--card-list-header-container-background-color); height: 60px; } .card-list-search-container { display: flex; align-items: center; gap: 10px; } .card-list-search-input { padding-top: 10px; padding-right: 20px; box-sizing: border-box; height: 32px; border-radius: 0; border: solid 1px var(--card-list-search-icon-color); } .card-list-search-input:focus { outline: none; border: none; } .card-list-search-icon { color: var(--card-list-search-icon-color); position: relative; left: -35px; } .card-list-search-icon::before { content: "\f002"; /* Unicode for 'fa-search' icon */ font-family: "Font Awesome 5 Free"; font-weight: 900; }:root { --table-list-header-color: black; --table-list-header-container-color: black; --table-list-header-container-background-color: #b9cce7; --table-list-header-background-color: white; --table-list-header-hover-background-color: #f2f2f2; --table-list-background-color: white; --table-list-odd-row-color: black; --table-list-odd-row-background-color: white; --table-list-even-row-color: black; --table-list-even-row-background-color:#ecf2f9; --table-list-pagination-border-color: #f2f2f2; --table-list-pagination-background-color: #f2f2f2; --table-list-pagination-color: #5f5f5f; --table-list-active-page-border-color: #4c71f7; --table-list-active-page-background-color: #3f71f5; --table-list-active-page-color: white; --table-list-icon-color: black; --table-list-search-icon-color: grey; --border-radius-button: 10px; --color-bright: white; --color-dark: black; } .table-cart-container { width:100%; } .table-cart-td-total { font-weight: bold; text-align: right; } .table-cart { background-color: var(--table-list-background-color); border-collapse: collapse; width: 100%; color: black; } .table-cart-thead { background-color: var(--table-list-header-background-color); color: var(--table-list-header-color); font-weight: bold; padding: 20px 0; text-align: left; } .table-cart-tr-even { background-color: var(--table-list-even-row-background-color); color: var(--table-list-even-row-color); } .table-cart-tr-odd { background-color: var(--table-list-odd-row-background-color); color: var(--table-list-odd-row-color); } .table-cart-th { padding: 10px; cursor: pointer; } .table-cart-th-right { padding: 10px; cursor: pointer; text-align: right; } .table-cart-th:hover { background-color: var(--table-list-header-hover-background-color); } .table-cart-th i { margin-left: 5px; } .table-cart-td { padding: 10px; } .table-cart-pagination { background-color: var(--table-list-background-color); color: var(--table-list-pagination-color); display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 12pt; height: 50px; border: 1px solid var(--table-list-pagination-border-color); } .table-cart-base-page { display: flex; justify-content: center; align-items: center; text-decoration: none; width: 30px; height: 30px; border-radius: var(--border-radius-button); } .table-cart-pagination-nav { border: 1px solid var(--table-list-pagination-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-cart-inactive-page { border: 1px solid var(--table-list-pagination-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-cart-active-page { border: 1px solid var(--table-list-active-page-border-color); background-color: var(--table-list-active-page-background-color); color: var(--table-list-active-page-color); } .table-cart-inactive-page:hover { border: 1px solid var(--table-list-active-page-border-color); background-color: var(--table-list-pagination-background-color); color: var(--table-list-pagination-color); } .table-cart-edit::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--table-list-icon-color); } .table-cart-delete::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--table-list-icon-color); } .table-cart-center { display: flex; justify-content: center; width: 100%; } .table-cart-title { font-size: 14pt; padding-left: 10px; } .table-cart-header-container { display: flex; justify-content: space-between; align-items: center; color:var(--table-list-header-container-color); background-color:var(--table-list-header-container-background-color); height: 60px; } .table-cart-search-container { display: flex; align-items: center; gap: 10px; } .table-cart-search-input { padding-top: 10px; padding-right: 20px; box-sizing: border-box; height: 32px; border-radius: 0; border: solid 1px var(--table-list-search-icon-color); } .table-cart-search-input:focus { outline: none; border: none; } .table-cart-search-icon { color: var(--table-list-search-icon-color); position: relative; left: -35px; } .table-cart-search-icon::before { content: "\f002"; /* Unicode for 'fa-search' icon */ font-family: "Font Awesome 5 Free"; font-weight: 900; } .table-cart-input-number { width:80px; } .table-cart-td-unit-price { text-align: right; width:150px; } .checkout-input { padding: 5px; box-sizing: border-box; border-radius: var(--border-radius-button) !important; background-color: var(--color-bright) !important; color: var(--color-dark) !important; font-size: 12pt; } .cvc { width: 100px; } .checkout-label { font-size: 12pt; color: var(--color-light); } .checkout-div { padding-bottom: 10px; }:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder, div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder{color:#ccc}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}} .dashboard-coming-soon.svelte-1dys9z3.svelte-1dys9z3{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.coming-soon-content.svelte-1dys9z3.svelte-1dys9z3{text-align:center;max-width:600px;width:100%}.icon-wrapper.svelte-1dys9z3.svelte-1dys9z3{margin-bottom:2rem}.icon-wrapper.svelte-1dys9z3 .material-symbols-outlined.svelte-1dys9z3{font-size:4rem;color:#8B5CF6;opacity:0.8}h1.svelte-1dys9z3.svelte-1dys9z3{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.main-message.svelte-1dys9z3.svelte-1dys9z3{font-size:1.125rem;color:#6b7280;line-height:1.6;margin-bottom:2rem}.quick-stats.svelte-1dys9z3.svelte-1dys9z3{margin-top:3rem;padding-top:3rem;border-top:1px solid #e5e7eb}.quick-stats.svelte-1dys9z3 h2.svelte-1dys9z3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1.5rem}.stats-grid.svelte-1dys9z3.svelte-1dys9z3{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;justify-items:center}.stat-card.svelte-1dys9z3.svelte-1dys9z3{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;min-width:180px;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.stat-label.svelte-1dys9z3.svelte-1dys9z3{font-size:0.875rem;color:#6b7280;font-weight:500;text-align:center}.stat-value.svelte-1dys9z3.svelte-1dys9z3{font-size:2rem;font-weight:600;color:#8B5CF6}@media(max-width: 768px){.dashboard-coming-soon.svelte-1dys9z3.svelte-1dys9z3{min-height:50vh;padding:1.5rem}h1.svelte-1dys9z3.svelte-1dys9z3{font-size:1.5rem}.main-message.svelte-1dys9z3.svelte-1dys9z3{font-size:1rem}.stats-grid.svelte-1dys9z3.svelte-1dys9z3{grid-template-columns:1fr}}.loading.svelte-1ur3rxh{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:var(--color-text-muted)}.spin-animation.svelte-1ur3rxh{animation:svelte-1ur3rxh-spin 1s linear infinite}@keyframes svelte-1ur3rxh-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.clickable.svelte-sf2nu0.svelte-sf2nu0{cursor:pointer}.sort-indicator.svelte-sf2nu0.svelte-sf2nu0{margin-left:6px;font-size:11px;color:#6B7280}.skeleton-cell.svelte-sf2nu0.svelte-sf2nu0{padding:15px 20px}.skeleton-line.svelte-sf2nu0.svelte-sf2nu0{height:12px;background:linear-gradient(90deg, #F3F4F6 0%, #E5E7EB 50%, #F3F4F6 100%);background-size:200% 100%;animation:svelte-sf2nu0-shimmer 1.5s infinite;border-radius:6px}@keyframes svelte-sf2nu0-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.empty-state.svelte-sf2nu0.svelte-sf2nu0{text-align:center;padding:60px 20px;color:#6B7280}.empty-state.svelte-sf2nu0 .empty-icon.svelte-sf2nu0{font-size:40px;color:#8B5CF6;margin-bottom:10px}.empty-state.svelte-sf2nu0 .empty-text.svelte-sf2nu0{font-size:14px}.custom-scrollbar-track.svelte-sf2nu0.svelte-sf2nu0{position:relative;height:6px;background:#F7FAFC;border-radius:3px;margin-top:8px;cursor:pointer;border:1px solid #E5E7EB}.custom-scrollbar-thumb.svelte-sf2nu0.svelte-sf2nu0{position:absolute;top:0;height:100%;background:#A78BFA;border-radius:3px;cursor:pointer;transition:background-color 0.2s ease;min-width:30px}.custom-scrollbar-thumb.svelte-sf2nu0.svelte-sf2nu0:hover{background:#8B5CF6;cursor:pointer}.custom-scrollbar-thumb.svelte-sf2nu0.svelte-sf2nu0:active{cursor:pointer;background:#7C3AED}.modal-shade.svelte-v9ujm8.svelte-v9ujm8{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-v9ujm8.svelte-v9ujm8{background-color:white;border-radius:8px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);width:90%;max-width:600px;display:flex;flex-direction:column;max-height:90vh}.modal-header.svelte-v9ujm8.svelte-v9ujm8{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:none !important}.modal-header.svelte-v9ujm8 h2.svelte-v9ujm8{font-size:18px;font-weight:600;color:#343a40;margin:0}.close-button.svelte-v9ujm8.svelte-v9ujm8{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0}.close-button.svelte-v9ujm8.svelte-v9ujm8:hover{color:#343a40}.modal-separator.svelte-v9ujm8.svelte-v9ujm8{height:1px;background-color:#e9ecef;width:100%}.modal-body.svelte-v9ujm8.svelte-v9ujm8{overflow-y:auto;padding:12px 20px}.staged-files-section.svelte-v9ujm8.svelte-v9ujm8{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.staged-files-header.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.staged-files-count.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#059669}.staged-icon.svelte-v9ujm8.svelte-v9ujm8{font-size:16px}.staged-files-controls.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:6px}.category-label.svelte-v9ujm8.svelte-v9ujm8{font-size:12px;font-weight:500;color:#6b7280}.photos-category-select.svelte-v9ujm8.svelte-v9ujm8{padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;background-color:white;cursor:pointer}.staged-files-list.svelte-v9ujm8.svelte-v9ujm8{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.staged-file-item.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:#f8f9fa;border-radius:4px;font-size:12px}.file-type-icon.svelte-v9ujm8.svelte-v9ujm8{font-size:18px;flex-shrink:0;display:flex;align-items:center}.file-name.svelte-v9ujm8.svelte-v9ujm8{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151;font-weight:500;min-width:0}.file-size.svelte-v9ujm8.svelte-v9ujm8{font-size:11px;color:#9ca3af;flex-shrink:0}.remove-file-button.svelte-v9ujm8.svelte-v9ujm8{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;border-radius:3px;font-size:16px;transition:all 0.15s;display:flex;align-items:center}.remove-file-button.svelte-v9ujm8.svelte-v9ujm8:hover{color:#dc3545;background:#fee2e2}.modal-footer.svelte-v9ujm8.svelte-v9ujm8{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9ecef;padding:16px 20px}.button-cancel.svelte-v9ujm8.svelte-v9ujm8{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #ced4da;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;background-color:#f8f9fa;color:#343a40}.button-cancel.svelte-v9ujm8.svelte-v9ujm8:hover{background-color:#e9ecef}.btn-upload-primary.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:6px;padding:10px 24px;background-color:#8B5CF6;border:none;border-radius:6px;font-size:14px;font-weight:600;color:white;cursor:pointer;transition:all 0.2s ease}.btn-upload-primary.svelte-v9ujm8.svelte-v9ujm8:hover:not(:disabled){background-color:#7c3aed;box-shadow:0 2px 8px rgba(139, 92, 246, 0.3)}.btn-upload-primary.svelte-v9ujm8.svelte-v9ujm8:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.btn-upload-primary.svelte-v9ujm8 .material-symbols-outlined.svelte-v9ujm8{font-size:18px}.upload-progress.svelte-v9ujm8.svelte-v9ujm8{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.progress-bar.svelte-v9ujm8.svelte-v9ujm8{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill.svelte-v9ujm8.svelte-v9ujm8{height:100%;background-color:#01327E;transition:width 0.3s ease}.upload-progress.svelte-v9ujm8 p.svelte-v9ujm8{margin:0;font-size:14px;color:#495057;text-align:center}.file-picker-area.svelte-v9ujm8.svelte-v9ujm8{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all 0.2s ease;width:100%;text-align:center}.file-picker-area.svelte-v9ujm8.svelte-v9ujm8:hover{border-color:#8B5CF6;background-color:#f5f3ff}.file-picker-area.svelte-v9ujm8.svelte-v9ujm8:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.file-picker-area.file-picker-dragging.svelte-v9ujm8.svelte-v9ujm8{border-color:#8B5CF6;background-color:#ede9fe;border-style:solid;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.2);transform:scale(1.01)}.file-picker-area.file-picker-dragging.svelte-v9ujm8 .file-picker-icon.svelte-v9ujm8{color:#8B5CF6;animation:svelte-v9ujm8-bounce-icon 0.6s ease infinite alternate}@keyframes svelte-v9ujm8-bounce-icon{from{transform:translateY(0)}to{transform:translateY(-4px)}}.file-picker-icon.svelte-v9ujm8.svelte-v9ujm8{font-size:36px;color:#9ca3af;margin-bottom:8px}.file-picker-area.svelte-v9ujm8:hover .file-picker-icon.svelte-v9ujm8{color:#8B5CF6}.file-picker-text.svelte-v9ujm8.svelte-v9ujm8{font-size:14px;font-weight:500;color:#374151;margin-bottom:2px}.file-picker-subtext.svelte-v9ujm8.svelte-v9ujm8{font-size:12px;color:#9ca3af}.file-picker-hint.svelte-v9ujm8.svelte-v9ujm8{font-size:11px;color:#8B5CF6;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.pdf-converting.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;background-color:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px}.pdf-converting.svelte-v9ujm8 .spinning.svelte-v9ujm8{font-size:22px;color:#8B5CF6}.pdf-converting-text.svelte-v9ujm8.svelte-v9ujm8{display:flex;flex-direction:column;gap:2px}.pdf-converting-title.svelte-v9ujm8.svelte-v9ujm8{font-size:13px;font-weight:600;color:#374151}.pdf-converting-filename.svelte-v9ujm8.svelte-v9ujm8{font-size:11px;color:#6b7280;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin:0 0 12px 0}.section-title.svelte-v9ujm8 .material-symbols-outlined.svelte-v9ujm8{font-size:20px;color:#6b7280}.existing-files-section.svelte-v9ujm8.svelte-v9ujm8{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.loading-files.svelte-v9ujm8.svelte-v9ujm8{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;padding:12px}.spinning.svelte-v9ujm8.svelte-v9ujm8{animation:svelte-v9ujm8-spin 1s linear infinite}@keyframes svelte-v9ujm8-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.existing-files-grid.svelte-v9ujm8.svelte-v9ujm8{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:10px;max-height:200px;overflow-y:auto;padding:4px}.existing-file-tile.svelte-v9ujm8.svelte-v9ujm8{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:inherit;transition:all 0.2s ease;min-height:90px;position:relative}.existing-file-tile.svelte-v9ujm8.svelte-v9ujm8:hover{background-color:#f3f4f6;border-color:#8B5CF6;box-shadow:0 2px 6px rgba(139, 92, 246, 0.15);transform:translateY(-1px)}.tile-icon.svelte-v9ujm8.svelte-v9ujm8{font-size:32px}.tile-filename.svelte-v9ujm8.svelte-v9ujm8{font-size:11px;font-weight:500;color:#374151;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.tile-download.svelte-v9ujm8.svelte-v9ujm8{position:absolute;top:4px;right:4px;font-size:16px;color:#d1d5db;opacity:0;transition:all 0.2s ease}.existing-file-tile.svelte-v9ujm8:hover .tile-download.svelte-v9ujm8{opacity:1;color:#8B5CF6}.modal-overlay.svelte-i97qnw.svelte-i97qnw{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-i97qnw.svelte-i97qnw{background:white;border-radius:8px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);width:90%;max-width:600px;display:flex;flex-direction:column;max-height:90vh}.modal-header.svelte-i97qnw.svelte-i97qnw{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:none !important}.modal-header.svelte-i97qnw h2.svelte-i97qnw{font-size:18px;font-weight:600;color:#343a40;margin:0}.close-button.svelte-i97qnw.svelte-i97qnw{background:none;border:none;cursor:pointer;padding:0;color:#6c757d}.close-button.svelte-i97qnw.svelte-i97qnw:hover{color:#343a40}.close-button.svelte-i97qnw .material-symbols-outlined.svelte-i97qnw{font-size:24px}.modal-separator.svelte-i97qnw.svelte-i97qnw{height:1px;background-color:#e9ecef;width:100%}.modal-body.svelte-i97qnw.svelte-i97qnw{overflow-y:auto;padding:12px 20px}.file-picker-area.svelte-i97qnw.svelte-i97qnw{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all 0.2s ease;width:100%;text-align:center}.file-picker-area.svelte-i97qnw.svelte-i97qnw:hover,.file-picker-area.dragging.svelte-i97qnw.svelte-i97qnw{border-color:#8B5CF6;background-color:#f5f3ff}.file-picker-area.svelte-i97qnw.svelte-i97qnw:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.file-picker-icon.svelte-i97qnw.svelte-i97qnw{font-size:36px;color:#9ca3af;margin-bottom:8px}.file-picker-area.svelte-i97qnw:hover .file-picker-icon.svelte-i97qnw,.file-picker-area.dragging.svelte-i97qnw .file-picker-icon.svelte-i97qnw{color:#8B5CF6}.file-picker-text.svelte-i97qnw.svelte-i97qnw{font-size:14px;font-weight:500;color:#374151;margin-bottom:2px}.file-picker-subtext.svelte-i97qnw.svelte-i97qnw{font-size:12px;color:#9ca3af}.staged-files-section.svelte-i97qnw.svelte-i97qnw{margin-top:16px;padding-top:12px;padding-left:0;padding-right:0;border-top:1px solid #e5e7eb}.staged-files-header.svelte-i97qnw.svelte-i97qnw{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.staged-files-count.svelte-i97qnw.svelte-i97qnw{font-size:13px;font-weight:600;color:#374151}.staged-files-controls.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;gap:8px}.photos-category-select.svelte-i97qnw.svelte-i97qnw{padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;background-color:white;cursor:pointer}.btn-upload.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:#8B5CF6;border:none;border-radius:4px;font-size:12px;font-weight:600;color:white;cursor:pointer;transition:all 0.2s ease}.btn-upload.svelte-i97qnw.svelte-i97qnw:hover{background-color:#7c3aed}.btn-upload.svelte-i97qnw .material-symbols-outlined.svelte-i97qnw{font-size:14px}.staged-files-list.svelte-i97qnw.svelte-i97qnw{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.staged-file-item.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:#f8f9fa;border-radius:4px;font-size:12px}.file-icon.svelte-i97qnw.svelte-i97qnw{color:#8B5CF6;font-size:18px;flex-shrink:0;display:flex;align-items:center}.staged-file-name.svelte-i97qnw.svelte-i97qnw{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151;font-weight:500;min-width:0}.staged-file-size.svelte-i97qnw.svelte-i97qnw{font-size:11px;color:#9ca3af;flex-shrink:0}.remove-btn.svelte-i97qnw.svelte-i97qnw{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px;border-radius:3px;transition:all 0.15s;display:flex;align-items:center}.remove-btn.svelte-i97qnw .material-symbols-outlined.svelte-i97qnw{font-size:16px}.remove-btn.svelte-i97qnw.svelte-i97qnw:hover{color:#dc3545;background:#fee2e2}.section-title.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151;margin:0 0 10px 0}.section-title.svelte-i97qnw .material-symbols-outlined.svelte-i97qnw{font-size:18px;color:#6b7280}.existing-files-section.svelte-i97qnw.svelte-i97qnw{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.loading-files.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;padding:12px}.spinning.svelte-i97qnw.svelte-i97qnw{animation:svelte-i97qnw-spin 1s linear infinite}@keyframes svelte-i97qnw-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.files-grid.svelte-i97qnw.svelte-i97qnw{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:10px;max-height:200px;overflow-y:auto;padding:4px}.file-tile.svelte-i97qnw.svelte-i97qnw{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px 6px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:inherit;transition:all 0.2s ease;min-height:110px;position:relative}.file-tile.svelte-i97qnw.svelte-i97qnw:hover{background-color:#f3f4f6;border-color:#8B5CF6;box-shadow:0 2px 6px rgba(139, 92, 246, 0.15);transform:translateY(-1px)}.tile-preview.svelte-i97qnw.svelte-i97qnw{position:relative;width:100%;height:60px;border-radius:4px;overflow:hidden;background:#f3f4f6}.tile-image.svelte-i97qnw.svelte-i97qnw{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tile-fallback.svelte-i97qnw.svelte-i97qnw{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af}.tile-fallback.svelte-i97qnw .material-symbols-outlined.svelte-i97qnw{font-size:28px}.tile-badge.svelte-i97qnw.svelte-i97qnw{position:absolute;left:4px;top:4px;display:inline-flex;align-items:center;padding:2px 5px;border-radius:9999px;background:rgba(255, 255, 255, 0.9);font-size:9px;font-weight:600;text-transform:uppercase;color:#374151}.tile-filename.svelte-i97qnw.svelte-i97qnw{font-size:11px;font-weight:500;color:#374151;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.tile-category.svelte-i97qnw.svelte-i97qnw{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:500;background:#EDE9FE;color:#6B21A8;text-transform:capitalize}.tile-download.svelte-i97qnw.svelte-i97qnw{position:absolute;top:4px;right:4px;font-size:16px;color:#d1d5db;opacity:0;transition:all 0.2s ease}.file-tile.svelte-i97qnw:hover .tile-download.svelte-i97qnw{opacity:1;color:#8B5CF6}.modal-footer.svelte-i97qnw.svelte-i97qnw{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e9ecef;padding:12px 20px}.btn-cancel.svelte-i97qnw.svelte-i97qnw{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #ced4da;transition:background-color 0.2s ease, border-color 0.2s ease;display:flex;align-items:center;gap:6px;background-color:#f8f9fa;color:#343a40}.btn-cancel.svelte-i97qnw.svelte-i97qnw:hover{background-color:#e9ecef}/* Common Modal Styles */ .modal-shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background-color: white; padding: 25px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); width: 90%; max-width: 500px; display: flex; flex-direction: column; } .modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e9ecef; padding-bottom: 15px; margin-bottom: 20px; } .modal-header h2 { font-size: 18px; font-weight: 600; color: #343a40; margin: 0; } .close-button { background: none; border: none; font-size: 24px; cursor: pointer; color: #6c757d; padding: 0; } .close-button:hover { color: #343a40; } .modal-body { margin-bottom: 20px; } .modal-footer { display: flex; justify-content: flex-end; gap: 12px; border-top: 1px solid #e9ecef; padding-top: 20px; } /* Form Elements */ .form-group { margin-bottom: 20px; } .form-group label { display: block; font-weight: 600; color: #495057; margin-bottom: 8px; font-size: 14px; } .form-group input, .form-group select { width: 100%; padding: 12px; border: 1px solid #dee2e6; border-radius: 6px; font-size: 14px; box-sizing: border-box; background-color: white; } .form-group input:focus, .form-group select:focus { outline: none; border-color: #01327E; box-shadow: 0 0 0 2px rgba(1, 50, 126, 0.1); } .form-group input:disabled, .form-group select:disabled { background-color: #f8f9fa; cursor: not-allowed; } /* Info Boxes */ .current-supplier-info, .current-status-info, .current-date-info { padding: 12px; background-color: #f8f9fa; border-radius: 6px; border: 1px solid #e9ecef; font-size: 14px; color: #495057; margin-bottom: 20px; } /* Loading States */ .loading-suppliers, .loading-statuses { text-align: center; padding: 40px 20px; color: #6c757d; font-size: 14px; } /* Error States */ .error-message { text-align: center; padding: 20px; color: #dc3545; font-size: 14px; } .retry-button { margin-top: 10px; padding: 8px 16px; background-color: #01327E; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; } .retry-button:hover { background-color: #002456; } /* Empty States */ .no-suppliers, .no-statuses { text-align: center; padding: 40px 20px; color: #6c757d; font-size: 14px; font-style: italic; } /* Buttons */ .button-cancel { padding: 10px 20px; border: 1px solid #dee2e6; border-radius: 6px; background-color: #ffffff; color: #6c757d; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .button-cancel:hover:not(:disabled) { background-color: #f8f9fa; border-color: #adb5bd; } .button-cancel:disabled { opacity: 0.6; cursor: not-allowed; } .button-assign, .button-change, .button-update { padding: 10px 20px; border: 1px solid #01327E; border-radius: 6px; background-color: #01327E; color: #ffffff; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 8px; } .button-assign:hover:not(:disabled), .button-change:hover:not(:disabled), .button-update:hover:not(:disabled) { background-color: #002456; border-color: #002456; } .button-assign:disabled, .button-change:disabled, .button-update:disabled { opacity: 0.6; cursor: not-allowed; } .button-assign .material-symbols-outlined, .button-change .material-symbols-outlined, .button-update .material-symbols-outlined { font-size: 18px; } .modal-shade.svelte-4lzz8l.svelte-4lzz8l{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content.answers-modal.svelte-4lzz8l.svelte-4lzz8l{background:#fff;border-radius:10px;min-width:350px;max-width:600px;width:100%;box-shadow:0 2px 16px rgba(0,0,0,0.2);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header.svelte-4lzz8l.svelte-4lzz8l{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 0 32px;flex-shrink:0}.close-button.svelte-4lzz8l.svelte-4lzz8l{background:none;border:none;font-size:1.5em;cursor:pointer;color:#888}.modal-body.svelte-4lzz8l.svelte-4lzz8l{flex:1 1 auto;overflow-y:auto;min-height:0;padding:24px 32px 32px 32px}.questions-section.svelte-4lzz8l h3.svelte-4lzz8l{margin:0 0 15px 0;font-size:16px;color:#495057}.questions-list.svelte-4lzz8l.svelte-4lzz8l{display:flex;flex-direction:column;gap:12px}.question-item.svelte-4lzz8l.svelte-4lzz8l{padding:12px 16px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.question-label.svelte-4lzz8l.svelte-4lzz8l{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;cursor:default}.question-checkbox.svelte-4lzz8l.svelte-4lzz8l{margin:0;width:18px;height:18px;accent-color:#01327E;flex-shrink:0;margin-top:2px}.question-text.svelte-4lzz8l.svelte-4lzz8l{flex:1;color:#495057}.no-questions.svelte-4lzz8l.svelte-4lzz8l{text-align:center;padding:20px;color:#6c757d}.risk-file-image.svelte-4lzz8l.svelte-4lzz8l{max-width:80px;max-height:80px;border-radius:6px;border:1px solid #e9ecef;-o-object-fit:cover;object-fit:cover}.risk-file-icon.svelte-4lzz8l.svelte-4lzz8l{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.risk-file-download.svelte-4lzz8l.svelte-4lzz8l{display:flex;align-items:center;gap:4px;background:#01327E;color:#fff;border:none;border-radius:4px;padding:8px 14px;cursor:pointer;font-size:15px;font-weight:500;transition:background 0.2s}.risk-file-download.svelte-4lzz8l.svelte-4lzz8l:hover{background:#002456}.risk-file-row.svelte-4lzz8l.svelte-4lzz8l{display:flex;align-items:center;background:#f6f6f6;border-radius:6px;padding:16px 20px;margin-bottom:24px;gap:16px}.risk-file-icon.svelte-4lzz8l.svelte-4lzz8l{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.risk-file-image.svelte-4lzz8l.svelte-4lzz8l{max-width:32px;max-height:32px;border-radius:4px;border:1px solid #e9ecef;-o-object-fit:cover;object-fit:cover}.risk-file-name.svelte-4lzz8l.svelte-4lzz8l{flex:1;font-size:16px;color:#222;word-break:break-all}.risk-file-download.svelte-4lzz8l.svelte-4lzz8l{background:none;border:none;cursor:pointer;color:#444;padding:0 4px;display:flex;align-items:center;transition:color 0.2s}.risk-file-download.svelte-4lzz8l.svelte-4lzz8l:hover{color:#01327E}.pagination-footer.svelte-1m18ki6{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-top:12px;border-top:1px solid #E5E7EB}.range.svelte-1m18ki6{color:#6B7280;font-size:13px}.controls.svelte-1m18ki6{display:flex;align-items:center;gap:6px}.page-btn.svelte-1m18ki6{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;background:#fff;border-radius:6px;cursor:pointer}.page-btn.svelte-1m18ki6:disabled{opacity:0.5;cursor:not-allowed}.page-indicator.svelte-1m18ki6{color:#374151;font-size:13px;padding:0 6px}.modal-overlay.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.modal-header.svelte-u9ke7q h2.svelte-u9ke7q.svelte-u9ke7q{font-size:20px;font-weight:600;color:#111827;margin:0}.close-btn.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{background:none;border:none;padding:4px;cursor:pointer;color:#6B7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.15s}.close-btn.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q:hover{background:#F3F4F6;color:#374151}.modal-body.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{padding:24px;overflow-y:auto}.description.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{font-size:14px;color:#6B7280;margin:0 0 24px 0;line-height:1.6}.form-field.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{margin-bottom:20px}.form-field.svelte-u9ke7q label.svelte-u9ke7q.svelte-u9ke7q{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{color:#DC2626}.form-field.svelte-u9ke7q input[type="text"].svelte-u9ke7q.svelte-u9ke7q{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;transition:all 0.15s}.form-field.svelte-u9ke7q input[type="text"].svelte-u9ke7q.svelte-u9ke7q:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.form-field.svelte-u9ke7q input[type="text"].error.svelte-u9ke7q.svelte-u9ke7q{border-color:#DC2626}.description-input.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;resize:vertical;min-height:72px;transition:border-color 0.15s, box-shadow 0.15s;box-sizing:border-box}.description-input.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.description-input.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q::-moz-placeholder{color:#9CA3AF}.description-input.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q::placeholder{color:#9CA3AF}.error-message.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{display:block;margin-top:6px;font-size:13px;color:#DC2626}.checkbox-field.svelte-u9ke7q label.svelte-u9ke7q.svelte-u9ke7q{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:8px}.checkbox-field.svelte-u9ke7q input[type="checkbox"].svelte-u9ke7q.svelte-u9ke7q{width:18px;height:18px;cursor:pointer;accent-color:#8B5CF6;margin-top:2px}.checkbox-field.svelte-u9ke7q label.svelte-u9ke7q span.svelte-u9ke7q{font-weight:500}.help-text.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{font-size:13px;color:#6B7280;margin:0;padding-left:28px;line-height:1.5}.modal-footer.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.btn-secondary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q,.btn-primary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s;border:1px solid transparent}.btn-secondary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{background:white;border-color:#D1D5DB;color:#374151}.btn-secondary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q:hover{background:#F9FAFB}.btn-primary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{background:#8B5CF6;border-color:#8B5CF6;color:white}.btn-primary.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q:hover{background:#7C3AED;border-color:#7C3AED}@media(max-width: 640px){.modal-content.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{max-width:100%;margin:0;border-radius:12px 12px 0 0;align-self:flex-end}.modal-overlay.svelte-u9ke7q.svelte-u9ke7q.svelte-u9ke7q{padding:0}}.modal-overlay.svelte-re1xht.svelte-re1xht{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-re1xht.svelte-re1xht{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header.svelte-re1xht.svelte-re1xht{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #E5E7EB}.modal-header.svelte-re1xht h2.svelte-re1xht{font-size:20px;font-weight:600;color:#111827;margin:0}.close-btn.svelte-re1xht.svelte-re1xht{background:none;border:none;padding:4px;cursor:pointer;color:#6B7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.15s}.close-btn.svelte-re1xht.svelte-re1xht:hover{background:#F3F4F6;color:#374151}.modal-body.svelte-re1xht.svelte-re1xht{padding:24px;overflow-y:auto;min-height:200px}.empty-state.svelte-re1xht.svelte-re1xht{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9CA3AF}.empty-state.svelte-re1xht .material-symbols-outlined.svelte-re1xht{font-size:64px;margin-bottom:16px;opacity:0.5}.empty-state.svelte-re1xht p.svelte-re1xht{font-size:16px;font-weight:500;color:#6B7280;margin:0 0 8px 0}.empty-state.svelte-re1xht .help-text.svelte-re1xht{font-size:14px;color:#9CA3AF;max-width:400px}.views-list.svelte-re1xht.svelte-re1xht{display:flex;flex-direction:column;gap:12px}.view-item.svelte-re1xht.svelte-re1xht{border:1px solid #E5E7EB;border-radius:8px;padding:16px;transition:all 0.15s}.view-item.svelte-re1xht.svelte-re1xht:hover{border-color:#D1D5DB;background:#F9FAFB}.view-item.active.svelte-re1xht.svelte-re1xht{border-color:#8B5CF6;background:#F5F3FF}.view-main.svelte-re1xht.svelte-re1xht{display:flex;justify-content:space-between;align-items:center;gap:16px}.view-info.svelte-re1xht.svelte-re1xht{flex:1;min-width:0}.view-name.svelte-re1xht.svelte-re1xht{font-size:15px;font-weight:500;color:#111827;margin-bottom:6px;display:flex;align-items:center;gap:8px}.default-badge.svelte-re1xht.svelte-re1xht{display:inline-flex;align-items:center;padding:2px 8px;background:#FEF3C7;color:#92400E;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.view-meta.svelte-re1xht.svelte-re1xht{font-size:13px;color:#6B7280}.view-actions.svelte-re1xht.svelte-re1xht{display:flex;gap:4px}.action-btn.svelte-re1xht.svelte-re1xht{background:white;border:1px solid #D1D5DB;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;color:#6B7280}.action-btn.svelte-re1xht.svelte-re1xht:hover{background:#F3F4F6;border-color:#9CA3AF;color:#374151}.action-btn.delete-btn.svelte-re1xht.svelte-re1xht:hover{background:#FEE2E2;border-color:#FCA5A5;color:#DC2626}.action-btn.svelte-re1xht .material-symbols-outlined.svelte-re1xht{font-size:20px}.modal-footer.svelte-re1xht.svelte-re1xht{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.btn-primary.svelte-re1xht.svelte-re1xht{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s;border:1px solid #8B5CF6;background:#8B5CF6;color:white}.btn-primary.svelte-re1xht.svelte-re1xht:hover{background:#7C3AED;border-color:#7C3AED}@media(max-width: 640px){.modal-content.svelte-re1xht.svelte-re1xht{max-width:100%;margin:0;border-radius:12px 12px 0 0;align-self:flex-end}.modal-overlay.svelte-re1xht.svelte-re1xht{padding:0}.view-main.svelte-re1xht.svelte-re1xht{flex-direction:column;align-items:flex-start}.view-actions.svelte-re1xht.svelte-re1xht{width:100%;justify-content:flex-end}}.reason-modal-overlay.svelte-1dott3g{position:fixed;inset:0;background:rgba(17, 24, 39, 0.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.reason-modal-content.svelte-1dott3g{width:min(720px, calc(100% - 3rem));max-height:90vh;background:#ffffff;border-radius:0.75rem;box-shadow:0 20px 45px rgba(15, 23, 42, 0.25);display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem}.reason-modal-header.svelte-1dott3g{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.reason-modal-title.svelte-1dott3g{font-size:1.05rem;font-weight:600;color:#111827}.reason-modal-subtitle.svelte-1dott3g{font-size:0.813rem;color:#6b7280;margin-top:0.25rem}.reason-modal-close.svelte-1dott3g{display:inline-flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;color:#4b5563;border-radius:9999px;width:2rem;height:2rem;cursor:pointer;transition:background 0.2s ease}.reason-modal-close.svelte-1dott3g:hover{background:#e5e7eb}.reason-modal-body.svelte-1dott3g{display:flex;flex-direction:column;gap:0.75rem}.reason-form-label.svelte-1dott3g{display:block;font-size:0.875rem;font-weight:500;color:#374151}.reason-textarea.svelte-1dott3g{width:100%;border-radius:0.5rem;border:1px solid #d1d5db;padding:0.75rem;font-size:0.875rem;color:#1f2937;resize:vertical;min-height:140px;transition:border-color 0.15s ease, box-shadow 0.15s ease}.reason-textarea.svelte-1dott3g:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.15)}.reason-modal-actions.svelte-1dott3g{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem}.btn-outline.svelte-1dott3g{background-color:#ffffff;color:#4b5563;border:1px solid #d1d5db;padding:0.5rem 0.85rem;font-size:0.813rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease}.btn-outline.svelte-1dott3g:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-primary.svelte-1dott3g{background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;padding:0.5rem 0.85rem;font-size:0.813rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease}.btn-primary.svelte-1dott3g:hover:not(:disabled){background-color:#7c3aed;border-color:#7c3aed}.btn-danger.svelte-1dott3g{background-color:#dc2626;color:#fff;border:1px solid #dc2626;padding:0.5rem 0.85rem;font-size:0.813rem;font-weight:600;border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease}.btn-danger.svelte-1dott3g:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-primary.svelte-1dott3g:disabled,.btn-danger.svelte-1dott3g:disabled{opacity:0.6;cursor:not-allowed}.filter-panel.svelte-1cql1d0.svelte-1cql1d0{width:370px;min-width:370px;background:#FAFAFE;border:1px solid #E5E7EB;border-radius:8px;box-shadow:-4px 0 16px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);display:flex;flex-direction:column;position:sticky;top:0;max-height:calc(100vh - 140px);overflow:hidden;animation:svelte-1cql1d0-slideIn 0.25s ease;margin-left:12px}@keyframes svelte-1cql1d0-slideIn{from{width:0;min-width:0;opacity:0;margin-left:0}to{width:370px;min-width:370px;opacity:1;margin-left:12px}}.panel-header.svelte-1cql1d0.svelte-1cql1d0{display:flex;align-items:center;border-bottom:1px solid #E5E7EB;padding:0 8px 0 0;flex-shrink:0;background:white;border-radius:8px 8px 0 0}.panel-tabs.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex:1}.panel-tab.svelte-1cql1d0.svelte-1cql1d0{flex:1;padding:14px 16px;font-size:13px;font-weight:600;color:#6B7280;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;gap:6px}.panel-tab.svelte-1cql1d0.svelte-1cql1d0:hover{color:#374151;background:#F9FAFB}.panel-tab.active.svelte-1cql1d0.svelte-1cql1d0{color:#8B5CF6;border-bottom-color:#8B5CF6}.panel-close.svelte-1cql1d0.svelte-1cql1d0{padding:6px;background:transparent;border:none;cursor:pointer;color:#9CA3AF;border-radius:6px;transition:all 0.15s;display:flex;align-items:center}.panel-close.svelte-1cql1d0.svelte-1cql1d0:hover{color:#374151;background:#F3F4F6}.panel-body.svelte-1cql1d0.svelte-1cql1d0{flex:1;overflow-y:auto;padding:16px}.filter-sections.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex-direction:column;gap:16px}.filter-section.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex-direction:column;gap:6px}.filter-label.svelte-1cql1d0.svelte-1cql1d0{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:0.03em}.section-divider.svelte-1cql1d0.svelte-1cql1d0{padding:8px 0 4px;border-top:1px solid #E5E7EB;margin-top:4px}.section-divider.svelte-1cql1d0 span.svelte-1cql1d0{font-size:11px;font-weight:700;color:#8B5CF6;text-transform:uppercase;letter-spacing:0.05em}.panel-select.svelte-1cql1d0.svelte-1cql1d0{width:100%;padding:8px 10px !important;border:1px solid #D1D5DB !important;border-radius:6px;font-size:13px;color:#374151;background:white !important;transition:border-color 0.15s, box-shadow 0.15s}.panel-select.svelte-1cql1d0.svelte-1cql1d0:focus{outline:none !important;border-color:#8B5CF6 !important;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1) !important}.panel-input.svelte-1cql1d0.svelte-1cql1d0{width:100%;padding:8px 10px;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;color:#374151;background:white;transition:border-color 0.15s, box-shadow 0.15s}.panel-input.svelte-1cql1d0.svelte-1cql1d0:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.panel-search-container.svelte-1cql1d0.svelte-1cql1d0{position:relative}.panel-search-icon.svelte-1cql1d0.svelte-1cql1d0{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;color:#9CA3AF}.panel-search-input.svelte-1cql1d0.svelte-1cql1d0{padding-left:34px !important}.custom-date-row.svelte-1cql1d0.svelte-1cql1d0{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.custom-date-field.svelte-1cql1d0.svelte-1cql1d0{flex:1;display:flex;flex-direction:column;gap:3px}.custom-date-label.svelte-1cql1d0.svelte-1cql1d0{font-size:11px;color:#6B7280;font-weight:500}.date-separator.svelte-1cql1d0.svelte-1cql1d0{color:#9CA3AF;padding-bottom:8px}.columns-sections.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex-direction:column;gap:20px}.column-category.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex-direction:column;gap:6px}.category-header.svelte-1cql1d0.svelte-1cql1d0{font-size:11px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:0.05em;padding:0 4px}.column-list.svelte-1cql1d0.svelte-1cql1d0{display:flex;flex-direction:column;gap:2px}.column-item.svelte-1cql1d0.svelte-1cql1d0{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background 0.15s;font-size:13px;color:#374151}.column-item.svelte-1cql1d0.svelte-1cql1d0:hover{background:#F9FAFB}.column-item.svelte-1cql1d0 input[type="checkbox"].svelte-1cql1d0{width:16px;height:16px;cursor:pointer;accent-color:#8B5CF6}.panel-footer.svelte-1cql1d0.svelte-1cql1d0{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #E5E7EB;background:white;flex-shrink:0;border-radius:0 0 8px 8px}.btn-reset.svelte-1cql1d0.svelte-1cql1d0{padding:8px 14px;background:white;border:1px solid #D1D5DB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;gap:5px}.btn-reset.svelte-1cql1d0.svelte-1cql1d0:hover{background:#F3F4F6}.btn-apply.svelte-1cql1d0.svelte-1cql1d0{flex:1;padding:8px 16px;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:13px;font-weight:600;color:white;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;gap:5px}.btn-apply.svelte-1cql1d0.svelte-1cql1d0:hover{background:#7C3AED;border-color:#7C3AED}.view-action-btn.svelte-ctdy7e{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:white;cursor:pointer;color:#8b5cf6;transition:all 0.15s}.view-action-btn.svelte-ctdy7e:hover{background:#f5f3ff;border-color:#8b5cf6}.view-clear-btn.svelte-ctdy7e{color:#dc2626}.view-clear-btn.svelte-ctdy7e:hover{background:#fee2e2;border-color:#dc2626}.modal-overlay.svelte-xamm5b.svelte-xamm5b{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;justify-content:center;align-items:center;z-index:1000}.document-preview-modal.svelte-xamm5b.svelte-xamm5b{width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;background:white;border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.3)}.document-preview-body.svelte-xamm5b.svelte-xamm5b{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f4f6;min-height:500px;padding:0;position:relative}.document-iframe.svelte-xamm5b.svelte-xamm5b{width:100%;height:100%;min-height:500px;border:none}.image-container.svelte-xamm5b.svelte-xamm5b{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.document-image.svelte-xamm5b.svelte-xamm5b{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.nav-button.svelte-xamm5b.svelte-xamm5b{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.6);border:none;color:white;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;z-index:10;backdrop-filter:blur(4px)}.nav-button.svelte-xamm5b.svelte-xamm5b:hover{background:rgba(0, 0, 0, 0.8);transform:translateY(-50%) scale(1.1)}.nav-button.svelte-xamm5b.svelte-xamm5b:active{transform:translateY(-50%) scale(0.95)}.nav-button-prev.svelte-xamm5b.svelte-xamm5b{left:1rem}.nav-button-next.svelte-xamm5b.svelte-xamm5b{right:1rem}.nav-button.svelte-xamm5b .material-symbols-outlined.svelte-xamm5b{font-size:32px}.nav-button.svelte-xamm5b.svelte-xamm5b:disabled{opacity:0.3;cursor:not-allowed}.document-placeholder.svelte-xamm5b.svelte-xamm5b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.modal-header.svelte-xamm5b.svelte-xamm5b{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.header-left.svelte-xamm5b.svelte-xamm5b{display:flex;flex-direction:column;gap:0.25rem}.modal-header.svelte-xamm5b h2.svelte-xamm5b{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.image-counter.svelte-xamm5b.svelte-xamm5b{font-size:0.875rem;color:#6b7280;font-weight:400}.close-btn.svelte-xamm5b.svelte-xamm5b{background:none;border:none;cursor:pointer;color:#6b7280;padding:0.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.375rem;transition:all 0.2s}.close-btn.svelte-xamm5b.svelte-xamm5b:hover{background:#f3f4f6;color:#111827}.modal-footer.svelte-xamm5b.svelte-xamm5b{display:flex;justify-content:flex-end;gap:0.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-secondary.svelte-xamm5b.svelte-xamm5b,.btn-primary.svelte-xamm5b.svelte-xamm5b{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s;text-decoration:none}.btn-secondary.svelte-xamm5b.svelte-xamm5b{background:white;border:1px solid #d1d5db;color:#374151}.btn-secondary.svelte-xamm5b.svelte-xamm5b:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary.svelte-xamm5b.svelte-xamm5b{background:#8B5CF6;border:1px solid #8B5CF6;color:white}.btn-primary.svelte-xamm5b.svelte-xamm5b:hover{background:#7c4ee4;border-color:#7c4ee4}.form-label.svelte-dmssnh.svelte-dmssnh{display:block;margin-bottom:0.375rem;font-size:0.813rem;font-weight:600;color:#374151}.form-input.svelte-dmssnh.svelte-dmssnh{width:100%;padding:0.625rem 0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;color:#1f2937;background-color:white;transition:border-color 0.15s ease, box-shadow 0.15s ease}.form-input.svelte-dmssnh.svelte-dmssnh:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.15)}.btn-primary.svelte-dmssnh.svelte-dmssnh,.btn-secondary.svelte-dmssnh.svelte-dmssnh,.btn-danger.svelte-dmssnh.svelte-dmssnh,.btn-success.svelte-dmssnh.svelte-dmssnh,.btn-outline.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.5rem 0.85rem;font-size:0.813rem;font-weight:600;border-radius:0.5rem;border:1px solid transparent;transition:all 0.2s ease}.btn-primary.svelte-dmssnh.svelte-dmssnh{background-color:#8B5CF6;color:#fff;border-color:#8B5CF6}.btn-primary.svelte-dmssnh.svelte-dmssnh:hover:not(:disabled){background-color:#7C3AED;border-color:#7C3AED}.btn-secondary.svelte-dmssnh.svelte-dmssnh{background-color:#fff;color:#8B5CF6;border-color:#8B5CF6}.btn-secondary.svelte-dmssnh.svelte-dmssnh:hover:not(:disabled){background-color:#8B5CF6;color:#fff}.btn-danger.svelte-dmssnh.svelte-dmssnh{background-color:#DC2626;color:#fff;border-color:#DC2626}.btn-danger.svelte-dmssnh.svelte-dmssnh:hover:not(:disabled){background-color:#B91C1C;border-color:#B91C1C}.btn-success.svelte-dmssnh.svelte-dmssnh{background-color:#059669;color:#fff;border-color:#059669}.btn-success.svelte-dmssnh.svelte-dmssnh:hover:not(:disabled){background-color:#047857;border-color:#047857}.btn-outline.svelte-dmssnh.svelte-dmssnh{background-color:#ffffff;color:#4b5563;border-color:#d1d5db}.btn-outline.svelte-dmssnh.svelte-dmssnh:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;color:#111827}.btn-primary.svelte-dmssnh.svelte-dmssnh:disabled,.btn-secondary.svelte-dmssnh.svelte-dmssnh:disabled,.btn-danger.svelte-dmssnh.svelte-dmssnh:disabled,.btn-success.svelte-dmssnh.svelte-dmssnh:disabled,.btn-outline.svelte-dmssnh.svelte-dmssnh:disabled{opacity:0.6;cursor:not-allowed}.sr-only.svelte-dmssnh.svelte-dmssnh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.upload-dropzone.svelte-dmssnh.svelte-dmssnh{border:none;border-top:2px dashed #d1d5db;border-radius:0;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;background:#f9fafb;transition:border-color 0.2s ease, background 0.2s ease;text-align:center;margin:0}.upload-dropzone.is-dragging.svelte-dmssnh.svelte-dmssnh{border-top-color:#8B5CF6;background:rgba(99, 91, 255, 0.08)}.uploaded-file-name.svelte-dmssnh.svelte-dmssnh{font-size:0.75rem;color:#4b5563}.uploaded-file-name.svelte-dmssnh span.svelte-dmssnh{font-weight:600;color:#111827}.detail-label.svelte-dmssnh.svelte-dmssnh{display:block;margin-bottom:0.35rem;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-text-muted, #6b7280)}.detail-value.svelte-dmssnh.svelte-dmssnh{font-size:0.95rem;font-weight:500;color:var(--color-text-main, #111827)}.allocation-list.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.allocation-item.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;gap:0.5rem;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1rem 1.25rem;background:#f9fafb}@media(min-width: 640px){.allocation-item.svelte-dmssnh.svelte-dmssnh{flex-direction:row;align-items:center;justify-content:space-between}}.allocation-task-link.svelte-dmssnh.svelte-dmssnh{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:#635BFF;font-weight:500;transition:color 0.15s ease}.allocation-task-link.svelte-dmssnh.svelte-dmssnh:hover{color:#4338ca;text-decoration:underline}.allocation-task-id-text.svelte-dmssnh.svelte-dmssnh{font-size:0.875rem;font-weight:600;color:inherit}.allocation-job-number.svelte-dmssnh.svelte-dmssnh{font-size:0.75rem;color:#6b7280;font-weight:400}.allocation-task-link.svelte-dmssnh:hover .allocation-job-number.svelte-dmssnh{color:#4338ca}.allocation-indicator.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.75rem;background:#dbeafe;border-radius:9999px;font-size:0.75rem;font-weight:500;color:#1e40af}.allocation-indicator.svelte-dmssnh .material-symbols-outlined.svelte-dmssnh{font-size:0.875rem}.source-task-link.svelte-dmssnh.svelte-dmssnh{color:#1e40af;font-weight:600;text-decoration:none;transition:color 0.15s}.source-task-link.svelte-dmssnh.svelte-dmssnh:hover{color:#635BFF;text-decoration:underline}.allocation-task-title.svelte-dmssnh.svelte-dmssnh{font-size:0.938rem;font-weight:600;color:#111827}.allocation-meta.svelte-dmssnh.svelte-dmssnh{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.allocation-amount.svelte-dmssnh.svelte-dmssnh{font-size:0.875rem;font-weight:600;color:#1f2937}.allocation-status.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.85rem;font-size:0.75rem;font-weight:600;border-radius:9999px;background:#eef2ff;color:#4338ca}.allocation-status.status-pending.svelte-dmssnh.svelte-dmssnh{background:#fef3c7;color:#92400e}.allocation-status.status-approved.svelte-dmssnh.svelte-dmssnh{background:#d1fae5;color:#065f46}.allocation-status.status-rejected.svelte-dmssnh.svelte-dmssnh{background:#fee2e2;color:#991b1b}.allocation-status-badge.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:9999px;border:1px solid}.allocation-status-badge.verified.svelte-dmssnh.svelte-dmssnh{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.allocation-status-badge.pending.svelte-dmssnh.svelte-dmssnh{background:#fef3c7;color:#92400e;border-color:#fde68a}.allocation-status-badge.rejected.svelte-dmssnh.svelte-dmssnh{background:#fee2e2;color:#991b1b;border-color:#fecaca}.allocation-item-info.svelte-dmssnh.svelte-dmssnh{flex:1}.allocation-header.svelte-dmssnh.svelte-dmssnh{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.allocation-type-badge.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;padding:0.2rem 0.5rem;font-size:0.675rem;font-weight:600;border-radius:0.25rem;text-transform:uppercase}.allocation-type-badge.credit.svelte-dmssnh.svelte-dmssnh{background:#fee2e2;color:#991b1b}.allocation-task-subtitle.svelte-dmssnh.svelte-dmssnh{font-size:0.813rem;color:#374151;margin-top:0.125rem}.allocation-notes.svelte-dmssnh.svelte-dmssnh{font-size:0.75rem;color:#6b7280;font-style:italic;margin-top:0.375rem}.split-invoice-badge.svelte-dmssnh.svelte-dmssnh{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.625rem;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;border-radius:9999px;background:linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%);color:#4338ca;border:1px solid rgba(67, 56, 202, 0.2)}.empty-state.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:2.5rem 1.5rem;border:1px dashed #d1d5db;border-radius:0.75rem;background:#f9fafb;text-align:center}.empty-title.svelte-dmssnh.svelte-dmssnh{font-size:0.938rem;font-weight:600;color:#1f2937}.empty-message.svelte-dmssnh.svelte-dmssnh{font-size:0.813rem;color:#6b7280;max-width:18rem}.happy-state.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:2.5rem 1.5rem;border:1px solid rgba(16, 185, 129, 0.25);border-radius:0.75rem;background:#ecfdf5;text-align:center}.happy-title.svelte-dmssnh.svelte-dmssnh{font-size:0.938rem;font-weight:600;color:#047857}.happy-message.svelte-dmssnh.svelte-dmssnh{font-size:0.813rem;color:#047857;max-width:18rem}.revision-list.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.revision-item.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;gap:0.75rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:0.75rem;background:#fff}@media(min-width: 640px){.revision-item.svelte-dmssnh.svelte-dmssnh{flex-direction:row;align-items:center;justify-content:space-between}}.revision-meta.svelte-dmssnh.svelte-dmssnh{display:flex;flex-direction:column;gap:0.25rem}.revision-filename.svelte-dmssnh.svelte-dmssnh{font-size:0.938rem;font-weight:600;color:#111827}.revision-date.svelte-dmssnh.svelte-dmssnh{font-size:0.75rem;color:#6b7280}.revision-actions.svelte-dmssnh.svelte-dmssnh{display:flex;flex-wrap:wrap;gap:0.75rem}@media(min-width: 768px){.timeline-step{position:relative}.timeline-step::before{content:'';position:absolute;top:20px;left:calc(50% + 1.5rem);width:calc(100% + 3rem);height:2px;background-color:#d1d5db;z-index:-1}.timeline-step.timeline-completed::before{background-color:#16a34a}.timeline-step.timeline-current::before{background-color:#2563eb}.timeline-step:last-child::before{display:none}}.status-chip.svelte-2cdum5{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:0.35rem 0.9rem;text-transform:uppercase;letter-spacing:0.05em}.task-views-page.svelte-ypqgun.svelte-ypqgun{max-width:1000px;margin:0 auto;padding:24px 32px}.page-header.svelte-ypqgun.svelte-ypqgun{margin-bottom:24px}.subtitle.svelte-ypqgun.svelte-ypqgun{font-size:14px;color:var(--color-text-muted, #6b7280);margin:0}.loading-state.svelte-ypqgun.svelte-ypqgun{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--color-text-muted, #6b7280)}.loading-state.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{font-size:32px;margin-bottom:12px}.spin.svelte-ypqgun.svelte-ypqgun{animation:svelte-ypqgun-spin 1s linear infinite}@keyframes svelte-ypqgun-spin{to{transform:rotate(360deg)}}.section.svelte-ypqgun.svelte-ypqgun{margin-bottom:32px}.section-desc.svelte-ypqgun.svelte-ypqgun{font-size:13px;color:var(--color-text-muted, #6b7280);margin:0 0 16px 0}.tabs.svelte-ypqgun.svelte-ypqgun{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.tab.svelte-ypqgun.svelte-ypqgun{padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-text-muted, #6b7280);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color 0.15s, border-color 0.15s}.tab.svelte-ypqgun.svelte-ypqgun:hover{color:var(--color-text-main, #374151)}.tab.active.svelte-ypqgun.svelte-ypqgun{color:#8b5cf6;border-bottom-color:#8b5cf6}.view-cards.svelte-ypqgun.svelte-ypqgun{display:flex;flex-direction:column;gap:12px}.view-card.svelte-ypqgun.svelte-ypqgun{background:var(--color-white, white);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:16px;transition:border-color 0.15s, background 0.15s}html.theme-dark .view-card.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .view-card.svelte-ypqgun.svelte-ypqgun{background:#283340;border-color:#374151}.view-card.svelte-ypqgun.svelte-ypqgun:hover{border-color:var(--color-border-light, #d1d5db)}html:not(.theme-dark):not([data-theme="dark"]) .view-card.svelte-ypqgun.svelte-ypqgun:hover{background:#f9fafb}html.theme-dark .view-card.svelte-ypqgun.svelte-ypqgun:hover,html[data-theme="dark"] .view-card.svelte-ypqgun.svelte-ypqgun:hover{background:#2F3F50}.card-main.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.card-info.svelte-ypqgun.svelte-ypqgun{flex:1;min-width:0}.card-name-row.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.card-name.svelte-ypqgun.svelte-ypqgun{font-size:15px;font-weight:600;color:var(--color-text-main, #111827)}.card-summary.svelte-ypqgun.svelte-ypqgun{font-size:11px;color:var(--color-text-muted, #6b7280);margin:4px 0 0 0;line-height:1.4}.card-description.svelte-ypqgun.svelte-ypqgun{font-size:13px;color:var(--color-text-main, #374151);margin:6px 0 0 0;font-style:normal;font-weight:500;line-height:1.4}.created-by.svelte-ypqgun.svelte-ypqgun{font-size:12px;color:var(--color-text-muted, #9ca3af)}.badge.svelte-ypqgun.svelte-ypqgun{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600}.badge.default.svelte-ypqgun.svelte-ypqgun{background:#d1fae5;color:#065f46}.badge.global.svelte-ypqgun.svelte-ypqgun{background:#dbeafe;color:#1e40af}.badge.my-view.svelte-ypqgun.svelte-ypqgun{background:#f3f4f6;color:#4b5563}html.theme-dark .badge.default.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .badge.default.svelte-ypqgun.svelte-ypqgun{background:#064e3b;color:#6ee7b7}html.theme-dark .badge.global.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .badge.global.svelte-ypqgun.svelte-ypqgun{background:#1e3a5f;color:#93c5fd}html.theme-dark .badge.my-view.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .badge.my-view.svelte-ypqgun.svelte-ypqgun{background:var(--color-border);color:var(--color-text-muted)}.card-actions.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;gap:8px}.btn-apply.svelte-ypqgun.svelte-ypqgun{padding:8px 16px;font-size:13px;font-weight:500;color:white;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:6px;cursor:pointer;transition:background 0.15s, border-color 0.15s}.btn-apply.svelte-ypqgun.svelte-ypqgun:hover{background:#7c3aed;border-color:#7c3aed}.icon-btn.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-white, white);border:1px solid var(--color-border, #d1d5db);border-radius:6px;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all 0.15s}html.theme-dark .icon-btn.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .icon-btn.svelte-ypqgun.svelte-ypqgun{background:#283340;border-color:#374151}.icon-btn.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){border-color:var(--color-border-light, #9ca3af);color:var(--color-text-main, #374151)}html:not(.theme-dark):not([data-theme="dark"]) .icon-btn.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){background:#f3f4f6}html.theme-dark .icon-btn.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled),html[data-theme="dark"] .icon-btn.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){background:#2F3F50}.icon-btn.svelte-ypqgun.svelte-ypqgun:disabled{opacity:0.5;cursor:not-allowed}.icon-btn.star.filled.svelte-ypqgun.svelte-ypqgun{color:#f59e0b;border-color:#f59e0b}.icon-btn.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{font-size:20px}.icon-btn.active.svelte-ypqgun.svelte-ypqgun{border-color:#8b5cf6;color:#8b5cf6}html:not(.theme-dark):not([data-theme="dark"]) .icon-btn.active.svelte-ypqgun.svelte-ypqgun{background:#f3f4f6}html.theme-dark .icon-btn.active.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .icon-btn.active.svelte-ypqgun.svelte-ypqgun{background:#2F3F50}.more-wrap.svelte-ypqgun.svelte-ypqgun{position:relative}.view-dropdown.svelte-ypqgun.svelte-ypqgun{position:absolute;right:0;top:100%;margin-top:4px;min-width:200px;background:var(--color-white, white);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);z-index:50;padding:4px 0}html.theme-dark .view-dropdown.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .view-dropdown.svelte-ypqgun.svelte-ypqgun{background:#283340;border-color:#374151;box-shadow:0 4px 12px rgba(0, 0, 0, 0.4)}.view-dropdown-item.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;font-weight:500;color:var(--color-text-main, #374151);cursor:pointer;text-align:left;transition:background 0.15s}.view-dropdown-item.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{font-size:20px;color:var(--color-text-muted, #6b7280)}html:not(.theme-dark):not([data-theme="dark"]) .view-dropdown-item.svelte-ypqgun.svelte-ypqgun:hover{background:#f3f4f6}html.theme-dark .view-dropdown-item.svelte-ypqgun.svelte-ypqgun:hover,html[data-theme="dark"] .view-dropdown-item.svelte-ypqgun.svelte-ypqgun:hover{background:#2F3F50}.view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun{color:#dc2626}.view-dropdown-item.danger.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{color:#dc2626}html.theme-dark .view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun{color:#f87171}html.theme-dark .view-dropdown-item.danger.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun,html[data-theme="dark"] .view-dropdown-item.danger.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{color:#f87171}html:not(.theme-dark):not([data-theme="dark"]) .view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun:hover{background:#fee2e2}html.theme-dark .view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun:hover,html[data-theme="dark"] .view-dropdown-item.danger.svelte-ypqgun.svelte-ypqgun:hover{background:#7f1d1d}.empty-state.svelte-ypqgun.svelte-ypqgun{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center;color:var(--color-text-muted, #9ca3af)}.empty-state.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{font-size:48px;margin-bottom:16px;opacity:0.6}.empty-state.svelte-ypqgun p.svelte-ypqgun{font-size:16px;font-weight:500;color:var(--color-text-muted, #6b7280);margin:0 0 4px 0}.empty-state.svelte-ypqgun .help.svelte-ypqgun{font-size:14px;color:var(--color-text-muted, #9ca3af);margin:0;opacity:0.8}.favorites-list.svelte-ypqgun .view-card.svelte-ypqgun{cursor:grab}.favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun{background:#eff6ff;border-color:#bfdbfe}.favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun:hover{background:#dbeafe;border-color:#93c5fd}.favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun{background:#fafafa;border-color:#e5e7eb}.favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun:hover{background:#f3f4f6;border-color:#d1d5db}html.theme-dark .favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun,html[data-theme="dark"] .favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun{background:#172554;border-color:var(--color-border)}html.theme-dark .favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun:hover,html[data-theme="dark"] .favorites-list.svelte-ypqgun .view-card.favorite-global.svelte-ypqgun:hover{background:#1e3a5f;border-color:var(--color-border-light)}html.theme-dark .favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun,html[data-theme="dark"] .favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun{background:#283340;border-color:#374151}html.theme-dark .favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun:hover,html[data-theme="dark"] .favorites-list.svelte-ypqgun .view-card.favorite-my.svelte-ypqgun:hover{background:#2F3F50;border-color:#475569}.favorites-list.svelte-ypqgun .view-card.is-default.svelte-ypqgun{border-left:4px solid #059669}.favorites-list.svelte-ypqgun .view-card.favorite-global.is-default.svelte-ypqgun{border-left-color:#059669}.favorites-list.svelte-ypqgun .view-card.svelte-ypqgun:active{cursor:grabbing}.favorites-list.svelte-ypqgun .view-card.dragging.svelte-ypqgun{opacity:0.5}.favorites-list.svelte-ypqgun .view-card.drop-target.svelte-ypqgun{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.2)}.drag-handle.svelte-ypqgun.svelte-ypqgun{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #9ca3af);cursor:grab}.drag-handle.svelte-ypqgun .material-symbols-outlined.svelte-ypqgun{font-size:20px}.rename-modal-overlay.svelte-ypqgun.svelte-ypqgun{position:fixed;inset:0;background:rgba(17, 24, 39, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.rename-modal-card.svelte-ypqgun.svelte-ypqgun{background:var(--color-white, white);border:1px solid var(--color-border, transparent);border-radius:8px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);padding:24px;width:100%;max-width:440px}html.theme-dark .rename-modal-card.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .rename-modal-card.svelte-ypqgun.svelte-ypqgun{background:#283340;border-color:#374151;box-shadow:0 4px 16px rgba(0, 0, 0, 0.4)}.rename-modal-title.svelte-ypqgun.svelte-ypqgun{font-size:18px;font-weight:600;color:var(--color-text-main, #111827);margin:0 0 4px 0}.rename-modal-subtitle.svelte-ypqgun.svelte-ypqgun{font-size:14px;color:var(--color-text-muted, #6b7280);margin:0 0 20px 0}.rename-modal-label.svelte-ypqgun.svelte-ypqgun{display:block;font-size:14px;font-weight:500;color:var(--color-text-main, #374151);margin-bottom:6px}.rename-modal-input.svelte-ypqgun.svelte-ypqgun,.rename-modal-textarea.svelte-ypqgun.svelte-ypqgun{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--color-border, #d1d5db);border-radius:6px;color:var(--color-text-main, #111827);background:var(--color-white, white);margin-bottom:4px;box-sizing:border-box}html.theme-dark .rename-modal-input.svelte-ypqgun.svelte-ypqgun,html.theme-dark .rename-modal-textarea.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .rename-modal-input.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .rename-modal-textarea.svelte-ypqgun.svelte-ypqgun{background:#1E293B;border-color:#475569}.rename-modal-input.svelte-ypqgun.svelte-ypqgun:focus,.rename-modal-textarea.svelte-ypqgun.svelte-ypqgun:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.15)}.rename-modal-input.error.svelte-ypqgun.svelte-ypqgun{border-color:#dc2626}.rename-modal-textarea.svelte-ypqgun.svelte-ypqgun{resize:vertical;min-height:72px}.rename-modal-error.svelte-ypqgun.svelte-ypqgun{font-size:13px;color:#dc2626;margin:0 0 12px 0}.rename-modal-checkbox.svelte-ypqgun.svelte-ypqgun{margin-top:16px;margin-bottom:4px}.rename-modal-checkbox.svelte-ypqgun label.svelte-ypqgun{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-main, #374151);cursor:pointer}.rename-modal-checkbox.svelte-ypqgun input[type="checkbox"].svelte-ypqgun{width:18px;height:18px;accent-color:#8b5cf6}.rename-modal-help.svelte-ypqgun.svelte-ypqgun{font-size:13px;color:var(--color-text-muted, #6b7280);margin:4px 0 0 26px;line-height:1.4}.rename-modal-actions.svelte-ypqgun.svelte-ypqgun{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.rename-modal-btn.svelte-ypqgun.svelte-ypqgun{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:background 0.15s, border-color 0.15s}.rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun{background:var(--color-white, white);border:1px solid var(--color-border, #d1d5db);color:var(--color-text-main, #374151)}.rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){border-color:var(--color-border-light, #9ca3af)}html:not(.theme-dark):not([data-theme="dark"]) .rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){background:#f9fafb}html.theme-dark .rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun,html[data-theme="dark"] .rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun{background:#283340;border-color:#374151}html.theme-dark .rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled),html[data-theme="dark"] .rename-modal-btn.secondary.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){background:#2F3F50}.rename-modal-btn.primary.svelte-ypqgun.svelte-ypqgun{background:#8b5cf6;border:1px solid #8b5cf6;color:white}.rename-modal-btn.primary.svelte-ypqgun.svelte-ypqgun:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.rename-modal-btn.svelte-ypqgun.svelte-ypqgun:disabled{opacity:0.6;cursor:not-allowed}.dropzone.svelte-wq73c4{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background-color:#f9fafb;cursor:pointer;transition:all 0.2s ease}.dropzone.svelte-wq73c4:hover,.dropzone.active.svelte-wq73c4{border-color:#01327E;background-color:#eff6ff}.dropzone.svelte-wq73c4:focus{outline:2px solid #01327E;outline-offset:2px}.stat-card.svelte-au8v5v{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all 0.2s ease}.stat-card.svelte-au8v5v:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.stat-header.svelte-au8v5v{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.stat-badge.svelte-au8v5v{padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:700;background-color:#f3f4f6;color:#6b7280}.stat-badge.warning.svelte-au8v5v{background-color:#fef3c7;color:#d97706}.stat-badge.alert.svelte-au8v5v{background-color:#fee2e2;color:#dc2626}.stat-badge.info.svelte-au8v5v{background-color:#dbeafe;color:#1e40af}.stat-content.svelte-au8v5v{display:flex;flex-direction:column;gap:0.25rem}.stat-title.svelte-au8v5v{font-size:0.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.stat-subtitle.svelte-au8v5v{font-size:0.75rem;color:#9ca3af}@keyframes svelte-onejoj-spin{to{transform:rotate(360deg)}}.animate-spin.svelte-onejoj{animation:svelte-onejoj-spin 1s linear infinite}@keyframes svelte-onejoj-spin{to{transform:rotate(360deg)}}.animate-spin.svelte-onejoj{animation:svelte-onejoj-spin 1s linear infinite}.status-badge.svelte-1nl4dc0{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge.status-active.svelte-1nl4dc0{background-color:#d1fae5;color:#065f46}.status-badge.status-inactive.svelte-1nl4dc0{background-color:#f3f4f6;color:#4b5563}.action-btn.svelte-1nl4dc0{padding:6px 8px;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;justify-content:center}.action-btn.svelte-1nl4dc0:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.action-btn-danger.svelte-1nl4dc0:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}@keyframes svelte-1nl4dc0-spin{to{transform:rotate(360deg)}}.animate-spin.svelte-1nl4dc0{animation:svelte-1nl4dc0-spin 1s linear infinite}.multi-select-container.svelte-o12h2s.svelte-o12h2s{position:relative;display:inline-block;width:100%}.multi-select-label.svelte-o12h2s.svelte-o12h2s{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.25rem}.multi-select-wrapper.svelte-o12h2s.svelte-o12h2s{position:relative}.multi-select-button.svelte-o12h2s.svelte-o12h2s{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%);border:1px solid #9ca3af;border-radius:6px;font-size:0.875rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all 0.15s;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.08)}.multi-select-button.svelte-o12h2s.svelte-o12h2s:hover{background:linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 100%);border-color:#6b7280}.multi-select-button.svelte-o12h2s.svelte-o12h2s:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.multi-select-button.open.svelte-o12h2s.svelte-o12h2s{border-color:#8B5CF6}.selected-text.svelte-o12h2s.svelte-o12h2s{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow.svelte-o12h2s.svelte-o12h2s{font-size:0.75rem;margin-left:0.5rem;transition:transform 0.2s;color:#6b7280}.arrow.rotated.svelte-o12h2s.svelte-o12h2s{transform:rotate(180deg)}.multi-select-dropdown.svelte-o12h2s.svelte-o12h2s{position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);z-index:100;max-height:300px;display:flex;flex-direction:column}.dropdown-header.svelte-o12h2s.svelte-o12h2s{display:flex;gap:0.5rem;padding:0.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.action-btn.svelte-o12h2s.svelte-o12h2s{flex:1;padding:0.375rem 0.5rem;background:white;border:1px solid #d1d5db;border-radius:4px;font-size:0.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.action-btn.svelte-o12h2s.svelte-o12h2s:hover{background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.options-list.svelte-o12h2s.svelte-o12h2s{overflow-y:auto;max-height:240px}.option-item.svelte-o12h2s.svelte-o12h2s{padding:0;cursor:pointer;transition:background 0.15s}.option-item.svelte-o12h2s label.svelte-o12h2s{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;margin:0;cursor:pointer;width:100%}.option-item.svelte-o12h2s.svelte-o12h2s:hover{background:#f3f4f6}.option-item.svelte-o12h2s input[type="checkbox"].svelte-o12h2s{margin:0;cursor:pointer;width:16px;height:16px;flex-shrink:0;accent-color:#8B5CF6}.option-label.svelte-o12h2s.svelte-o12h2s{flex:1;font-size:0.875rem;color:#1f2937;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.25}.empty-state.svelte-o12h2s.svelte-o12h2s{padding:1rem;text-align:center;color:#9ca3af;font-size:0.875rem}.material-symbols-outlined{font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 20}.filters-row.svelte-t7s4b9.svelte-t7s4b9{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:visible;padding-bottom:4px}.search-field.svelte-t7s4b9.svelte-t7s4b9{position:relative;flex:0 0 280px;min-width:240px;max-width:320px}.filter-field.svelte-t7s4b9.svelte-t7s4b9{flex:0 0 auto;width:200px;min-width:180px}.filter-field.filter-wide.svelte-t7s4b9.svelte-t7s4b9{width:250px;min-width:230px}.filter-field.filter-document-type.svelte-t7s4b9.svelte-t7s4b9{width:260px;min-width:240px}.filter-field.svelte-t7s4b9 .multi-select-container{width:100%}.search-field.svelte-t7s4b9 input.svelte-t7s4b9{padding-left:44px;padding-right:32px}@media(max-width: 1100px){.filters-row.svelte-t7s4b9.svelte-t7s4b9{flex-wrap:wrap}}@media(max-width: 900px){.filter-field.svelte-t7s4b9.svelte-t7s4b9{width:48%;min-width:200px}}@media(max-width: 640px){.filters-row.svelte-t7s4b9.svelte-t7s4b9{flex-direction:column;align-items:stretch}.filter-field.svelte-t7s4b9.svelte-t7s4b9{width:100%;min-width:0}}.attention-flag-dialog{max-width:640px !important;padding:2.5rem 2.5rem 2rem !important}.attention-dialog-body{display:flex;flex-direction:column;gap:0.75rem;text-align:left}.attention-dialog-label{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#4b5563}.attention-dialog-textarea{width:100%;min-height:180px;border-radius:0.75rem;border:1px solid #d1d5db;padding:0.85rem 1rem;font-size:0.95rem;line-height:1.45;color:#111827;resize:vertical;background:#ffffff}.attention-dialog-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.2)}.markups-page.svelte-yd97uu.svelte-yd97uu{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.page-header.svelte-yd97uu.svelte-yd97uu{margin-bottom:1.5rem}.page-title.svelte-yd97uu.svelte-yd97uu{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 0.25rem 0}.page-subtitle.svelte-yd97uu.svelte-yd97uu{font-size:0.875rem;color:#6b7280;margin:0}.filters-row.svelte-yd97uu.svelte-yd97uu{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.25rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.filter-group.svelte-yd97uu.svelte-yd97uu{flex:0 0 auto}.filter-group.svelte-yd97uu .label.svelte-yd97uu{display:block;font-size:0.75rem;font-weight:600;color:#374151;margin-bottom:0.375rem}.filter-group.svelte-yd97uu .select.small.svelte-yd97uu{min-width:140px;padding:0.5rem 1.75rem 0.5rem 0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.checkbox-group.svelte-yd97uu.svelte-yd97uu{display:flex;flex-direction:column;gap:0.25rem}.checkbox-label.svelte-yd97uu.svelte-yd97uu{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;margin:0}.checkbox-label.svelte-yd97uu input.svelte-yd97uu{width:1rem;height:1rem}.filter-hint.svelte-yd97uu.svelte-yd97uu{font-size:0.75rem;color:#6b7280;margin:0;max-width:280px}.no-results.svelte-yd97uu.svelte-yd97uu{margin-top:0.5rem}.config-selector.svelte-yd97uu.svelte-yd97uu{margin-bottom:1.5rem}.config-selector.svelte-yd97uu .label.svelte-yd97uu{display:block;font-size:0.75rem;font-weight:600;color:#374151;margin-bottom:0.375rem}.config-selector.svelte-yd97uu .select.svelte-yd97uu{min-width:320px;padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:#fff}.loading-state.svelte-yd97uu.svelte-yd97uu,.error-state.svelte-yd97uu.svelte-yd97uu{display:flex;align-items:center;gap:0.75rem;padding:2rem;color:#6b7280}.error-state.svelte-yd97uu.svelte-yd97uu{color:#b91c1c}.loading-state.svelte-yd97uu .material-symbols-outlined.svelte-yd97uu,.error-state.svelte-yd97uu .material-symbols-outlined.svelte-yd97uu{font-size:1.5rem}.detail-sections.svelte-yd97uu.svelte-yd97uu{display:flex;flex-direction:column;gap:1.5rem}.card.svelte-yd97uu.svelte-yd97uu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05)}.section-title.svelte-yd97uu.svelte-yd97uu{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem 0}.info-grid.svelte-yd97uu.svelte-yd97uu{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1.5rem;font-size:0.875rem}.info-grid.svelte-yd97uu dt.svelte-yd97uu{color:#6b7280;margin:0}.info-grid.svelte-yd97uu dd.svelte-yd97uu{margin:0;color:#111827}.table-wrap.svelte-yd97uu.svelte-yd97uu{overflow-x:auto}.table-wrap.scroll-x.svelte-yd97uu.svelte-yd97uu{max-width:100%}.data-table.svelte-yd97uu.svelte-yd97uu{width:100%;border-collapse:collapse;font-size:0.8125rem}.data-table.svelte-yd97uu th.svelte-yd97uu,.data-table.svelte-yd97uu td.svelte-yd97uu{padding:0.5rem 0.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.data-table.svelte-yd97uu th.svelte-yd97uu{background:#f3f4f6;font-weight:600;color:#374151}.data-table.svelte-yd97uu td.num.svelte-yd97uu{text-align:right;white-space:nowrap}.data-table.svelte-yd97uu .desc-cell.svelte-yd97uu{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planned-table.svelte-yd97uu th.svelte-yd97uu,.planned-table.svelte-yd97uu td.svelte-yd97uu{min-width:5rem}.tabs-card.svelte-yd97uu.svelte-yd97uu{padding-top:0.5rem}.tab-list.svelte-yd97uu.svelte-yd97uu{display:flex;gap:0.25rem;margin:0 0 1rem 0;border-bottom:1px solid #e5e7eb;padding-bottom:0}.tab.svelte-yd97uu.svelte-yd97uu{padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:#6b7280;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:6px 6px 0 0}.tab.svelte-yd97uu.svelte-yd97uu:hover{color:#374151}.tab.active.svelte-yd97uu.svelte-yd97uu{color:#8B5CF6;border-bottom-color:#8B5CF6}.tab-panel.svelte-yd97uu.svelte-yd97uu{margin-top:0}.planned-toolbar.svelte-yd97uu.svelte-yd97uu{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.planned-toolbar.svelte-yd97uu .search-input.svelte-yd97uu{flex:1;min-width:240px;max-width:400px;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.planned-toolbar.svelte-yd97uu .search-input.svelte-yd97uu:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.planned-result-info.svelte-yd97uu.svelte-yd97uu{font-size:0.875rem;color:#6b7280;font-weight:500}.pagination-bar.svelte-yd97uu.svelte-yd97uu{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0 0;margin-top:0.5rem;border-top:1px solid #e5e7eb}.pagination-btn.svelte-yd97uu.svelte-yd97uu{padding:0.5rem 0.875rem;font-size:0.875rem;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.pagination-btn.svelte-yd97uu.svelte-yd97uu:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.pagination-btn.svelte-yd97uu.svelte-yd97uu:disabled{opacity:0.5;cursor:not-allowed}.pagination-pages.svelte-yd97uu.svelte-yd97uu{font-size:0.875rem;color:#6b7280}.visually-hidden.svelte-yd97uu.svelte-yd97uu{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.muted.svelte-yd97uu.svelte-yd97uu{font-size:0.875rem;color:#6b7280;margin:0}.empty-state.svelte-yd97uu.svelte-yd97uu{padding:2rem;text-align:center;max-width:520px;margin:0 auto}.empty-state-icon.svelte-yd97uu.svelte-yd97uu{font-size:3rem;color:#9ca3af;display:block;margin-bottom:1rem}.empty-state-title.svelte-yd97uu.svelte-yd97uu{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 0.5rem 0}.empty-state-text.svelte-yd97uu.svelte-yd97uu{font-size:0.875rem;color:#6b7280;margin:0 0 0.75rem 0}.empty-state-list.svelte-yd97uu.svelte-yd97uu{text-align:left;font-size:0.875rem;color:#4b5563;margin:0;padding-left:1.25rem;line-height:1.6}.empty-state-list.svelte-yd97uu code.svelte-yd97uu{font-size:0.8125rem;background:#f3f4f6;padding:0.125rem 0.375rem;border-radius:4px}.pagination-wrapper.svelte-j3cg7a{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:1.5rem;flex-wrap:wrap}.pagination-left.svelte-j3cg7a{display:flex;align-items:center;min-width:200px}.result-info.svelte-j3cg7a{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.pagination-center.svelte-j3cg7a{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-j3cg7a{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-j3cg7a:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-j3cg7a:disabled{opacity:0.4;cursor:not-allowed}.pagination-right.svelte-j3cg7a{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280}.page-size-select.svelte-j3cg7a{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:white;cursor:pointer;font-weight:500;color:#374151}.page-size-select.svelte-j3cg7a:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}@media(max-width: 768px){.pagination-wrapper.svelte-j3cg7a{flex-direction:column;align-items:stretch}.pagination-center.svelte-j3cg7a,.pagination-right.svelte-j3cg7a{justify-content:center}}.background-jobs-page.svelte-1sv7356.svelte-1sv7356{width:100%}.page-header.svelte-1sv7356.svelte-1sv7356{margin-bottom:0.5rem}.page-header-top.svelte-1sv7356.svelte-1sv7356{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.refresh-btn.svelte-1sv7356.svelte-1sv7356{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap}.refresh-btn.svelte-1sv7356.svelte-1sv7356:hover{background:#f9fafb;border-color:#8B5CF6;color:#8B5CF6}.refresh-btn.svelte-1sv7356 .material-symbols-outlined.svelte-1sv7356{font-size:1.25rem}.controls-row.svelte-1sv7356.svelte-1sv7356{display:flex;align-items:center;gap:1rem;margin-bottom:0.75rem}.filters-group.svelte-1sv7356.svelte-1sv7356{display:flex;gap:0.75rem;flex:1;max-width:500px}.filter-select.svelte-1sv7356.svelte-1sv7356{min-width:140px;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.table-wrapper.svelte-1sv7356.svelte-1sv7356{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.loading-state.svelte-1sv7356.svelte-1sv7356,.empty-state.svelte-1sv7356.svelte-1sv7356{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state.svelte-1sv7356 .material-symbols-outlined.svelte-1sv7356,.empty-state.svelte-1sv7356 .material-symbols-outlined.svelte-1sv7356{font-size:2.5rem;margin-bottom:0.5rem}.spin.svelte-1sv7356.svelte-1sv7356{animation:svelte-1sv7356-spin 1s linear infinite}@keyframes svelte-1sv7356-spin{to{transform:rotate(360deg)}}.jobs-table.svelte-1sv7356.svelte-1sv7356{width:100%;border-collapse:collapse;font-size:0.875rem}.jobs-table.svelte-1sv7356 thead th.svelte-1sv7356{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.jobs-table.svelte-1sv7356 tbody tr.svelte-1sv7356{border-bottom:1px solid #f3f4f6}.jobs-table.svelte-1sv7356 tbody tr.clickable-row.svelte-1sv7356{cursor:pointer}.jobs-table.svelte-1sv7356 tbody tr.clickable-row.svelte-1sv7356:hover{background:#f3f4f6}.jobs-table.svelte-1sv7356 tbody tr.clickable-row.svelte-1sv7356:focus{outline:2px solid #8B5CF6;outline-offset:-2px}.jobs-table.svelte-1sv7356 td.svelte-1sv7356{padding:0.75rem 0.5rem;vertical-align:top}.job-type.svelte-1sv7356.svelte-1sv7356{font-size:0.75rem;background:#f3f4f6;padding:0.2rem 0.4rem;border-radius:4px}.error-cell.svelte-1sv7356.svelte-1sv7356{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#991b1b}.status-badge.svelte-1sv7356.svelte-1sv7356{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-queued.svelte-1sv7356.svelte-1sv7356{background:#dbeafe;color:#1e40af}.status-processing.svelte-1sv7356.svelte-1sv7356{background:#fef3c7;color:#92400e}.status-completed.svelte-1sv7356.svelte-1sv7356{background:#d1fae5;color:#065f46}.status-failed.svelte-1sv7356.svelte-1sv7356{background:#fee2e2;color:#991b1b}.pagination-wrapper.svelte-1sv7356.svelte-1sv7356{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-1sv7356.svelte-1sv7356{min-width:240px}.result-info.svelte-1sv7356.svelte-1sv7356{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.pagination-center.svelte-1sv7356.svelte-1sv7356{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-1sv7356.svelte-1sv7356,.page-number-btn.svelte-1sv7356.svelte-1sv7356{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer}.page-number-btn.svelte-1sv7356.svelte-1sv7356{min-width:2.5rem}.page-nav-btn.svelte-1sv7356.svelte-1sv7356:hover:not(:disabled),.page-number-btn.svelte-1sv7356.svelte-1sv7356:hover{background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-1sv7356.svelte-1sv7356:disabled{opacity:0.4;cursor:not-allowed}.page-number-btn.active.svelte-1sv7356.svelte-1sv7356{background:#8B5CF6;border-color:#8B5CF6;color:white}.page-numbers.svelte-1sv7356.svelte-1sv7356{display:flex;gap:0.25rem;align-items:center}.page-ellipsis.svelte-1sv7356.svelte-1sv7356{padding:0 0.5rem;color:#9ca3af}.pagination-right.svelte-1sv7356.svelte-1sv7356{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280;white-space:nowrap}.separator.svelte-1sv7356.svelte-1sv7356{color:#d1d5db;margin:0 0.25rem}.page-size-select.svelte-1sv7356.svelte-1sv7356{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.jump-input.svelte-1sv7356.svelte-1sv7356{width:4rem;padding:0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;text-align:center}.jump-btn.svelte-1sv7356.svelte-1sv7356{padding:0.5rem 0.875rem;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:0.875rem;font-weight:500;color:white;cursor:pointer}.jump-btn.svelte-1sv7356.svelte-1sv7356:hover{background:#7c4ee4;border-color:#7c4ee4}.sr-only.svelte-1sv7356.svelte-1sv7356{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.background-job-detail-page.svelte-1se9df5.svelte-1se9df5{max-width:900px;margin:0 auto;padding:1.5rem 0}.back-link.svelte-1se9df5.svelte-1se9df5{display:inline-block;font-size:0.875rem;color:#8B5CF6;text-decoration:none;margin-bottom:1rem}.back-link.svelte-1se9df5.svelte-1se9df5:hover{text-decoration:underline}.loading-state.svelte-1se9df5.svelte-1se9df5,.error-state.svelte-1se9df5.svelte-1se9df5{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.error-state.svelte-1se9df5 .material-symbols-outlined.svelte-1se9df5{color:#991b1b;font-size:2.5rem;margin-bottom:0.5rem}.spin.svelte-1se9df5.svelte-1se9df5{animation:svelte-1se9df5-spin 1s linear infinite}@keyframes svelte-1se9df5-spin{to{transform:rotate(360deg)}}.btn-secondary.svelte-1se9df5.svelte-1se9df5{margin-top:1rem;padding:0.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:0.875rem}.btn-secondary.svelte-1se9df5.svelte-1se9df5:hover{background:#e5e7eb}.detail-header.svelte-1se9df5.svelte-1se9df5{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-title.svelte-1se9df5.svelte-1se9df5{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.status-badge.svelte-1se9df5.svelte-1se9df5{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-queued.svelte-1se9df5.svelte-1se9df5{background:#dbeafe;color:#1e40af}.status-processing.svelte-1se9df5.svelte-1se9df5{background:#fef3c7;color:#92400e}.status-completed.svelte-1se9df5.svelte-1se9df5{background:#d1fae5;color:#065f46}.status-failed.svelte-1se9df5.svelte-1se9df5{background:#fee2e2;color:#991b1b}.detail-cards.svelte-1se9df5.svelte-1se9df5{display:flex;flex-direction:column;gap:1rem}.detail-card.svelte-1se9df5.svelte-1se9df5{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.error-card.svelte-1se9df5.svelte-1se9df5{border-color:#fecaca}.card-title.svelte-1se9df5.svelte-1se9df5{font-size:1rem;font-weight:600;color:#374151;margin:0 0 0.75rem 0}.detail-dl.svelte-1se9df5.svelte-1se9df5{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 1.5rem;margin:0;font-size:0.875rem}.detail-dl.svelte-1se9df5 dt.svelte-1se9df5{color:#6b7280;font-weight:500}.detail-dl.svelte-1se9df5 dd.svelte-1se9df5{margin:0;color:#1f2937}.job-type.svelte-1se9df5.svelte-1se9df5{font-size:0.75rem;background:#f3f4f6;padding:0.2rem 0.4rem;border-radius:4px}.related-objects-list.svelte-1se9df5.svelte-1se9df5{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem}.related-objects-list.svelte-1se9df5 li.svelte-1se9df5{margin:0}.related-object-link.svelte-1se9df5.svelte-1se9df5{color:#8B5CF6;text-decoration:none;font-weight:500}.related-object-link.svelte-1se9df5.svelte-1se9df5:hover{text-decoration:underline}.related-object-name.svelte-1se9df5.svelte-1se9df5{color:#1f2937}.error-message.svelte-1se9df5.svelte-1se9df5,.payload-pre.svelte-1se9df5.svelte-1se9df5,.outcome-pre.svelte-1se9df5.svelte-1se9df5{margin:0;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:0.813rem;color:#1f2937;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-message.svelte-1se9df5.svelte-1se9df5{background:#fef2f2;border-color:#fecaca;color:#991b1b}.btn-requeue.svelte-1se9df5.svelte-1se9df5{display:inline-flex;align-items:center;gap:0.375rem;margin-left:auto;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background 0.15s}.btn-requeue.svelte-1se9df5.svelte-1se9df5:hover:not(:disabled){background:#7c4ee4}.btn-requeue.svelte-1se9df5.svelte-1se9df5:disabled{opacity:0.6;cursor:not-allowed}.btn-requeue.svelte-1se9df5 .material-symbols-outlined.svelte-1se9df5{font-size:1.125rem}.tile.svelte-b692r5{text-decoration:none}.tile-inner.svelte-b692r5{display:flex;gap:14px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:white;transition:box-shadow 0.2s ease, transform 0.1s ease, border-color 0.2s ease}.tile-inner.svelte-b692r5:hover{border-color:#01327E;box-shadow:0 8px 20px rgba(1,50,126,0.08);transform:translateY(-2px)}.tile-icon.svelte-b692r5{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg, #01327E 0%, #0a4ba8 100%);display:flex;align-items:center;justify-content:center;color:white;font-size:22px;flex-shrink:0;box-shadow:0 6px 12px rgba(1,50,126,0.25)}.tile-content.svelte-b692r5{display:flex;flex-direction:column}.tile-title.svelte-b692r5{color:#111827;font-weight:600;font-size:16px}.tile-subtitle.svelte-b692r5{color:#6B7280;font-size:13px}.user-bar.svelte-vyuhm1.svelte-vyuhm1{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1.5rem;background:linear-gradient(135deg, #01327E 0%, #0a4ba8 100%);color:white}.user-bar.svelte-vyuhm1 span.text-gray-700.svelte-vyuhm1{color:white !important}.user-avatar.svelte-vyuhm1.svelte-vyuhm1{width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:600;color:white}.supplier-reg-header.svelte-vyuhm1.svelte-vyuhm1{background:#f9fafb;color:#111827;border-bottom:1px solid #e5e7eb}.supplier-reg-logo.svelte-vyuhm1.svelte-vyuhm1{height:2.5rem;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.step-indicators-row.svelte-vyuhm1.svelte-vyuhm1{gap:18px}.step-indicator.svelte-vyuhm1.svelte-vyuhm1{display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:opacity 0.3s;background:none;border:none;padding:0.25rem;font:inherit;cursor:default}.step-indicator.step-disabled.svelte-vyuhm1.svelte-vyuhm1{opacity:0.5}.step-indicator.step-disabled.svelte-vyuhm1 .step-icon.svelte-vyuhm1{background-color:#f3f4f6;border:2px solid #e5e7eb}.step-indicator.step-disabled.svelte-vyuhm1 .step-icon-symbol.svelte-vyuhm1,.step-indicator.step-disabled.svelte-vyuhm1 .step-label.svelte-vyuhm1{color:#9ca3af}.step-indicator.step-clickable.svelte-vyuhm1.svelte-vyuhm1{cursor:pointer;opacity:1}.step-indicator.step-clickable.svelte-vyuhm1.svelte-vyuhm1:hover{opacity:0.9}.step-indicator.step-disabled.svelte-vyuhm1.svelte-vyuhm1:disabled{cursor:not-allowed}.step-indicator.active.svelte-vyuhm1.svelte-vyuhm1{opacity:1}.step-indicator.completed.svelte-vyuhm1.svelte-vyuhm1{opacity:1}.step-icon.svelte-vyuhm1.svelte-vyuhm1{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;border:2px solid transparent;transition:all 0.3s}.step-icon-symbol.svelte-vyuhm1.svelte-vyuhm1{font-size:1.25rem;color:#6b7280;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.step-indicator.active.svelte-vyuhm1 .step-icon.svelte-vyuhm1{background:linear-gradient(135deg, #01327E 0%, #0a4ba8 100%);border-color:#01327E;box-shadow:0 4px 12px rgba(1,50,126,0.3)}.registration-trades-grid.svelte-vyuhm1.svelte-vyuhm1{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:0.5rem;max-height:280px;overflow-y:auto;padding:0.25rem 0}.registration-trade-card.svelte-vyuhm1.svelte-vyuhm1{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.6rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.375rem;text-align:left;cursor:pointer;transition:all 0.2s;font:inherit}.registration-trade-card.svelte-vyuhm1.svelte-vyuhm1:hover{background:#f3f4f6;border-color:#8B5CF6;box-shadow:0 1px 3px rgba(139, 92, 246, 0.1)}.registration-trade-card.selected.svelte-vyuhm1.svelte-vyuhm1{background:#ede9fe;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.2)}.registration-trade-code.svelte-vyuhm1.svelte-vyuhm1{flex-shrink:0;font-weight:700;font-size:0.7rem;color:#8B5CF6;min-width:2.25rem;text-align:center;background:white;padding:0.2rem 0.4rem;border-radius:0.25rem;border:1px solid #e5e7eb}.registration-trade-card.selected.svelte-vyuhm1 .registration-trade-code.svelte-vyuhm1{background:#8B5CF6;color:white;border-color:#8B5CF6}.registration-trade-name.svelte-vyuhm1.svelte-vyuhm1{font-size:0.75rem;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.registration-trade-zone-row.svelte-vyuhm1.svelte-vyuhm1{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width: 768px){.registration-trade-zone-row.svelte-vyuhm1.svelte-vyuhm1{grid-template-columns:1fr}}.registration-trade-zone-col.svelte-vyuhm1.svelte-vyuhm1{min-width:0}.registration-zones-grid.svelte-vyuhm1.svelte-vyuhm1{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:0.5rem;max-height:280px;overflow-y:auto;padding:0.25rem 0}.registration-zone-card.svelte-vyuhm1.svelte-vyuhm1{display:flex;align-items:center;padding:0.5rem 0.6rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.375rem;text-align:left;cursor:pointer;transition:all 0.2s;font:inherit}.registration-zone-card.svelte-vyuhm1.svelte-vyuhm1:hover{background:#f3f4f6;border-color:#8B5CF6;box-shadow:0 1px 3px rgba(139, 92, 246, 0.1)}.registration-zone-card.selected.svelte-vyuhm1.svelte-vyuhm1{background:#ede9fe;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.2)}.registration-zone-name.svelte-vyuhm1.svelte-vyuhm1{font-size:0.75rem;color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.step-indicator.active.svelte-vyuhm1 .step-icon-symbol.svelte-vyuhm1{color:#fff}.step-indicator.completed.svelte-vyuhm1 .step-icon.svelte-vyuhm1{background-color:#059669;border-color:#047857;box-shadow:0 2px 8px rgba(5,150,105,0.35)}.step-indicator.completed.svelte-vyuhm1 .step-icon-symbol.svelte-vyuhm1{color:#fff}.step-indicator.completed.svelte-vyuhm1 .step-label.svelte-vyuhm1{color:#047857;font-weight:600}.step-label.svelte-vyuhm1.svelte-vyuhm1{font-size:0.75rem;font-weight:500;color:#6b7280}.step-indicator.active.svelte-vyuhm1 .step-label.svelte-vyuhm1{color:#01327E;font-weight:600}.verify-email-step.svelte-vyuhm1.svelte-vyuhm1{max-width:28rem;margin-left:auto;margin-right:auto}.email-chip.svelte-vyuhm1.svelte-vyuhm1{display:inline-block;padding:0.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;font-size:0.9375rem;font-weight:600;color:#111827;word-break:break-all}.otp-group.svelte-vyuhm1.svelte-vyuhm1{padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem}.otp-inputs.svelte-vyuhm1.svelte-vyuhm1{display:flex;gap:0.5rem;justify-content:center;flex-wrap:wrap}.otp-digit.svelte-vyuhm1.svelte-vyuhm1{width:3rem;height:3.5rem;text-align:center;font-size:1.25rem;font-weight:600;color:#111827;background:#fff;border:2px solid #d1d5db;border-radius:0.375rem;transition:border-color 0.15s, box-shadow 0.15s}.otp-digit.svelte-vyuhm1.svelte-vyuhm1:hover{border-color:#9ca3af}.otp-digit.svelte-vyuhm1.svelte-vyuhm1:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.2)}.otp-digit.otp-digit-error.svelte-vyuhm1.svelte-vyuhm1{border-color:#dc2626;background:#fef2f2}.otp-digit.otp-digit-error.svelte-vyuhm1.svelte-vyuhm1:focus{box-shadow:0 0 0 3px rgba(220, 38, 38, 0.2)}.otp-error-msg.svelte-vyuhm1.svelte-vyuhm1{margin-top:0.75rem;font-size:0.875rem;color:#dc2626;text-align:center}.resend-link.svelte-vyuhm1.svelte-vyuhm1{margin-left:0.25rem;font-weight:500;color:#8B5CF6;background:none;border:none;cursor:pointer;padding:0;text-underline-offset:2px}.resend-link.svelte-vyuhm1.svelte-vyuhm1:hover:not(:disabled){text-decoration:underline}.resend-link.svelte-vyuhm1.svelte-vyuhm1:disabled{color:#9ca3af;cursor:not-allowed}.insurance-tabs-layout.svelte-vyuhm1.svelte-vyuhm1{display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 768px){.insurance-tabs-layout.svelte-vyuhm1.svelte-vyuhm1{flex-direction:row;align-items:flex-start;gap:0}}.insurance-tabs-nav.svelte-vyuhm1.svelte-vyuhm1{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0;margin:0;list-style:none;max-height:320px;overflow-y:auto;overflow-x:hidden}@media(min-width: 768px){.insurance-tabs-nav.svelte-vyuhm1.svelte-vyuhm1{flex-direction:column;flex-wrap:nowrap;min-width:200px;max-height:320px;margin-right:2rem;padding-right:1.5rem;border-right:1px solid #e5e7eb}}.insurance-tab.svelte-vyuhm1.svelte-vyuhm1{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;font-size:0.875rem;font-weight:500;color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background 0.15s, border-color 0.15s, color 0.15s;text-align:left;width:100%}@media(min-width: 768px){.insurance-tab.svelte-vyuhm1.svelte-vyuhm1{width:auto;border-radius:6px;border-color:transparent;background:transparent}}.insurance-tab.svelte-vyuhm1.svelte-vyuhm1:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}@media(min-width: 768px){.insurance-tab.svelte-vyuhm1.svelte-vyuhm1:hover{background:#f3f4f6;border-color:transparent}}.insurance-tab.active.svelte-vyuhm1.svelte-vyuhm1{background:#ede9fe;border-color:#8B5CF6;color:#6d28d9}@media(min-width: 768px){.insurance-tab.active.svelte-vyuhm1.svelte-vyuhm1{background:#ede9fe;border-left:3px solid #8B5CF6;border-radius:0 6px 6px 0;margin-left:-3px;padding-left:calc(1rem - 3px)}}.insurance-tab.has-error.svelte-vyuhm1.svelte-vyuhm1{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.insurance-tab.has-error.svelte-vyuhm1 .insurance-tab-icon.svelte-vyuhm1{color:#dc2626}@media(min-width: 768px){.insurance-tab.has-error.svelte-vyuhm1.svelte-vyuhm1{border-left:3px solid #dc2626;border-radius:0 6px 6px 0;margin-left:-3px;padding-left:calc(1rem - 3px);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}}.insurance-tab-icon.svelte-vyuhm1.svelte-vyuhm1{font-size:1.125rem;flex-shrink:0}.insurance-tab-add.svelte-vyuhm1.svelte-vyuhm1{border-style:dashed;color:#8B5CF6;background:#f5f3ff}.insurance-tab-add.svelte-vyuhm1.svelte-vyuhm1:hover{background:#ede9fe;color:#6d28d9}.insurance-tab-panel.svelte-vyuhm1.svelte-vyuhm1{flex:1;min-width:0}.insurance-panel-content.svelte-vyuhm1.svelte-vyuhm1{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.page-header.svelte-1q94x9e.svelte-1q94x9e{background:linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-1q94x9e.svelte-1q94x9e{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-1q94x9e .material-symbols-outlined.svelte-1q94x9e{font-size:1.25rem}.page-header.svelte-1q94x9e.svelte-1q94x9e{background:linear-gradient(135deg, #3B82F6 0%, #6366F1 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-1q94x9e.svelte-1q94x9e{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-1q94x9e .material-symbols-outlined.svelte-1q94x9e{font-size:1.25rem}.welcome-banner.svelte-dd050n.svelte-dd050n{background:linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);border-radius:0.75rem;padding:1.5rem 2rem}.summary-card.svelte-dd050n.svelte-dd050n{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.25rem;text-align:left;cursor:pointer;transition:border-color 0.15s, box-shadow 0.15s, transform 0.15s;position:relative;overflow:hidden}.summary-card.svelte-dd050n.svelte-dd050n:hover{border-color:#635BFF;box-shadow:0 4px 12px rgba(99, 91, 255, 0.12);transform:translateY(-1px)}.summary-card.svelte-dd050n.svelte-dd050n::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}.card-tasks.svelte-dd050n.svelte-dd050n::before{background:#3B82F6}.card-docs.svelte-dd050n.svelte-dd050n::before{background:#8B5CF6}.card-expiring.svelte-dd050n.svelte-dd050n::before{background:#F59E0B}.card-expired.svelte-dd050n.svelte-dd050n::before{background:#EF4444}.card-icon.svelte-dd050n.svelte-dd050n{width:2.25rem;height:2.25rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;background:#EEF2FF;color:#635BFF}.card-icon.warning.svelte-dd050n.svelte-dd050n{background:#FEF3C7;color:#D97706}.card-icon.danger.svelte-dd050n.svelte-dd050n{background:#FEE2E2;color:#DC2626}.card-icon.svelte-dd050n .material-symbols-outlined.svelte-dd050n{font-size:1.25rem}.status-badge.svelte-dd050n.svelte-dd050n{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;text-transform:capitalize}.badge-on-dark.svelte-dd050n.svelte-dd050n{backdrop-filter:blur(4px)}.badge-valid.svelte-dd050n.svelte-dd050n{background:#d1fae5;color:#065f46}.badge-expired.svelte-dd050n.svelte-dd050n{background:#fee2e2;color:#991b1b}.badge-expiring.svelte-dd050n.svelte-dd050n{background:#fef3c7;color:#92400e}.badge-pending.svelte-dd050n.svelte-dd050n{background:#dbeafe;color:#1e40af}.quick-link.svelte-dd050n.svelte-dd050n{padding:1rem;background:white;border:1px solid #e5e7eb;border-radius:0.75rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;gap:0.5rem}.quick-link.svelte-dd050n.svelte-dd050n:hover{border-color:#635BFF;color:#635BFF;box-shadow:0 2px 8px rgba(99, 91, 255, 0.08)}.ql-icon.svelte-dd050n.svelte-dd050n{font-size:1.25rem;opacity:0.7}.quick-link.svelte-dd050n:hover .ql-icon.svelte-dd050n{opacity:1}.page-header.svelte-44zgiv.svelte-44zgiv{background:linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-44zgiv.svelte-44zgiv{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-44zgiv .material-symbols-outlined.svelte-44zgiv{font-size:1.25rem}.status-badge.svelte-44zgiv.svelte-44zgiv{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;text-transform:capitalize}.badge-valid.svelte-44zgiv.svelte-44zgiv{background:#d1fae5;color:#065f46}.badge-expired.svelte-44zgiv.svelte-44zgiv{background:#fee2e2;color:#991b1b}.badge-expiring.svelte-44zgiv.svelte-44zgiv{background:#fef3c7;color:#92400e}.badge-pending.svelte-44zgiv.svelte-44zgiv{background:#dbeafe;color:#1e40af}.page-header.svelte-1xe649t.svelte-1xe649t{background:linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-1xe649t.svelte-1xe649t{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-1xe649t .material-symbols-outlined.svelte-1xe649t{font-size:1.25rem}.page-header.svelte-1odiwun.svelte-1odiwun{background:linear-gradient(135deg, #10B981 0%, #059669 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-1odiwun.svelte-1odiwun{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-1odiwun .material-symbols-outlined.svelte-1odiwun{font-size:1.25rem}.page-header.svelte-rkfxh5.svelte-rkfxh5{background:linear-gradient(135deg, #F59E0B 0%, #D97706 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-rkfxh5.svelte-rkfxh5{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-rkfxh5 .material-symbols-outlined.svelte-rkfxh5{font-size:1.25rem}.tab-btn.svelte-rkfxh5.svelte-rkfxh5{display:flex;align-items:center;gap:0.375rem;padding:0.625rem 1rem;font-size:0.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all 0.15s;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.tab-btn.svelte-rkfxh5.svelte-rkfxh5:hover{color:#374151}.tab-active.svelte-rkfxh5.svelte-rkfxh5{color:#635BFF;border-bottom-color:#635BFF}.tab-count.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 0.375rem;border-radius:9999px;font-size:0.6875rem;font-weight:600;background:#f3f4f6;color:#6b7280}.tab-active.svelte-rkfxh5 .tab-count.svelte-rkfxh5{background:#EEF2FF;color:#635BFF}.empty-state.svelte-rkfxh5.svelte-rkfxh5{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;text-align:center;color:#6b7280}.trade-card.svelte-rkfxh5.svelte-rkfxh5{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1rem 1.25rem;border-left:3px solid #F59E0B;transition:box-shadow 0.15s}.trade-card.svelte-rkfxh5.svelte-rkfxh5:hover{box-shadow:0 2px 8px rgba(0, 0, 0, 0.06)}.trade-card-top.svelte-rkfxh5.svelte-rkfxh5{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.status-badge.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;padding:0.125rem 0.625rem;border-radius:9999px;font-size:0.6875rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-approved.svelte-rkfxh5.svelte-rkfxh5{background:#d1fae5;color:#065f46}.badge-pending.svelte-rkfxh5.svelte-rkfxh5{background:#fef3c7;color:#92400e}.badge-declined.svelte-rkfxh5.svelte-rkfxh5{background:#fee2e2;color:#991b1b}.badge-default.svelte-rkfxh5.svelte-rkfxh5{background:#f3f4f6;color:#4b5563}.zone-tag.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;padding:0.2rem 0.5rem;background:#EEF2FF;color:#4338CA;border-radius:9999px;font-size:0.6875rem;font-weight:500}.zone-tag-sm.svelte-rkfxh5.svelte-rkfxh5{font-size:0.625rem;padding:0.125rem 0.4rem}.edit-zones-btn.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;font-weight:500;color:#635BFF;background:none;border:none;cursor:pointer;padding:0;transition:opacity 0.15s}.edit-zones-btn.svelte-rkfxh5.svelte-rkfxh5:hover{opacity:0.7}.available-card.svelte-rkfxh5.svelte-rkfxh5{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:0.75rem 1rem;transition:border-color 0.15s}.available-card.svelte-rkfxh5.svelte-rkfxh5:hover{border-color:#d1d5db}.request-btn.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;gap:0.25rem;padding:0.375rem 0.75rem;border-radius:0.375rem;font-size:0.75rem;font-weight:600;color:white;background:#635BFF;border:none;cursor:pointer;transition:opacity 0.15s;white-space:nowrap}.request-btn.svelte-rkfxh5.svelte-rkfxh5:hover{opacity:0.9}.request-card.svelte-rkfxh5.svelte-rkfxh5{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1rem 1.25rem}.cancel-btn.svelte-rkfxh5.svelte-rkfxh5{display:inline-flex;align-items:center;gap:0.2rem;padding:0.2rem 0.5rem;border-radius:0.375rem;font-size:0.6875rem;font-weight:500;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;cursor:pointer;transition:all 0.15s}.cancel-btn.svelte-rkfxh5.svelte-rkfxh5:hover{background:#fecaca}.zone-select-btn.svelte-rkfxh5.svelte-rkfxh5{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.625rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:white;cursor:pointer;transition:all 0.15s;text-align:left}.zone-select-btn.svelte-rkfxh5.svelte-rkfxh5:hover{border-color:#635BFF}.zone-selected.svelte-rkfxh5.svelte-rkfxh5{border-color:#635BFF;background:#EEF2FF;color:#4338CA}.multi-select-filter.svelte-1m7ygin.svelte-1m7ygin{position:relative;max-width:100%;min-width:280px}.multi-select-compact.svelte-1m7ygin.svelte-1m7ygin{min-width:0;width:100%}.dropdown-panel.svelte-1m7ygin.svelte-1m7ygin{width:100%;left:0}.multi-select-compact.svelte-1m7ygin .dropdown-panel.svelte-1m7ygin{width:max(100%, 11rem);min-width:11rem}.dropdown-search-input.svelte-1m7ygin.svelte-1m7ygin{outline:none;box-sizing:border-box;background:#fff}.dropdown-search-input.svelte-1m7ygin.svelte-1m7ygin:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.12)}.trigger-main.svelte-1m7ygin.svelte-1m7ygin{display:flex;align-items:center;gap:0.5rem;min-width:0;flex:1;padding-right:0.25rem}.trigger-label.svelte-1m7ygin.svelte-1m7ygin{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.count-badge.svelte-1m7ygin.svelte-1m7ygin{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 0.35rem;border-radius:9999px;font-size:0.6875rem;font-weight:700;line-height:1;background:#8b5cf6;color:#fff}.chevron-wrap.svelte-1m7ygin.svelte-1m7ygin{pointer-events:none;position:absolute;inset:0 0 0 auto;display:flex;align-items:center;padding-right:0.625rem;flex-shrink:0}.filter-select.svelte-1m7ygin.svelte-1m7ygin{position:relative;padding:0.5rem 2.5rem 0.5rem 1rem;border:1px solid #9ca3af;border-radius:6px;font-size:0.875rem;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%);cursor:pointer;font-weight:600;color:#1f2937;line-height:1.5;display:flex;align-items:center;min-height:2.5rem;width:100%}.option-label.svelte-1m7ygin.svelte-1m7ygin{white-space:nowrap}.filter-select.svelte-1m7ygin.svelte-1m7ygin:hover{background:linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 100%);border-color:#6b7280}.filter-select.svelte-1m7ygin.svelte-1m7ygin:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.filter-select.active.svelte-1m7ygin.svelte-1m7ygin{border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.badge-required.svelte-1c74lmd{background:#d1fae5;color:#065f46}.badge-overlay.svelte-1c74lmd{background:#e9d5ff;color:#6b21a8}.badge-optional.svelte-1c74lmd{background:#fef3c7;color:#92400e}.badge-na.svelte-1c74lmd{background:#f3f4f6;color:#4b5563}.kpi-overview-container.svelte-132dff9.svelte-132dff9{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.loading-state.svelte-132dff9.svelte-132dff9{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}.kpi-table-wrapper.svelte-132dff9.svelte-132dff9{overflow-x:auto}.kpi-table.svelte-132dff9.svelte-132dff9{width:100%;border-collapse:separate;border-spacing:0;font-size:0.875rem}.kpi-table.svelte-132dff9 thead th.svelte-132dff9{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.kpi-table.svelte-132dff9 thead th.svelte-132dff9:first-child{width:35%;min-width:300px}.kpi-table.svelte-132dff9 thead th.svelte-132dff9:nth-child(2){width:15%;min-width:150px}.kpi-table.svelte-132dff9 thead th.month-header.svelte-132dff9{text-align:center;min-width:100px}.kpi-table.svelte-132dff9 tbody tr.svelte-132dff9{border-bottom:1px solid #e5e7eb}.kpi-table.svelte-132dff9 tbody tr.svelte-132dff9:hover:not(.category-header){background:#f9fafb}.kpi-table.svelte-132dff9 tbody tr.category-header.svelte-132dff9{background:#f3f4f6;cursor:pointer;transition:background-color 0.2s ease}.kpi-table.svelte-132dff9 tbody tr.category-header.svelte-132dff9:hover{background:#e5e7eb}.kpi-table.svelte-132dff9 tbody tr.category-header td.svelte-132dff9{font-weight:600;color:#374151;padding:0.75rem 1rem}.kpi-table.svelte-132dff9 tbody tr.category-header.clickable td.svelte-132dff9{color:#635BFF;text-decoration:underline}.kpi-table.svelte-132dff9 tbody tr.category-header.clickable:hover td.svelte-132dff9{color:#5348e6}.kpi-table.svelte-132dff9 tbody td.svelte-132dff9{padding:0.75rem 1rem;color:#1f2937}.kpi-name.svelte-132dff9.svelte-132dff9{font-weight:500}.kpi-category.svelte-132dff9.svelte-132dff9{color:#6b7280;font-size:0.813rem}.kpi-value.svelte-132dff9.svelte-132dff9{text-align:center;font-weight:500;padding:0.25rem 0.5rem}.kpi-subtext.svelte-132dff9.svelte-132dff9{display:block;font-size:0.75rem;color:#6b7280;margin-top:0.15rem}.empty-state.svelte-132dff9.svelte-132dff9{padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state-icon.svelte-132dff9.svelte-132dff9{font-size:3rem;margin-bottom:1rem;opacity:0.5}.open-jobs-container.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.section-title.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem}.summary-table-container.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{margin-bottom:2rem}.chart-tabs.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;gap:0.5rem;margin-bottom:1rem}.chart-tab-button.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:0.4rem 0.8rem;border-radius:999px;font-size:0.875rem;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:all 0.15s ease}.chart-tab-button.active.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{border-color:#8B5CF6;color:#fff;background:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.12)}.summary-table-container.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;flex-direction:column}.summary-table.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{width:100%;border-collapse:collapse;font-size:0.875rem}.summary-caption.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{caption-side:top;text-align:center;color:black;font-size:1rem;font-weight:600;padding:0.75rem 0}.summary-table.svelte-1bp79bh thead.svelte-1bp79bh th.svelte-1bp79bh{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.summary-table.svelte-1bp79bh thead th.numeric.svelte-1bp79bh.svelte-1bp79bh{text-align:center}.summary-table.svelte-1bp79bh tbody.svelte-1bp79bh td.svelte-1bp79bh{padding:0.75rem 1rem;border-bottom:1px solid #e5e7eb}.summary-table.svelte-1bp79bh tbody td.numeric.svelte-1bp79bh.svelte-1bp79bh{text-align:center;font-weight:500}.summary-table.svelte-1bp79bh .total-row.svelte-1bp79bh.svelte-1bp79bh{font-weight:600;background:#f3f4f6}.table-note.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{font-size:0.75rem;color:#6b7280;font-style:italic;margin-top:0.5rem}.jobs-table.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{margin-top:2rem}.table-wrapper.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;position:relative;min-height:1100px}.jobs-details-table.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.jobs-details-table.svelte-1bp79bh thead.svelte-1bp79bh th.svelte-1bp79bh{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;vertical-align:top}.jobs-details-table.svelte-1bp79bh thead th .column-label.svelte-1bp79bh.svelte-1bp79bh{display:block;font-size:0.75rem;color:#6b7280;margin-bottom:0.375rem;font-weight:500}.jobs-details-table.svelte-1bp79bh tbody.svelte-1bp79bh tr.svelte-1bp79bh{border-bottom:1px solid #e5e7eb}.jobs-details-table.svelte-1bp79bh tbody.svelte-1bp79bh tr.svelte-1bp79bh:hover{background:#f9fafb}.jobs-details-table.svelte-1bp79bh tbody.svelte-1bp79bh td.svelte-1bp79bh{padding:0.75rem 0.5rem;color:#1f2937}.header-filter.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{width:100%;padding:0.375rem 0.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:0.813rem;background:white;margin-top:0.25rem}.header-filter.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1)}.header-filter.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh::-moz-placeholder{color:#9ca3af;font-size:0.75rem}.header-filter.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh::placeholder{color:#9ca3af;font-size:0.75rem}.pagination-wrapper.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;align-items:center;min-width:240px}.result-info.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.page-size-select.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:0.5rem 2.75rem 0.5rem 0.75rem !important}.pagination-center.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:disabled{opacity:0.4;cursor:not-allowed}.page-numbers.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;gap:0.25rem;align-items:center}.page-number-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{min-width:2.5rem;height:2.5rem;padding:0.5rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center}.page-number-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:hover:not(.active){background:#f3f4f6;border-color:#9ca3af}.page-number-btn.active.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{background:#8B5CF6;border-color:#8B5CF6;color:white;font-weight:600}.page-ellipsis.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:0 0.5rem;color:#9ca3af;font-size:0.875rem}.pagination-right.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280;white-space:nowrap}.pagination-right.svelte-1bp79bh .separator.svelte-1bp79bh.svelte-1bp79bh{color:#d1d5db;font-weight:300;margin:0 0.25rem}.pagination-right.svelte-1bp79bh label.svelte-1bp79bh.svelte-1bp79bh{white-space:nowrap;line-height:1.5;margin:0;padding:0}.jump-input.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{width:4rem;padding:0.5rem 0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;text-align:center;font-weight:500;line-height:1.5}.jump-input.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.jump-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:0.5rem 0.875rem;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:0.875rem;font-weight:500;color:white;cursor:pointer;transition:all 0.15s;line-height:1.5}.jump-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:hover{background:#7c4ee4;border-color:#7c4ee4}.jump-btn.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh:active{background:#6b42c6;border-color:#6b42c6}@media(max-width: 768px){.pagination-wrapper.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{flex-direction:column;align-items:stretch;gap:1rem}.pagination-center.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{justify-content:center}.pagination-right.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{justify-content:center}}.status-awaiting{background:#fef3c7;color:#92400e;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-with-hp{background:#dbeafe;color:#1e40af;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-with-dccm{background:#e9d5ff;color:#6b21a8;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-in-progress{background:#d1fae5;color:#065f46;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-on-hold{background:#f3f4f6;color:#4b5563;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.days-critical{color:#991b1b;font-weight:600}.days-warning{color:#92400e;font-weight:600}.days-caution{color:#854d0e;font-weight:500}.loading-state.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}.empty-state.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{padding:4rem 2rem;text-align:center;color:#6b7280}.evolution-charts-section.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{margin:2rem 0}.charts-grid.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}@media(max-width: 1024px){.charts-grid.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{grid-template-columns:1fr}}.chart-container.svelte-1bp79bh.svelte-1bp79bh.svelte-1bp79bh{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.safety-container.svelte-p4spah.svelte-p4spah.svelte-p4spah{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.controls-bar.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-title.svelte-p4spah.svelte-p4spah.svelte-p4spah{font-size:1.125rem;font-weight:600;color:#111827}.month-selector.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;align-items:center;gap:0.75rem}.month-selector.svelte-p4spah label.svelte-p4spah.svelte-p4spah{font-size:0.875rem;font-weight:500;color:#374151;white-space:nowrap}.month-dropdown.svelte-p4spah.svelte-p4spah.svelte-p4spah{min-width:200px;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;line-height:1.5}.month-dropdown.svelte-p4spah.svelte-p4spah.svelte-p4spah:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.summary-grid.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:1.5rem 0 2rem 0}.summary-card.svelte-p4spah.svelte-p4spah.svelte-p4spah{padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease}.summary-card.svelte-p4spah.svelte-p4spah.svelte-p4spah:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.summary-card.svelte-p4spah h3.svelte-p4spah.svelte-p4spah{margin:0 0 0.75rem 0;font-size:0.875rem;font-weight:600;opacity:0.95}.summary-card.svelte-p4spah .value.svelte-p4spah.svelte-p4spah{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.safety-incidents.svelte-p4spah.svelte-p4spah.svelte-p4spah{background:linear-gradient(135deg, #dc2626 0%, #991b1b 100%);color:white}.safety-breaches.svelte-p4spah.svelte-p4spah.svelte-p4spah{background:linear-gradient(135deg, #ea580c 0%, #c2410c 100%);color:white}.table-section.svelte-p4spah.svelte-p4spah.svelte-p4spah{margin-bottom:2rem}.table-section.svelte-p4spah.svelte-p4spah.svelte-p4spah:last-child{margin-bottom:0}.table-header.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.table-header.svelte-p4spah h3.svelte-p4spah.svelte-p4spah{font-size:1rem;font-weight:600;color:#111827;margin:0}.table-header-left.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.table-header-controls.svelte-p4spah.svelte-p4spah.svelte-p4spah{min-width:220px}.table-search.svelte-p4spah.svelte-p4spah.svelte-p4spah{width:100%;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;transition:border-color 0.15s ease, box-shadow 0.15s ease}.table-search.svelte-p4spah.svelte-p4spah.svelte-p4spah:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.count-badge.svelte-p4spah.svelte-p4spah.svelte-p4spah{background:#d1fae5;color:#065f46;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.count-badge.count-warning.svelte-p4spah.svelte-p4spah.svelte-p4spah{background:#fee2e2;color:#991b1b}.breach-pagination.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.pagination-info.svelte-p4spah.svelte-p4spah.svelte-p4spah{font-size:0.875rem;color:#4b5563}.pagination-controls.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.page-size-select.svelte-p4spah.svelte-p4spah.svelte-p4spah{padding:0.5rem 2.25rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);cursor:pointer}.page-size-select.svelte-p4spah.svelte-p4spah.svelte-p4spah:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.page-buttons.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-p4spah.svelte-p4spah.svelte-p4spah{padding:0.4rem 0.8rem;border:1px solid #d1d5db;border-radius:6px;background:white;font-size:0.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-p4spah.svelte-p4spah.svelte-p4spah:hover:not(:disabled){border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-p4spah.svelte-p4spah.svelte-p4spah:disabled{opacity:0.5;cursor:not-allowed}.page-indicator.svelte-p4spah.svelte-p4spah.svelte-p4spah{font-size:0.75rem;color:#6b7280}.loading-state.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state.svelte-p4spah .material-symbols-outlined.svelte-p4spah.svelte-p4spah{font-size:3rem;margin-bottom:1rem;color:#9ca3af;animation:svelte-p4spah-spin 1s linear infinite}.empty-table.svelte-p4spah.svelte-p4spah.svelte-p4spah{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.empty-table.svelte-p4spah .material-symbols-outlined.svelte-p4spah.svelte-p4spah{font-size:2.5rem;margin-bottom:0.5rem;color:#10b981}.table-wrapper.svelte-p4spah.svelte-p4spah.svelte-p4spah{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.safety-table.svelte-p4spah.svelte-p4spah.svelte-p4spah{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.safety-table.svelte-p4spah thead.svelte-p4spah th.svelte-p4spah{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:0.813rem}.safety-table.svelte-p4spah tbody.svelte-p4spah tr.svelte-p4spah{border-bottom:1px solid #e5e7eb}.safety-table.svelte-p4spah tbody.svelte-p4spah tr.svelte-p4spah:hover{background:#f9fafb}.safety-table.svelte-p4spah tbody.svelte-p4spah td.svelte-p4spah{padding:0.75rem 0.5rem;color:#1f2937}.status-cell.svelte-p4spah.svelte-p4spah.svelte-p4spah{font-size:0.75rem;color:#6b7280}.date-cell.svelte-p4spah.svelte-p4spah.svelte-p4spah{text-align:center;font-size:0.813rem}.days-late-cell.svelte-p4spah.svelte-p4spah.svelte-p4spah{text-align:center;font-weight:600;font-size:0.813rem}.days-on-time.svelte-p4spah.svelte-p4spah.svelte-p4spah{color:#065f46;background:#d1fae5;padding:0.25rem 0.5rem;border-radius:4px}.days-minor.svelte-p4spah.svelte-p4spah.svelte-p4spah{color:#92400e;background:#fef3c7;padding:0.25rem 0.5rem;border-radius:4px}.days-warning.svelte-p4spah.svelte-p4spah.svelte-p4spah{color:#b45309;background:#fed7aa;padding:0.25rem 0.5rem;border-radius:4px}.days-critical.svelte-p4spah.svelte-p4spah.svelte-p4spah{color:#991b1b;background:#fee2e2;padding:0.25rem 0.5rem;border-radius:4px}@media(max-width: 768px){.breach-pagination.svelte-p4spah.svelte-p4spah.svelte-p4spah{flex-direction:column;align-items:flex-start}.pagination-controls.svelte-p4spah.svelte-p4spah.svelte-p4spah{width:100%;justify-content:space-between}.page-buttons.svelte-p4spah.svelte-p4spah.svelte-p4spah{flex-wrap:wrap}}@keyframes svelte-p4spah-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.kpi-table-section.svelte-p4spah.svelte-p4spah.svelte-p4spah{margin-bottom:2rem;background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.kpi-table-wrapper.svelte-p4spah.svelte-p4spah.svelte-p4spah{overflow-x:auto}.kpi-table.svelte-p4spah.svelte-p4spah.svelte-p4spah{width:100%;border-collapse:separate;border-spacing:0;font-size:0.875rem}.kpi-table.svelte-p4spah thead.svelte-p4spah th.svelte-p4spah{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.kpi-table.svelte-p4spah thead.svelte-p4spah th.svelte-p4spah:first-child{width:35%;min-width:300px}.kpi-table.svelte-p4spah thead.svelte-p4spah th.svelte-p4spah:nth-child(2){width:15%;min-width:150px}.kpi-table.svelte-p4spah thead th.month-header.svelte-p4spah.svelte-p4spah{text-align:center;min-width:100px}.kpi-table.svelte-p4spah tbody.svelte-p4spah tr.svelte-p4spah{border-bottom:1px solid #e5e7eb}.kpi-table.svelte-p4spah tbody.svelte-p4spah tr.svelte-p4spah:hover:not(.category-header){background:#f9fafb}.kpi-table.svelte-p4spah tbody tr.category-header.svelte-p4spah.svelte-p4spah{background:#f3f4f6}.kpi-table.svelte-p4spah tbody.svelte-p4spah tr.category-header td.svelte-p4spah{font-weight:600;color:#374151;padding:0.75rem 1rem}.kpi-table.svelte-p4spah tbody.svelte-p4spah td.svelte-p4spah{padding:0.75rem 1rem;color:#1f2937}.kpi-name.svelte-p4spah.svelte-p4spah.svelte-p4spah{font-weight:500}.kpi-category.svelte-p4spah.svelte-p4spah.svelte-p4spah{color:#6b7280;font-size:0.813rem}.kpi-value.svelte-p4spah.svelte-p4spah.svelte-p4spah{text-align:center;font-weight:500;padding:0.25rem 0.5rem}.quality-container.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.controls-bar.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-title.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{font-size:1.125rem;font-weight:600;color:#111827}.month-selector.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:flex;align-items:center;gap:0.75rem}.month-selector.svelte-13rczbz label.svelte-13rczbz.svelte-13rczbz{font-size:0.875rem;font-weight:500;color:#374151;white-space:nowrap}.month-dropdown.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{min-width:200px;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;line-height:1.5}.month-dropdown.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.summary-grid.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:1.5rem 0 2rem 0}.summary-card.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease}.summary-card.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.summary-card.svelte-13rczbz h3.svelte-13rczbz.svelte-13rczbz{margin:0 0 0.75rem 0;font-size:0.875rem;font-weight:600;opacity:0.95}.summary-card.svelte-13rczbz .value.svelte-13rczbz.svelte-13rczbz{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.quality-complaints.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{background:linear-gradient(135deg, #0891b2 0%, #0e7490 100%);color:white}.quality-audits.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);color:white}.table-section.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{margin-bottom:2rem}.table-header.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-header.svelte-13rczbz h3.svelte-13rczbz.svelte-13rczbz{font-size:1rem;font-weight:600;color:#111827;margin:0}.count-badge.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{background:#d1fae5;color:#065f46;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.count-badge.count-warning.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{background:#fee2e2;color:#991b1b}.loading-state.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state.svelte-13rczbz .material-symbols-outlined.svelte-13rczbz.svelte-13rczbz{font-size:3rem;margin-bottom:1rem;color:#9ca3af;animation:svelte-13rczbz-spin 1s linear infinite}.empty-table.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.empty-table.svelte-13rczbz .material-symbols-outlined.svelte-13rczbz.svelte-13rczbz{font-size:2.5rem;margin-bottom:0.5rem;color:#10b981}.table-wrapper.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.quality-table.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.quality-table.svelte-13rczbz thead.svelte-13rczbz th.svelte-13rczbz{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:0.813rem}.quality-table.svelte-13rczbz tbody.svelte-13rczbz tr.svelte-13rczbz{border-bottom:1px solid #e5e7eb}.quality-table.svelte-13rczbz tbody.svelte-13rczbz tr.svelte-13rczbz:hover{background:#f9fafb}.quality-table.svelte-13rczbz tbody.svelte-13rczbz td.svelte-13rczbz{padding:0.75rem 0.5rem;color:#1f2937}.status-cell.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{font-size:0.75rem;color:#6b7280}@keyframes svelte-13rczbz-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.kpi-table-section.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{margin-bottom:2rem;background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.kpi-table-wrapper.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{overflow-x:auto}.kpi-table.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{width:100%;border-collapse:separate;border-spacing:0;font-size:0.875rem}.kpi-table.svelte-13rczbz thead.svelte-13rczbz th.svelte-13rczbz{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.kpi-table.svelte-13rczbz thead.svelte-13rczbz th.svelte-13rczbz:first-child{width:35%;min-width:300px}.kpi-table.svelte-13rczbz thead.svelte-13rczbz th.svelte-13rczbz:nth-child(2){width:15%;min-width:150px}.kpi-table.svelte-13rczbz thead th.month-header.svelte-13rczbz.svelte-13rczbz{text-align:center;min-width:100px}.kpi-table.svelte-13rczbz tbody.svelte-13rczbz tr.svelte-13rczbz{border-bottom:1px solid #e5e7eb}.kpi-table.svelte-13rczbz tbody.svelte-13rczbz tr.svelte-13rczbz:hover:not(.category-header){background:#f9fafb}.kpi-table.svelte-13rczbz tbody tr.category-header.svelte-13rczbz.svelte-13rczbz{background:#f3f4f6}.kpi-table.svelte-13rczbz tbody.svelte-13rczbz tr.category-header td.svelte-13rczbz{font-weight:600;color:#374151;padding:0.75rem 1rem}.kpi-table.svelte-13rczbz tbody.svelte-13rczbz td.svelte-13rczbz{padding:0.75rem 1rem;color:#1f2937}.kpi-name.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{font-weight:500}.kpi-category.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{color:#6b7280;font-size:0.813rem}.kpi-value.svelte-13rczbz.svelte-13rczbz.svelte-13rczbz{text-align:center;font-weight:500;padding:0.25rem 0.5rem}.invoice-container.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.controls-bar.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-title.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{font-size:1.125rem;font-weight:600;color:#111827}.month-selector.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;align-items:center;gap:0.75rem}.month-selector.svelte-4jz3sv label.svelte-4jz3sv.svelte-4jz3sv{font-size:0.875rem;font-weight:500;color:#374151;white-space:nowrap}.month-dropdown.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{min-width:200px;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;line-height:1.5}.month-dropdown.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.summary-grid.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:1.5rem 0 2rem 0}.summary-card.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease}.summary-card.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.summary-card.svelte-4jz3sv h3.svelte-4jz3sv.svelte-4jz3sv{margin:0 0 0.75rem 0;font-size:0.875rem;font-weight:600;opacity:0.95}.summary-card.svelte-4jz3sv .value.svelte-4jz3sv.svelte-4jz3sv{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.invoice-jobs.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);color:white}.invoice-forecast.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);color:white}.invoice-sell.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:linear-gradient(135deg, #059669 0%, #047857 100%);color:white}.invoice-variance.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);color:white}.loading-state.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-state.svelte-4jz3sv .material-symbols-outlined.svelte-4jz3sv.svelte-4jz3sv{font-size:3rem;margin-bottom:1rem;color:#9ca3af;animation:svelte-4jz3sv-spin 1s linear infinite}.table-wrapper.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;min-height:600px}.invoice-table.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.invoice-table.svelte-4jz3sv thead.svelte-4jz3sv th.svelte-4jz3sv{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;vertical-align:top}.invoice-table.svelte-4jz3sv thead th.th-right.svelte-4jz3sv.svelte-4jz3sv{text-align:right}.invoice-table.svelte-4jz3sv thead th.th-right .column-label.svelte-4jz3sv.svelte-4jz3sv{text-align:right}.column-label.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:block;font-size:0.75rem;color:#6b7280;margin-bottom:0.375rem;font-weight:500}.sortable.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:hover{background:#e5e7eb !important}.sort-indicator.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{margin-left:0.25rem;color:#8B5CF6;font-weight:700}.invoice-table.svelte-4jz3sv thead th.th-right .sort-indicator.svelte-4jz3sv.svelte-4jz3sv{margin-left:0.25rem;margin-right:0}.header-filter.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{width:100%;padding:0.375rem 0.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:0.813rem;background:white;margin-top:0.25rem}.header-filter.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1)}.invoice-table.svelte-4jz3sv tbody.svelte-4jz3sv tr.svelte-4jz3sv{border-bottom:1px solid #e5e7eb}.invoice-table.svelte-4jz3sv tbody.svelte-4jz3sv tr.svelte-4jz3sv:hover{background:#f9fafb}.invoice-table.svelte-4jz3sv tbody.svelte-4jz3sv td.svelte-4jz3sv{padding:0.75rem 0.5rem;color:#1f2937}.empty-row.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:center;padding:3rem 2rem !important;color:#6b7280}.empty-row.svelte-4jz3sv .material-symbols-outlined.svelte-4jz3sv.svelte-4jz3sv{font-size:2.5rem;margin-bottom:0.5rem;color:#10b981}.date-cell.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:center;font-size:0.813rem}.currency-cell.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:right;font-family:'Courier New', monospace;font-weight:500}.variance-cell.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:right}.variance-value.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{font-family:'Courier New', monospace;font-weight:600;font-size:0.875rem}.variance-percent.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{font-size:0.75rem;margin-top:0.25rem;display:block;font-style:normal}.variance-overrun.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{color:#dc2626}.variance-savings.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{color:#16a34a}.variance-neutral.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{color:#6b7280}.overrun-cell.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:center;white-space:nowrap}.overrun-badge.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:#fee2e2;color:#991b1b;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;white-space:nowrap;display:inline-block}.no-overrun-badge.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:#d1fae5;color:#065f46;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;white-space:nowrap;display:inline-block}.pagination-wrapper.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;align-items:center;min-width:240px}.result-info.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.pagination-center.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv:disabled{opacity:0.4;cursor:not-allowed}.page-numbers.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;gap:0.25rem;align-items:center}.page-number-btn.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{min-width:2.5rem;height:2.5rem;padding:0.5rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-number-btn.active.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{background:#8B5CF6;border-color:#8B5CF6;color:white;font-weight:600}.page-ellipsis.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{padding:0 0.5rem;color:#9ca3af}.pagination-right.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280;white-space:nowrap}.separator.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{color:#d1d5db;font-weight:300;margin:0 0.25rem}.page-size-select.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{padding:0.5rem 2.75rem 0.5rem 0.75rem !important}.jump-input.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{width:4rem;padding:0.5rem 0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;text-align:center;font-weight:500;line-height:1.5}.jump-btn.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{padding:0.5rem 0.875rem;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:0.875rem;font-weight:500;color:white;cursor:pointer;transition:all 0.15s;line-height:1.5}@keyframes svelte-4jz3sv-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.kpi-table-section.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{margin-bottom:2rem;background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.kpi-table-wrapper.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{overflow-x:auto}.kpi-table.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{width:100%;border-collapse:separate;border-spacing:0;font-size:0.875rem}.kpi-table.svelte-4jz3sv thead.svelte-4jz3sv th.svelte-4jz3sv{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.kpi-table.svelte-4jz3sv thead.svelte-4jz3sv th.svelte-4jz3sv:first-child{width:35%;min-width:300px}.kpi-table.svelte-4jz3sv thead.svelte-4jz3sv th.svelte-4jz3sv:nth-child(2){width:15%;min-width:150px}.kpi-table.svelte-4jz3sv thead th.month-header.svelte-4jz3sv.svelte-4jz3sv{text-align:center;min-width:100px}.kpi-table.svelte-4jz3sv tbody.svelte-4jz3sv tr.svelte-4jz3sv{border-bottom:1px solid #e5e7eb}.kpi-table.svelte-4jz3sv tbody.svelte-4jz3sv tr.svelte-4jz3sv:hover:not(.category-header){background:#f9fafb}.kpi-table.svelte-4jz3sv tbody tr.category-header.svelte-4jz3sv.svelte-4jz3sv{background:#f3f4f6}.kpi-table.svelte-4jz3sv tbody.svelte-4jz3sv tr.category-header td.svelte-4jz3sv{font-weight:600;color:#374151;padding:0.75rem 1rem}.kpi-table.svelte-4jz3sv tbody.svelte-4jz3sv td.svelte-4jz3sv{padding:0.75rem 1rem;color:#1f2937}.kpi-name.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{font-weight:500}.kpi-category.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{color:#6b7280;font-size:0.813rem}.kpi-value.svelte-4jz3sv.svelte-4jz3sv.svelte-4jz3sv{text-align:center;font-weight:500;padding:0.25rem 0.5rem}.upcoming-works-container.svelte-1lwx98y.svelte-1lwx98y{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.month-tabs.svelte-1lwx98y.svelte-1lwx98y{display:flex;gap:0.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e67e22;padding-bottom:0}.month-tab.svelte-1lwx98y.svelte-1lwx98y{padding:0.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:0.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.2s;margin-bottom:-2px;position:relative}.month-tab.svelte-1lwx98y.svelte-1lwx98y:hover{color:#374151;background:#f9fafb}.month-tab.active.svelte-1lwx98y.svelte-1lwx98y{color:#e67e22;border-bottom-color:#e67e22;font-weight:600}.month-tab.svelte-1lwx98y.svelte-1lwx98y:focus{outline:none;box-shadow:0 0 0 3px rgba(230, 126, 34, 0.1)}.table-wrapper.svelte-1lwx98y.svelte-1lwx98y{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;position:relative;min-height:1100px}.works-table.svelte-1lwx98y.svelte-1lwx98y{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.works-table.svelte-1lwx98y thead th.svelte-1lwx98y{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;vertical-align:top}.works-table.svelte-1lwx98y thead th.th-right.svelte-1lwx98y{text-align:right}.works-table.svelte-1lwx98y thead th.th-right .column-label.svelte-1lwx98y{text-align:right}.column-label.svelte-1lwx98y.svelte-1lwx98y{display:block;font-size:0.75rem;color:#6b7280;margin-bottom:0.375rem;font-weight:500}.header-filter.svelte-1lwx98y.svelte-1lwx98y{width:100%;padding:0.375rem 0.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:0.813rem;background:white;margin-top:0.25rem}.header-filter.svelte-1lwx98y.svelte-1lwx98y:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1)}.header-filter.svelte-1lwx98y.svelte-1lwx98y::-moz-placeholder{color:#9ca3af;font-size:0.75rem}.header-filter.svelte-1lwx98y.svelte-1lwx98y::placeholder{color:#9ca3af;font-size:0.75rem}.works-table.svelte-1lwx98y tbody tr.svelte-1lwx98y{border-bottom:1px solid #e5e7eb}.works-table.svelte-1lwx98y tbody tr.svelte-1lwx98y:hover{background:#f9fafb}.works-table.svelte-1lwx98y tbody td.svelte-1lwx98y{padding:0.75rem 0.5rem;color:#1f2937}.currency-cell.svelte-1lwx98y.svelte-1lwx98y{text-align:right;font-family:'Courier New', monospace;font-weight:500}.loading-state.svelte-1lwx98y.svelte-1lwx98y{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}.empty-state.svelte-1lwx98y.svelte-1lwx98y{padding:4rem 2rem;text-align:center;color:#6b7280}.total-row.svelte-1lwx98y.svelte-1lwx98y{font-weight:600;background:#f9fafb}.total-row.svelte-1lwx98y td.svelte-1lwx98y{padding:0.75rem 0.5rem}.currency-total.svelte-1lwx98y.svelte-1lwx98y{text-align:right;font-family:'Courier New', monospace;font-weight:700}.pagination-wrapper.svelte-1lwx98y.svelte-1lwx98y{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-1lwx98y.svelte-1lwx98y{display:flex;align-items:center;min-width:240px}.result-info.svelte-1lwx98y.svelte-1lwx98y{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.page-size-select.svelte-1lwx98y.svelte-1lwx98y{padding:0.5rem 2.75rem 0.5rem 0.75rem !important}.pagination-center.svelte-1lwx98y.svelte-1lwx98y{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-1lwx98y.svelte-1lwx98y{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-1lwx98y.svelte-1lwx98y:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-1lwx98y.svelte-1lwx98y:disabled{opacity:0.4;cursor:not-allowed}.page-numbers.svelte-1lwx98y.svelte-1lwx98y{display:flex;gap:0.25rem;align-items:center}.page-number-btn.svelte-1lwx98y.svelte-1lwx98y{min-width:2.5rem;height:2.5rem;padding:0.5rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center}.page-number-btn.svelte-1lwx98y.svelte-1lwx98y:hover:not(.active){background:#f3f4f6;border-color:#9ca3af}.page-number-btn.active.svelte-1lwx98y.svelte-1lwx98y{background:#8B5CF6;border-color:#8B5CF6;color:white;font-weight:600}.page-ellipsis.svelte-1lwx98y.svelte-1lwx98y{padding:0 0.5rem;color:#9ca3af}.pagination-right.svelte-1lwx98y.svelte-1lwx98y{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280;white-space:nowrap}.pagination-right.svelte-1lwx98y .separator.svelte-1lwx98y{color:#d1d5db;font-weight:300;margin:0 0.25rem}.pagination-right.svelte-1lwx98y label.svelte-1lwx98y{white-space:nowrap;line-height:1.5;margin:0;padding:0}.jump-input.svelte-1lwx98y.svelte-1lwx98y{width:4rem;padding:0.5rem 0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;text-align:center;font-weight:500;line-height:1.5}.jump-input.svelte-1lwx98y.svelte-1lwx98y:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.jump-btn.svelte-1lwx98y.svelte-1lwx98y{padding:0.5rem 0.875rem;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:0.875rem;font-weight:500;color:white;cursor:pointer;transition:all 0.15s;line-height:1.5}.jump-btn.svelte-1lwx98y.svelte-1lwx98y:hover{background:#7c4ee4;border-color:#7c4ee4}.jump-btn.svelte-1lwx98y.svelte-1lwx98y:active{background:#6b42c6;border-color:#6b42c6}@media(max-width: 768px){.pagination-wrapper.svelte-1lwx98y.svelte-1lwx98y{flex-direction:column;align-items:stretch;gap:1rem}.pagination-center.svelte-1lwx98y.svelte-1lwx98y,.pagination-right.svelte-1lwx98y.svelte-1lwx98y{justify-content:center}}.late-jobs-container.svelte-swx98f{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.summary-stats.svelte-swx98f{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:6px;flex-wrap:wrap}.stat-item.svelte-swx98f{display:flex;flex-direction:column}.stat-label.svelte-swx98f{font-size:0.875rem;color:#6b7280}.stat-value.svelte-swx98f{font-size:1.5rem;font-weight:700;color:#111827}.days-critical{color:#991b1b;font-weight:700}.days-warning{color:#92400e;font-weight:600}.days-caution{color:#854d0e;font-weight:500}.compliance-chip{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.compliance-late{background:#fee2e2;color:#991b1b}.compliance-compliant{background:#d1fae5;color:#065f46}.filters-row.svelte-swx98f{display:flex;justify-content:flex-end;margin-bottom:1rem}.filter-control.svelte-swx98f{min-width:220px}.loading-state.svelte-swx98f{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}.empty-state.svelte-swx98f{padding:4rem 2rem;text-align:center;color:#6b7280}.late-jobs-container.svelte-1wqbncg.svelte-1wqbncg{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.summary-grid.svelte-1wqbncg.svelte-1wqbncg{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin:1.5rem 0 2rem 0}.summary-card.svelte-1wqbncg.svelte-1wqbncg{padding:1.25rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease;background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)}.summary-card.svelte-1wqbncg.svelte-1wqbncg:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.summary-card.svelte-1wqbncg h3.svelte-1wqbncg{margin:0 0 0.5rem 0;font-size:0.813rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px}.summary-card.svelte-1wqbncg .value.svelte-1wqbncg{font-size:2rem;font-weight:700;margin:0;line-height:1;color:#111827}.summary-card.total.svelte-1wqbncg.svelte-1wqbncg{background:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);color:white}.summary-card.total.svelte-1wqbncg h3.svelte-1wqbncg{color:rgba(255, 255, 255, 0.9)}.summary-card.total.svelte-1wqbncg .value.svelte-1wqbncg{color:white}.summary-card.late.svelte-1wqbncg.svelte-1wqbncg{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:white}.summary-card.late.svelte-1wqbncg h3.svelte-1wqbncg{color:rgba(255, 255, 255, 0.9)}.summary-card.late.svelte-1wqbncg .value.svelte-1wqbncg{color:white}.summary-card.on-time.svelte-1wqbncg.svelte-1wqbncg{background:linear-gradient(135deg, #10b981 0%, #059669 100%);color:white}.summary-card.on-time.svelte-1wqbncg h3.svelte-1wqbncg{color:rgba(255, 255, 255, 0.9)}.summary-card.on-time.svelte-1wqbncg .value.svelte-1wqbncg{color:white}.days-critical{color:#991b1b;font-weight:700}.days-warning{color:#92400e;font-weight:600}.days-caution{color:#854d0e;font-weight:500}.priority-urgent{background:#fee2e2;color:#991b1b;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.priority-level1{background:#fed7aa;color:#92400e;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.priority-level2{background:#fef3c7;color:#854d0e;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.priority-level3{background:#dbeafe;color:#1e40af;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-closed{background:#d1fae5;color:#065f46;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.status-open{background:#fee2e2;color:#991b1b;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;display:inline-flex}.loading-state.svelte-1wqbncg.svelte-1wqbncg{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}.empty-state.svelte-1wqbncg.svelte-1wqbncg{padding:4rem 2rem;text-align:center;color:#6b7280}.table-wrapper.svelte-1wqbncg.svelte-1wqbncg{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.jobs-table.svelte-1wqbncg.svelte-1wqbncg{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.jobs-table.svelte-1wqbncg thead th.svelte-1wqbncg{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:0.813rem}.jobs-table.svelte-1wqbncg tbody tr.svelte-1wqbncg{border-bottom:1px solid #e5e7eb}.jobs-table.svelte-1wqbncg tbody tr.svelte-1wqbncg:hover{background:#f9fafb}.jobs-table.svelte-1wqbncg tbody td.svelte-1wqbncg{padding:0.75rem 0.5rem;color:#1f2937}.pagination-wrapper.svelte-1wqbncg.svelte-1wqbncg{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-1wqbncg.svelte-1wqbncg{display:flex;align-items:center;min-width:240px}.result-info.svelte-1wqbncg.svelte-1wqbncg{font-size:0.875rem;color:#374151;font-weight:500;white-space:nowrap}.page-size-select.svelte-1wqbncg.svelte-1wqbncg{padding:0.5rem 2.75rem 0.5rem 0.75rem !important}.pagination-center.svelte-1wqbncg.svelte-1wqbncg{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-1wqbncg.svelte-1wqbncg{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-1wqbncg.svelte-1wqbncg:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-1wqbncg.svelte-1wqbncg:disabled{opacity:0.4;cursor:not-allowed}.page-numbers.svelte-1wqbncg.svelte-1wqbncg{display:flex;gap:0.25rem;align-items:center}.page-number-btn.svelte-1wqbncg.svelte-1wqbncg{min-width:2.5rem;height:2.5rem;padding:0.5rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center}.page-number-btn.svelte-1wqbncg.svelte-1wqbncg:hover:not(.active){background:#f3f4f6;border-color:#9ca3af}.page-number-btn.active.svelte-1wqbncg.svelte-1wqbncg{background:#8B5CF6;border-color:#8B5CF6;color:white;font-weight:600}.page-ellipsis.svelte-1wqbncg.svelte-1wqbncg{padding:0 0.5rem;color:#9ca3af}.pagination-right.svelte-1wqbncg.svelte-1wqbncg{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280;white-space:nowrap}@media(max-width: 768px){.pagination-wrapper.svelte-1wqbncg.svelte-1wqbncg{flex-direction:column;align-items:stretch;gap:1rem}.pagination-center.svelte-1wqbncg.svelte-1wqbncg,.pagination-right.svelte-1wqbncg.svelte-1wqbncg{justify-content:center}}.minor-works-container.svelte-73ptkq.svelte-73ptkq{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.loading-state.svelte-73ptkq.svelte-73ptkq{display:flex;justify-content:center;align-items:center;padding:4rem;color:#6b7280}@keyframes svelte-73ptkq-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.summary-grid.svelte-73ptkq.svelte-73ptkq{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:2rem}.summary-card.svelte-73ptkq.svelte-73ptkq{padding:1.25rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%)}.summary-card.compliant.svelte-73ptkq.svelte-73ptkq{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%)}.summary-card.non-compliant.svelte-73ptkq.svelte-73ptkq{background:linear-gradient(135deg, #fee2e2 0%, #fecaca 100%)}.summary-card.svelte-73ptkq h3.svelte-73ptkq{font-size:0.875rem;font-weight:600;color:#6b7280;margin:0 0 0.5rem 0}.summary-value.svelte-73ptkq.svelte-73ptkq{font-size:2rem;font-weight:700;color:#111827;margin:0}.summary-percent.svelte-73ptkq.svelte-73ptkq{font-size:0.875rem;color:#6b7280;margin:0.25rem 0 0 0}.table-wrapper.svelte-73ptkq.svelte-73ptkq{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;position:relative;min-height:1100px;margin-bottom:1rem}.jobs-details-table.svelte-73ptkq.svelte-73ptkq{width:100%;border-collapse:collapse;font-size:0.875rem;background:white}.jobs-details-table.svelte-73ptkq thead th.svelte-73ptkq{background:#f3f4f6;padding:0.75rem 0.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;vertical-align:top}.jobs-details-table.svelte-73ptkq thead th.center.svelte-73ptkq{text-align:center}.jobs-details-table.svelte-73ptkq thead th .column-label.svelte-73ptkq{display:block;font-size:0.75rem;color:#6b7280;margin-bottom:0.375rem;font-weight:500}.header-filter.svelte-73ptkq.svelte-73ptkq{width:100%;padding:0.375rem 0.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:0.813rem;background:white;margin-top:0.25rem}.header-filter.svelte-73ptkq.svelte-73ptkq:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1)}.header-filter.svelte-73ptkq.svelte-73ptkq::-moz-placeholder{color:#9ca3af;font-size:0.75rem}.header-filter.svelte-73ptkq.svelte-73ptkq::placeholder{color:#9ca3af;font-size:0.75rem}.header-filter-wrapper.svelte-73ptkq.svelte-73ptkq{margin-top:0.25rem}.jobs-details-table.svelte-73ptkq tbody tr.svelte-73ptkq{border-bottom:1px solid #e5e7eb}.jobs-details-table.svelte-73ptkq tbody tr.svelte-73ptkq:hover{background:#f9fafb}.jobs-details-table.svelte-73ptkq tbody td.svelte-73ptkq{padding:0.75rem 0.5rem;color:#1f2937}.jobs-details-table.svelte-73ptkq tbody td.center.svelte-73ptkq{text-align:center}.description-cell.svelte-73ptkq.svelte-73ptkq{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.days-late.svelte-73ptkq.svelte-73ptkq{font-weight:600}.days-late.days-critical.svelte-73ptkq.svelte-73ptkq{color:#dc2626}.days-late.days-warning.svelte-73ptkq.svelte-73ptkq{color:#f59e0b}.days-late.days-caution.svelte-73ptkq.svelte-73ptkq{color:#eab308}.compliance-badge.svelte-73ptkq.svelte-73ptkq{display:inline-block;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.compliance-badge.compliant.svelte-73ptkq.svelte-73ptkq{background:#d1fae5;color:#065f46}.compliance-badge.non-compliant.svelte-73ptkq.svelte-73ptkq{background:#fee2e2;color:#991b1b}.loading-cell.svelte-73ptkq.svelte-73ptkq,.empty-cell.svelte-73ptkq.svelte-73ptkq{text-align:center;padding:3rem;color:#6b7280}.pagination-wrapper.svelte-73ptkq.svelte-73ptkq{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:2rem;flex-wrap:wrap}.pagination-left.svelte-73ptkq.svelte-73ptkq{min-width:240px}.result-info.svelte-73ptkq.svelte-73ptkq{font-size:0.875rem;color:#374151;font-weight:500}.pagination-center.svelte-73ptkq.svelte-73ptkq{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-73ptkq.svelte-73ptkq,.page-number-btn.svelte-73ptkq.svelte-73ptkq{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-73ptkq.svelte-73ptkq:hover:not(:disabled),.page-number-btn.svelte-73ptkq.svelte-73ptkq:hover{background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-73ptkq.svelte-73ptkq:disabled{opacity:0.4;cursor:not-allowed}.page-number-btn.active.svelte-73ptkq.svelte-73ptkq{background:#8B5CF6;border-color:#8B5CF6;color:white;font-weight:600}.page-numbers.svelte-73ptkq.svelte-73ptkq{display:flex;gap:0.25rem}.page-ellipsis.svelte-73ptkq.svelte-73ptkq{padding:0 0.5rem;color:#9ca3af}.pagination-right.svelte-73ptkq.svelte-73ptkq{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.page-size-select.svelte-73ptkq.svelte-73ptkq{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:linear-gradient(to bottom, #ffffff 0%, #f9fafb 100%);cursor:pointer;font-weight:600;color:#374151}.jump-input.svelte-73ptkq.svelte-73ptkq{width:4rem;padding:0.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;text-align:center}.jump-btn.svelte-73ptkq.svelte-73ptkq{padding:0.5rem 0.875rem;background:#8B5CF6;border:1px solid #8B5CF6;border-radius:6px;font-size:0.875rem;font-weight:500;color:white;cursor:pointer}.jump-btn.svelte-73ptkq.svelte-73ptkq:hover{background:#7c4ee4}.separator.svelte-73ptkq.svelte-73ptkq{color:#d1d5db;margin:0 0.25rem}.work-mgmt-container.svelte-s1ztl9.svelte-s1ztl9{padding:1.5rem}.page-header.svelte-s1ztl9.svelte-s1ztl9{margin-bottom:2rem}.page-header.svelte-s1ztl9 h1.svelte-s1ztl9{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:0.5rem}.section.svelte-s1ztl9.svelte-s1ztl9{margin-bottom:3rem}.section-title.svelte-s1ztl9.svelte-s1ztl9{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:2px solid #e67e22}.section-note.svelte-s1ztl9.svelte-s1ztl9{font-size:0.875rem;color:#6b7280;margin-bottom:1.5rem;font-style:italic}.priority-section.svelte-s1ztl9.svelte-s1ztl9{margin-bottom:2.5rem}.priority-title.svelte-s1ztl9.svelte-s1ztl9{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.kpi-table-section.svelte-s1ztl9.svelte-s1ztl9{margin-bottom:2rem;background:white;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}.kpi-table-wrapper.svelte-s1ztl9.svelte-s1ztl9{overflow-x:auto}.kpi-table.svelte-s1ztl9.svelte-s1ztl9{width:100%;border-collapse:separate;border-spacing:0;font-size:0.875rem}.kpi-table.svelte-s1ztl9 thead th.svelte-s1ztl9{background:#f9fafb;padding:0.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.kpi-table.svelte-s1ztl9 thead th.svelte-s1ztl9:first-child{width:35%;min-width:300px}.kpi-table.svelte-s1ztl9 thead th.svelte-s1ztl9:nth-child(2){width:15%;min-width:150px}.kpi-table.svelte-s1ztl9 thead th.month-header.svelte-s1ztl9{text-align:center;min-width:100px}.kpi-table.svelte-s1ztl9 tbody tr.svelte-s1ztl9{border-bottom:1px solid #e5e7eb}.kpi-table.svelte-s1ztl9 tbody tr.svelte-s1ztl9:hover:not(.category-header){background:#f9fafb}.kpi-table.svelte-s1ztl9 tbody tr.category-header.svelte-s1ztl9{background:#f3f4f6}.kpi-table.svelte-s1ztl9 tbody tr.category-header td.svelte-s1ztl9{font-weight:600;color:#374151;padding:0.75rem 1rem}.kpi-table.svelte-s1ztl9 tbody td.svelte-s1ztl9{padding:0.75rem 1rem;color:#1f2937}.kpi-name.svelte-s1ztl9.svelte-s1ztl9{font-weight:500}.kpi-category.svelte-s1ztl9.svelte-s1ztl9{color:#6b7280;font-size:0.813rem}.kpi-value.svelte-s1ztl9.svelte-s1ztl9{text-align:center;font-weight:500;padding:0.25rem 0.5rem}.report-page.svelte-1hpbfec{padding:2rem;max-width:100%}.controls-section.svelte-1hpbfec{background:white;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1);min-height:72px;display:flex;align-items:center}.tab-navigation.svelte-1hpbfec{display:flex;gap:0.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;overflow-x:auto}.tab-button.svelte-1hpbfec{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.tab-button.svelte-1hpbfec:hover{color:#111827;background:#f9fafb}.tab-button.active.svelte-1hpbfec{color:#635BFF;border-bottom-color:#635BFF;background:#f7f7ff}.tab-icon.svelte-1hpbfec{font-size:1.25rem}.month-selector-container.svelte-1hpbfec{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.selector-left.svelte-1hpbfec{display:flex;align-items:center;gap:1rem}.selector-label.svelte-1hpbfec{font-size:0.875rem;font-weight:500;color:#374151;margin:0;min-width:120px}.month-select.svelte-1hpbfec{padding:0.5rem 2.5rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%);cursor:pointer;font-weight:600;color:#1f2937;width:200px;background-image:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' stroke='%23374151' stroke-width='0.5' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat, no-repeat;background-position:center, right 0.5rem center;background-size:100%, 16px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.08);-webkit-appearance:none;-moz-appearance:none;appearance:none}.month-select.svelte-1hpbfec:hover:not(:disabled){background:linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 100%);border-color:#6b7280}.month-select.svelte-1hpbfec:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.month-select.svelte-1hpbfec:disabled{opacity:0.5;cursor:not-allowed;background:linear-gradient(to bottom, #f9fafb 0%, #f3f4f6 100%)}.disabled-note.svelte-1hpbfec{font-size:0.75rem;color:#6b7280;font-style:italic}.export-button.svelte-1hpbfec{padding:0.5rem 1.5rem;background:#635BFF;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:0.5rem}.export-button.svelte-1hpbfec:hover{background:#5348e6}.export-button.svelte-1hpbfec:active{background:#4239cc}.export-button.svelte-1hpbfec:disabled{opacity:0.6;cursor:not-allowed}.excel-button.svelte-1hpbfec{background:#217346}.excel-button.svelte-1hpbfec:hover:not(:disabled){background:#1a5a36}.excel-button.svelte-1hpbfec:active:not(:disabled){background:#144a2b}@keyframes svelte-1hpbfec-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-state.svelte-1elph9y.svelte-1elph9y,.empty-state.svelte-1elph9y.svelte-1elph9y{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-1elph9y .material-symbols-outlined.svelte-1elph9y,.empty-state.svelte-1elph9y .material-symbols-outlined.svelte-1elph9y{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.spinning.svelte-1elph9y.svelte-1elph9y{animation:svelte-1elph9y-spin 1s linear infinite}@keyframes svelte-1elph9y-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.empty-state.svelte-1elph9y p.svelte-1elph9y{margin:0.5rem 0;color:#6b7280}.empty-state.svelte-1elph9y .text-sm.svelte-1elph9y{font-size:0.875rem;color:#9ca3af}.summary-cards.svelte-1elph9y.svelte-1elph9y{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-bottom:2rem}.card.svelte-1elph9y.svelte-1elph9y{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.card-icon.svelte-1elph9y.svelte-1elph9y{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:8px}.card-icon.svelte-1elph9y .material-symbols-outlined.svelte-1elph9y{font-size:1.75rem}.card-content.svelte-1elph9y.svelte-1elph9y{flex:1}.card-label.svelte-1elph9y.svelte-1elph9y{margin:0;font-size:0.875rem;color:#6b7280;font-weight:500}.card-value.svelte-1elph9y.svelte-1elph9y{margin:0.25rem 0 0 0;font-size:1.5rem;font-weight:700;color:#111827}.table-scroll-container.svelte-1elph9y.svelte-1elph9y{position:relative;background:white;border:1px solid #e5e7eb;border-radius:8px}.scrollbar-top.svelte-1elph9y.svelte-1elph9y,.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y{overflow-x:auto;overflow-y:hidden;height:12px;background:#f1f1f1}.scrollbar-top.svelte-1elph9y.svelte-1elph9y{border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y{border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb}.scrollbar-content.svelte-1elph9y.svelte-1elph9y{height:1px;min-width:4000px}.scrollbar-top.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar,.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar{height:12px}.scrollbar-top.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-track,.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-track{background:#f1f1f1}.scrollbar-top.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb,.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.scrollbar-top.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb:hover,.scrollbar-bottom.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-scroll-wrapper.svelte-1elph9y.svelte-1elph9y{overflow-x:auto;overflow-y:visible;max-width:100%}.table-scroll-wrapper.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar{height:12px}.table-scroll-wrapper.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-track{background:#f1f1f1}.table-scroll-wrapper.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.table-scroll-wrapper.svelte-1elph9y.svelte-1elph9y::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper.svelte-1elph9y.svelte-1elph9y{min-width:100%;display:inline-block}table.svelte-1elph9y.svelte-1elph9y{width:100%;border-collapse:collapse;min-width:4000px}thead.svelte-1elph9y.svelte-1elph9y{background:#f3f4f6}th.svelte-1elph9y.svelte-1elph9y{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-1elph9y.svelte-1elph9y{text-align:right}td.svelte-1elph9y.svelte-1elph9y{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-1elph9y.svelte-1elph9y{text-align:right}td.description.svelte-1elph9y.svelte-1elph9y{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-1elph9y tr.svelte-1elph9y:hover{background:#f9fafb}.job-num.svelte-1elph9y.svelte-1elph9y{font-weight:600;color:#8B5CF6}.job-num-link.svelte-1elph9y.svelte-1elph9y{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-1elph9y.svelte-1elph9y:hover{text-decoration:underline}.job-num-link.svelte-1elph9y .link-icon.svelte-1elph9y{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-1elph9y:hover .link-icon.svelte-1elph9y{opacity:1}.job-type-badge.svelte-1elph9y.svelte-1elph9y{display:inline-block;padding:0.25rem 0.75rem;background:#e5e7eb;color:#374151;border-radius:9999px;font-size:0.75rem;font-weight:500}.job-type-badge.planned.svelte-1elph9y.svelte-1elph9y{background:#dbeafe;color:#1e40af}.claim-badge.svelte-1elph9y.svelte-1elph9y{display:inline-block;padding:0.25rem 0.75rem;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:0.75rem;font-weight:500}.claim-badge.progress.svelte-1elph9y.svelte-1elph9y{background:#d1fae5;color:#065f46}.table-footer.svelte-1elph9y.svelte-1elph9y{padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;margin-top:-1px}.table-footer.svelte-1elph9y p.svelte-1elph9y{margin:0;font-size:0.875rem;color:#6b7280;font-weight:500}.empty-state.error.svelte-1elph9y .material-symbols-outlined.svelte-1elph9y{color:#991b1b}.export-row.svelte-1elph9y.svelte-1elph9y{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.export-dropdown-container.svelte-1elph9y.svelte-1elph9y{position:relative}.export-button.svelte-1elph9y.svelte-1elph9y{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s;white-space:nowrap}.export-button.svelte-1elph9y.svelte-1elph9y:hover{background:#7c4ee4}.export-button.svelte-1elph9y.svelte-1elph9y:active{background:#6b42c6}.export-dropdown.svelte-1elph9y.svelte-1elph9y{position:absolute;top:calc(100% + 0.5rem);right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);min-width:280px;z-index:1000;overflow:hidden}.dropdown-item.svelte-1elph9y.svelte-1elph9y{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;cursor:pointer;transition:background 0.15s;border-bottom:1px solid #f3f4f6}.dropdown-item.svelte-1elph9y.svelte-1elph9y:last-child{border-bottom:none}.dropdown-item.svelte-1elph9y.svelte-1elph9y:hover{background:#f9fafb}.dropdown-item.svelte-1elph9y .material-symbols-outlined.svelte-1elph9y{color:#8B5CF6;margin-top:0.125rem}.dropdown-item-title.svelte-1elph9y.svelte-1elph9y{font-size:0.875rem;font-weight:600;color:#111827;margin-bottom:0.125rem}.dropdown-item-desc.svelte-1elph9y.svelte-1elph9y{font-size:0.75rem;color:#6b7280}@media(max-width: 768px){.summary-cards.svelte-1elph9y.svelte-1elph9y{grid-template-columns:1fr}.table-wrapper.svelte-1elph9y.svelte-1elph9y{overflow-x:scroll}table.svelte-1elph9y.svelte-1elph9y{min-width:900px}}.loading-state.svelte-4q3rog.svelte-4q3rog,.empty-state.svelte-4q3rog.svelte-4q3rog{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-4q3rog .material-symbols-outlined.svelte-4q3rog,.empty-state.svelte-4q3rog .material-symbols-outlined.svelte-4q3rog{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.empty-state.success.svelte-4q3rog .material-symbols-outlined.svelte-4q3rog{color:#065f46}.spinning.svelte-4q3rog.svelte-4q3rog{animation:svelte-4q3rog-spin 1s linear infinite}@keyframes svelte-4q3rog-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.empty-state.svelte-4q3rog p.svelte-4q3rog{margin:0.5rem 0;color:#6b7280}.empty-state.svelte-4q3rog .text-sm.svelte-4q3rog{font-size:0.875rem;color:#9ca3af}.alert-box.svelte-4q3rog.svelte-4q3rog{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px}.alert-box.error.svelte-4q3rog.svelte-4q3rog{background:#fee2e2;border:1px solid #fecaca}.alert-box.svelte-4q3rog .material-symbols-outlined.svelte-4q3rog{color:#991b1b;font-size:1.5rem;flex-shrink:0}.alert-box.svelte-4q3rog strong.svelte-4q3rog{display:block;color:#991b1b;font-size:0.875rem;margin-bottom:0.25rem}.alert-box.svelte-4q3rog p.svelte-4q3rog{margin:0;color:#7f1d1d;font-size:0.875rem}.table-wrapper.svelte-4q3rog.svelte-4q3rog{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}table.svelte-4q3rog.svelte-4q3rog{width:100%;border-collapse:collapse}thead.svelte-4q3rog.svelte-4q3rog{background:#f3f4f6}th.svelte-4q3rog.svelte-4q3rog{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-4q3rog.svelte-4q3rog{text-align:right}td.svelte-4q3rog.svelte-4q3rog{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-4q3rog.svelte-4q3rog{text-align:right}td.description.svelte-4q3rog.svelte-4q3rog{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-4q3rog tr.svelte-4q3rog:hover{background:#fef2f2}.job-num.svelte-4q3rog.svelte-4q3rog{font-weight:600;color:#8B5CF6}.job-num-link.svelte-4q3rog.svelte-4q3rog{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-4q3rog.svelte-4q3rog:hover{text-decoration:underline}.job-num-link.svelte-4q3rog .link-icon.svelte-4q3rog{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-4q3rog:hover .link-icon.svelte-4q3rog{opacity:1}.error-text.svelte-4q3rog.svelte-4q3rog{color:#991b1b;font-weight:600}.table-footer.svelte-4q3rog.svelte-4q3rog{padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px}.table-footer.svelte-4q3rog p.svelte-4q3rog{margin:0;font-size:0.875rem;color:#6b7280;font-weight:500}@media(max-width: 768px){.table-wrapper.svelte-4q3rog.svelte-4q3rog{overflow-x:scroll}table.svelte-4q3rog.svelte-4q3rog{min-width:900px}}.loading-state.svelte-19qcjhk.svelte-19qcjhk,.empty-state.svelte-19qcjhk.svelte-19qcjhk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-19qcjhk .material-symbols-outlined.svelte-19qcjhk,.empty-state.svelte-19qcjhk .material-symbols-outlined.svelte-19qcjhk{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.empty-state.success.svelte-19qcjhk .material-symbols-outlined.svelte-19qcjhk{color:#065f46}.spinning.svelte-19qcjhk.svelte-19qcjhk{animation:svelte-19qcjhk-spin 1s linear infinite}@keyframes svelte-19qcjhk-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.empty-state.svelte-19qcjhk p.svelte-19qcjhk{margin:0.5rem 0;color:#6b7280}.empty-state.svelte-19qcjhk .text-sm.svelte-19qcjhk{font-size:0.875rem;color:#9ca3af}.alert-box.svelte-19qcjhk.svelte-19qcjhk{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px}.alert-box.warning.svelte-19qcjhk.svelte-19qcjhk{background:#fef3c7;border:1px solid #fde68a}.alert-box.svelte-19qcjhk .material-symbols-outlined.svelte-19qcjhk{color:#92400e;font-size:1.5rem;flex-shrink:0}.alert-box.svelte-19qcjhk strong.svelte-19qcjhk{display:block;color:#92400e;font-size:0.875rem;margin-bottom:0.25rem}.alert-box.svelte-19qcjhk p.svelte-19qcjhk{margin:0;color:#78350f;font-size:0.875rem}.table-wrapper.svelte-19qcjhk.svelte-19qcjhk{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}table.svelte-19qcjhk.svelte-19qcjhk{width:100%;border-collapse:collapse}thead.svelte-19qcjhk.svelte-19qcjhk{background:#f3f4f6}th.svelte-19qcjhk.svelte-19qcjhk{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-19qcjhk.svelte-19qcjhk{text-align:right}td.svelte-19qcjhk.svelte-19qcjhk{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-19qcjhk.svelte-19qcjhk{text-align:right}td.description.svelte-19qcjhk.svelte-19qcjhk{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-19qcjhk tr.svelte-19qcjhk:hover{background:#fffbeb}.job-num.svelte-19qcjhk.svelte-19qcjhk{font-weight:600;color:#8B5CF6}.job-num-link.svelte-19qcjhk.svelte-19qcjhk{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-19qcjhk.svelte-19qcjhk:hover{text-decoration:underline}.job-num-link.svelte-19qcjhk .link-icon.svelte-19qcjhk{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-19qcjhk:hover .link-icon.svelte-19qcjhk{opacity:1}.warning-text.svelte-19qcjhk.svelte-19qcjhk{color:#92400e;font-weight:600}.table-footer.svelte-19qcjhk.svelte-19qcjhk{padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px}.table-footer.svelte-19qcjhk p.svelte-19qcjhk{margin:0;font-size:0.875rem;color:#6b7280;font-weight:500}@media(max-width: 768px){.table-wrapper.svelte-19qcjhk.svelte-19qcjhk{overflow-x:scroll}table.svelte-19qcjhk.svelte-19qcjhk{min-width:1400px}}.loading-state.svelte-1l3vqos.svelte-1l3vqos,.empty-state.svelte-1l3vqos.svelte-1l3vqos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-1l3vqos .material-symbols-outlined.svelte-1l3vqos,.empty-state.svelte-1l3vqos .material-symbols-outlined.svelte-1l3vqos{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.empty-state.success.svelte-1l3vqos .material-symbols-outlined.svelte-1l3vqos{color:#065f46}.spinning.svelte-1l3vqos.svelte-1l3vqos{animation:svelte-1l3vqos-spin 1s linear infinite}@keyframes svelte-1l3vqos-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.empty-state.svelte-1l3vqos p.svelte-1l3vqos{margin:0.5rem 0;color:#6b7280}.empty-state.svelte-1l3vqos .text-sm.svelte-1l3vqos{font-size:0.875rem;color:#9ca3af}.alert-box.svelte-1l3vqos.svelte-1l3vqos{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px}.alert-box.error.svelte-1l3vqos.svelte-1l3vqos{background:#fee2e2;border:1px solid #fecaca}.alert-box.svelte-1l3vqos .material-symbols-outlined.svelte-1l3vqos{color:#991b1b;font-size:1.5rem;flex-shrink:0}.alert-box.svelte-1l3vqos strong.svelte-1l3vqos{display:block;color:#991b1b;font-size:0.875rem;margin-bottom:0.25rem}.alert-box.svelte-1l3vqos p.svelte-1l3vqos{margin:0;color:#7f1d1d;font-size:0.875rem}.table-wrapper.svelte-1l3vqos.svelte-1l3vqos{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}table.svelte-1l3vqos.svelte-1l3vqos{width:100%;border-collapse:collapse}thead.svelte-1l3vqos.svelte-1l3vqos{background:#f3f4f6}th.svelte-1l3vqos.svelte-1l3vqos{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-1l3vqos.svelte-1l3vqos{text-align:right}td.svelte-1l3vqos.svelte-1l3vqos{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-1l3vqos.svelte-1l3vqos{text-align:right}td.description.svelte-1l3vqos.svelte-1l3vqos{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-1l3vqos tr.svelte-1l3vqos:hover{background:#fef2f2}.job-num.svelte-1l3vqos.svelte-1l3vqos{font-weight:600;color:#8B5CF6}.job-num-link.svelte-1l3vqos.svelte-1l3vqos{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-1l3vqos.svelte-1l3vqos:hover{text-decoration:underline}.job-num-link.svelte-1l3vqos .link-icon.svelte-1l3vqos{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-1l3vqos:hover .link-icon.svelte-1l3vqos{opacity:1}.task-type-badge.svelte-1l3vqos.svelte-1l3vqos{display:inline-block;padding:0.25rem 0.75rem;background:#e5e7eb;color:#374151;border-radius:9999px;font-size:0.75rem;font-weight:500}.task-type-badge.advisory.svelte-1l3vqos.svelte-1l3vqos{background:#dbeafe;color:#1e40af}.error-text.svelte-1l3vqos.svelte-1l3vqos{color:#991b1b;font-weight:600}.table-footer.svelte-1l3vqos.svelte-1l3vqos{padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px}.table-footer.svelte-1l3vqos p.svelte-1l3vqos{margin:0;font-size:0.875rem;color:#6b7280;font-weight:500}@media(max-width: 768px){.table-wrapper.svelte-1l3vqos.svelte-1l3vqos{overflow-x:scroll}table.svelte-1l3vqos.svelte-1l3vqos{min-width:1000px}}.loading-state.svelte-5brr7v.svelte-5brr7v,.empty-state.svelte-5brr7v.svelte-5brr7v{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-5brr7v .material-symbols-outlined.svelte-5brr7v,.empty-state.svelte-5brr7v .material-symbols-outlined.svelte-5brr7v{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.spinning.svelte-5brr7v.svelte-5brr7v{animation:svelte-5brr7v-spin 1s linear infinite}@keyframes svelte-5brr7v-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.filters-row.svelte-5brr7v.svelte-5brr7v{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.filters-group.svelte-5brr7v.svelte-5brr7v{display:flex;flex:1;max-width:800px;gap:1rem;align-items:center}.search-input.svelte-5brr7v.svelte-5brr7v{flex:1;min-width:280px;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.search-input.svelte-5brr7v.svelte-5brr7v:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.checkbox-label.svelte-5brr7v.svelte-5brr7v{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#374151;cursor:pointer;white-space:nowrap}.checkbox-label.svelte-5brr7v input[type="checkbox"].svelte-5brr7v{cursor:pointer}.table-wrapper.svelte-5brr7v.svelte-5brr7v{background:white;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;overflow-x:auto}table.svelte-5brr7v.svelte-5brr7v{width:100%;border-collapse:collapse}thead.svelte-5brr7v.svelte-5brr7v{background:#f3f4f6}th.svelte-5brr7v.svelte-5brr7v{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-5brr7v.svelte-5brr7v{text-align:right}td.svelte-5brr7v.svelte-5brr7v{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-5brr7v.svelte-5brr7v{text-align:right}td.description.svelte-5brr7v.svelte-5brr7v{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-5brr7v tr.svelte-5brr7v:hover{background:#f9fafb}.job-num.svelte-5brr7v.svelte-5brr7v{font-weight:600;color:#8B5CF6}.job-num-link.svelte-5brr7v.svelte-5brr7v{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-5brr7v.svelte-5brr7v:hover{text-decoration:underline}.job-num-link.svelte-5brr7v .link-icon.svelte-5brr7v{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-5brr7v:hover .link-icon.svelte-5brr7v{opacity:1}.issue-badge.svelte-5brr7v.svelte-5brr7v{display:inline-block;padding:0.25rem 0.5rem;border-radius:9999px;font-size:0.7rem;font-weight:500;margin-right:0.25rem}.issue-badge.error.svelte-5brr7v.svelte-5brr7v{background:#fee2e2;color:#991b1b}.issue-badge.warning.svelte-5brr7v.svelte-5brr7v{background:#fef3c7;color:#92400e}.pagination-wrapper.svelte-5brr7v.svelte-5brr7v{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:1rem;flex-wrap:wrap}.pagination-left.svelte-5brr7v.svelte-5brr7v{min-width:240px}.result-info.svelte-5brr7v.svelte-5brr7v{font-size:0.875rem;color:#374151;font-weight:500}.pagination-center.svelte-5brr7v.svelte-5brr7v{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-5brr7v.svelte-5brr7v{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-5brr7v.svelte-5brr7v:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-5brr7v.svelte-5brr7v:disabled{opacity:0.4;cursor:not-allowed}.page-info.svelte-5brr7v.svelte-5brr7v{padding:0 0.5rem;font-size:0.875rem;color:#6b7280}.pagination-right.svelte-5brr7v.svelte-5brr7v{display:flex;align-items:center}.page-size-select.svelte-5brr7v.svelte-5brr7v{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:white;cursor:pointer}.page-size-select.svelte-5brr7v.svelte-5brr7v:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}@media(max-width: 768px){.filters-row.svelte-5brr7v.svelte-5brr7v{flex-direction:column;align-items:stretch}.filters-group.svelte-5brr7v.svelte-5brr7v{flex-direction:column;max-width:100%}.search-input.svelte-5brr7v.svelte-5brr7v{min-width:100%}.table-wrapper.svelte-5brr7v.svelte-5brr7v{overflow-x:scroll}table.svelte-5brr7v.svelte-5brr7v{min-width:1000px}.pagination-wrapper.svelte-5brr7v.svelte-5brr7v{flex-direction:column;align-items:stretch}.pagination-center.svelte-5brr7v.svelte-5brr7v,.pagination-right.svelte-5brr7v.svelte-5brr7v{justify-content:center}}.export-dropdown-container.svelte-1xq9krx.svelte-1xq9krx{position:relative}.export-button.svelte-1xq9krx.svelte-1xq9krx{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s;white-space:nowrap}.export-button.svelte-1xq9krx.svelte-1xq9krx:hover{background:#7c4ee4}.export-dropdown.svelte-1xq9krx.svelte-1xq9krx{position:absolute;top:calc(100% + 0.5rem);right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);min-width:280px;z-index:1000;overflow:hidden}.dropdown-item.svelte-1xq9krx.svelte-1xq9krx{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;cursor:pointer;transition:background 0.15s;border-bottom:1px solid #f3f4f6}.dropdown-item.svelte-1xq9krx.svelte-1xq9krx:last-child{border-bottom:none}.dropdown-item.svelte-1xq9krx.svelte-1xq9krx:hover{background:#f9fafb}.dropdown-item.svelte-1xq9krx .material-symbols-outlined.svelte-1xq9krx{color:#8B5CF6;margin-top:0.125rem}.dropdown-item-title.svelte-1xq9krx.svelte-1xq9krx{font-size:0.875rem;font-weight:600;color:#111827;margin-bottom:0.125rem}.dropdown-item-desc.svelte-1xq9krx.svelte-1xq9krx{font-size:0.75rem;color:#6b7280}.reset-btn.svelte-1xq9krx.svelte-1xq9krx{margin-top:1rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s}.reset-btn.svelte-1xq9krx.svelte-1xq9krx:hover{background:#7c4ee4}.loading-state.svelte-1xq9krx.svelte-1xq9krx,.empty-state.svelte-1xq9krx.svelte-1xq9krx{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state.svelte-1xq9krx .material-symbols-outlined.svelte-1xq9krx,.empty-state.svelte-1xq9krx .material-symbols-outlined.svelte-1xq9krx{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.spinning.svelte-1xq9krx.svelte-1xq9krx{animation:svelte-1xq9krx-spin 1s linear infinite}@keyframes svelte-1xq9krx-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.filters-row.svelte-1xq9krx.svelte-1xq9krx{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.filters-group.svelte-1xq9krx.svelte-1xq9krx{display:flex;flex:1;max-width:800px;gap:1rem;align-items:center}.search-input.svelte-1xq9krx.svelte-1xq9krx{flex:1;min-width:280px;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem}.search-input.svelte-1xq9krx.svelte-1xq9krx:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.checkbox-label.svelte-1xq9krx.svelte-1xq9krx{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#374151;cursor:pointer;white-space:nowrap}.checkbox-label.svelte-1xq9krx input[type="checkbox"].svelte-1xq9krx{cursor:pointer}.table-scroll-container.svelte-1xq9krx.svelte-1xq9krx{position:relative;background:white;border:1px solid #e5e7eb;border-radius:8px}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx,.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx{overflow-x:auto;overflow-y:hidden;height:12px;background:#f1f1f1}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx{border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx{border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb}.scrollbar-content.svelte-1xq9krx.svelte-1xq9krx{height:1px;min-width:3000px}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar,.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar{height:12px}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-track,.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-track{background:#f1f1f1}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb,.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.scrollbar-top.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb:hover,.scrollbar-bottom.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-scroll-wrapper.svelte-1xq9krx.svelte-1xq9krx{overflow-x:auto;overflow-y:visible;max-width:100%}.table-scroll-wrapper.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar{height:12px}.table-scroll-wrapper.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-track{background:#f1f1f1}.table-scroll-wrapper.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.table-scroll-wrapper.svelte-1xq9krx.svelte-1xq9krx::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper.svelte-1xq9krx.svelte-1xq9krx{min-width:100%;display:inline-block}table.svelte-1xq9krx.svelte-1xq9krx{width:100%;border-collapse:collapse;min-width:3000px}thead.svelte-1xq9krx.svelte-1xq9krx{background:#f3f4f6}th.svelte-1xq9krx.svelte-1xq9krx{padding:0.75rem 0.5rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid #e5e7eb}th.right.svelte-1xq9krx.svelte-1xq9krx{text-align:right}td.svelte-1xq9krx.svelte-1xq9krx{padding:0.75rem 0.5rem;font-size:0.875rem;color:#374151;border-bottom:1px solid #f3f4f6}td.right.svelte-1xq9krx.svelte-1xq9krx{text-align:right}td.description.svelte-1xq9krx.svelte-1xq9krx{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody.svelte-1xq9krx tr.svelte-1xq9krx:hover{background:#f9fafb}.job-num.svelte-1xq9krx.svelte-1xq9krx{font-weight:600;color:#8B5CF6}.job-num-link.svelte-1xq9krx.svelte-1xq9krx{display:inline-flex;align-items:center;gap:0.25rem;text-decoration:none;color:inherit}.job-num-link.svelte-1xq9krx.svelte-1xq9krx:hover{text-decoration:underline}.job-num-link.svelte-1xq9krx .link-icon.svelte-1xq9krx{font-size:0.875rem;color:#8B5CF6;opacity:0.7}.job-num-link.svelte-1xq9krx:hover .link-icon.svelte-1xq9krx{opacity:1}.task-type-badge.svelte-1xq9krx.svelte-1xq9krx{display:inline-block;padding:0.25rem 0.75rem;background:#e5e7eb;color:#374151;border-radius:9999px;font-size:0.75rem;font-weight:500}.task-type-badge.advisory.svelte-1xq9krx.svelte-1xq9krx{background:#dbeafe;color:#1e40af}.issue-badge.svelte-1xq9krx.svelte-1xq9krx{display:inline-block;padding:0.25rem 0.5rem;border-radius:9999px;font-size:0.7rem;font-weight:500}.issue-badge.error.svelte-1xq9krx.svelte-1xq9krx{background:#fee2e2;color:#991b1b}.pagination-wrapper.svelte-1xq9krx.svelte-1xq9krx{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;gap:1rem;flex-wrap:wrap}.pagination-left.svelte-1xq9krx.svelte-1xq9krx{min-width:240px}.result-info.svelte-1xq9krx.svelte-1xq9krx{font-size:0.875rem;color:#374151;font-weight:500}.pagination-center.svelte-1xq9krx.svelte-1xq9krx{display:flex;align-items:center;gap:0.5rem}.page-nav-btn.svelte-1xq9krx.svelte-1xq9krx{padding:0.5rem 0.875rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.page-nav-btn.svelte-1xq9krx.svelte-1xq9krx:hover:not(:disabled){background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.page-nav-btn.svelte-1xq9krx.svelte-1xq9krx:disabled{opacity:0.4;cursor:not-allowed}.page-info.svelte-1xq9krx.svelte-1xq9krx{padding:0 0.5rem;font-size:0.875rem;color:#6b7280}.pagination-right.svelte-1xq9krx.svelte-1xq9krx{display:flex;align-items:center}.page-size-select.svelte-1xq9krx.svelte-1xq9krx{padding:0.5rem 2rem 0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:white;cursor:pointer}.page-size-select.svelte-1xq9krx.svelte-1xq9krx:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}@media(max-width: 768px){.filters-row.svelte-1xq9krx.svelte-1xq9krx{flex-direction:column;align-items:stretch}.filters-group.svelte-1xq9krx.svelte-1xq9krx{flex-direction:column;max-width:100%}.search-input.svelte-1xq9krx.svelte-1xq9krx{min-width:100%}.table-wrapper.svelte-1xq9krx.svelte-1xq9krx{overflow-x:scroll}table.svelte-1xq9krx.svelte-1xq9krx{min-width:1000px}.pagination-wrapper.svelte-1xq9krx.svelte-1xq9krx{flex-direction:column;align-items:stretch}.pagination-center.svelte-1xq9krx.svelte-1xq9krx,.pagination-right.svelte-1xq9krx.svelte-1xq9krx{justify-content:center}}.report-page.svelte-l4phgm{padding:2rem;width:100%}.controls-section.svelte-l4phgm{margin-bottom:2rem}.month-selector-container.svelte-l4phgm{display:flex;align-items:center;gap:0.75rem}.selector-label.svelte-l4phgm{font-size:0.875rem;font-weight:600;color:#374151;white-space:nowrap;line-height:1;margin:0;padding:0}.month-select.svelte-l4phgm{width:200px;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;background:white;cursor:pointer}.month-select.svelte-l4phgm:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.tab-navigation.svelte-l4phgm{display:flex;gap:0.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;overflow-x:auto}.tab-button.svelte-l4phgm{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:0.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all 0.15s;white-space:nowrap}.tab-button.svelte-l4phgm:hover{color:#8B5CF6;background:#f9fafb}.tab-button.active.svelte-l4phgm{color:#8B5CF6;border-bottom-color:#8B5CF6}.tab-icon.svelte-l4phgm{font-size:1.25rem}.badge.svelte-l4phgm{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 0.5rem;background:#e5e7eb;color:#374151;border-radius:9999px;font-size:0.75rem;font-weight:600}.badge.alert.svelte-l4phgm{background:#fee2e2;color:#991b1b}@keyframes svelte-l4phgm-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 768px){.report-page.svelte-l4phgm{padding:1rem}.month-selector-container.svelte-l4phgm{flex-direction:column;align-items:stretch}.month-select.svelte-l4phgm{min-width:100%}.tab-navigation.svelte-l4phgm{gap:0.25rem}.tab-button.svelte-l4phgm{padding:0.5rem 0.75rem;font-size:0.75rem}.tab-icon.svelte-l4phgm{font-size:1rem}}.page-container.svelte-zu4bp9.svelte-zu4bp9{max-width:100%;margin:0 auto;padding:24px}.page-header.svelte-zu4bp9.svelte-zu4bp9{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.page-title.svelte-zu4bp9.svelte-zu4bp9{margin:0;font-size:1.875rem;font-weight:700;color:#1f2937}.page-subtitle.svelte-zu4bp9.svelte-zu4bp9{margin:6px 0 0;color:#6b7280;font-size:0.9rem}.header-actions.svelte-zu4bp9.svelte-zu4bp9{display:flex;gap:8px}.action-btn.svelte-zu4bp9.svelte-zu4bp9{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:0.5rem 0.875rem;cursor:pointer;font-weight:600}.action-btn.primary.svelte-zu4bp9.svelte-zu4bp9{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.action-btn.svelte-zu4bp9.svelte-zu4bp9:disabled{opacity:0.5;cursor:not-allowed}.content-card.svelte-zu4bp9.svelte-zu4bp9{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.filters-row.svelte-zu4bp9.svelte-zu4bp9{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.field.svelte-zu4bp9.svelte-zu4bp9{min-width:260px;display:flex;flex-direction:column;gap:6px}.field.svelte-zu4bp9 label.svelte-zu4bp9{font-size:0.8rem;font-weight:600;color:#4b5563}.error-box.svelte-zu4bp9.svelte-zu4bp9{margin-bottom:12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:6px;padding:10px 12px}.loading.svelte-zu4bp9.svelte-zu4bp9{padding:2rem;text-align:center;color:#6b7280;border:1px dashed #e5e7eb;border-radius:8px}.summary-grid.svelte-zu4bp9.svelte-zu4bp9{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:12px;margin-bottom:16px}.summary-card.svelte-zu4bp9.svelte-zu4bp9{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.summary-card.svelte-zu4bp9 .label.svelte-zu4bp9{font-size:0.75rem;color:#6b7280;margin-bottom:4px}.summary-card.svelte-zu4bp9 .value.svelte-zu4bp9{font-size:1.05rem;font-weight:700;color:#111827}.summary-card.svelte-zu4bp9 .sub.svelte-zu4bp9{font-size:0.8rem;color:#6b7280;margin-top:4px}.table-wrapper.svelte-zu4bp9.svelte-zu4bp9{border:1px solid #e5e7eb;border-radius:8px;overflow:auto}.details-table.svelte-zu4bp9.svelte-zu4bp9{width:100%;border-collapse:collapse;min-width:2400px}.details-table.svelte-zu4bp9 thead th.svelte-zu4bp9{background:#f3f4f6;color:#374151;text-align:left;padding:10px;font-size:0.8rem;border-bottom:1px solid #e5e7eb}.details-table.svelte-zu4bp9 tbody td.svelte-zu4bp9{padding:10px;border-bottom:1px solid #f3f4f6;vertical-align:top;font-size:0.85rem;color:#1f2937}.details-table.svelte-zu4bp9 tbody tr.svelte-zu4bp9:hover{background:#faf5ff}.num.svelte-zu4bp9.svelte-zu4bp9{text-align:right;white-space:nowrap}.center-col.svelte-zu4bp9.svelte-zu4bp9{text-align:center !important}.total.svelte-zu4bp9.svelte-zu4bp9{font-weight:700;color:#4c1d95}.group-subbie.svelte-zu4bp9.svelte-zu4bp9{background:#fff2cc !important}.group-labour-a.svelte-zu4bp9.svelte-zu4bp9{background:#e4f0e0 !important}.group-labour-b.svelte-zu4bp9.svelte-zu4bp9{background:#eff6ed !important}.group-subtotal.svelte-zu4bp9.svelte-zu4bp9{background:#d9ead3 !important}.group-total.svelte-zu4bp9.svelte-zu4bp9{background:#cfe2f3 !important}.empty-row.svelte-zu4bp9.svelte-zu4bp9{text-align:center;color:#6b7280;padding:24px !important}.dashboard-container.svelte-d1s29o.svelte-d1s29o{padding:0}.stat-card.svelte-d1s29o.svelte-d1s29o{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all 0.2s ease}.stat-card.svelte-d1s29o.svelte-d1s29o:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.stat-header.svelte-d1s29o.svelte-d1s29o{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.stat-badge.svelte-d1s29o.svelte-d1s29o{padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:700}.stat-badge.warning.svelte-d1s29o.svelte-d1s29o{background-color:#fef3c7;color:#d97706}.stat-badge.alert.svelte-d1s29o.svelte-d1s29o{background-color:#fee2e2;color:#dc2626}.stat-content.svelte-d1s29o.svelte-d1s29o{display:flex;flex-direction:column;gap:0.25rem}.stat-title.svelte-d1s29o.svelte-d1s29o{font-size:0.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.stat-subtitle.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;color:#9ca3af}.section-card.svelte-d1s29o.svelte-d1s29o{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.section-header.svelte-d1s29o.svelte-d1s29o{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title.svelte-d1s29o.svelte-d1s29o{font-size:1.125rem;font-weight:600;color:#111827}.count-badge.svelte-d1s29o.svelte-d1s29o{padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;background-color:#fee2e2;color:#dc2626}.alert-box.svelte-d1s29o.svelte-d1s29o{padding:0.75rem 1rem;border-radius:8px;font-weight:500}.alert-box.warning.svelte-d1s29o.svelte-d1s29o{background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);border-left:4px solid #d97706;color:#92400e}.alert-box.critical.svelte-d1s29o.svelte-d1s29o{background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);border-left:4px solid #dc2626;color:#991b1b}.alert-box.info.svelte-d1s29o.svelte-d1s29o{background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);border-left:4px solid #2563eb;color:#1e40af}.document-card.svelte-d1s29o.svelte-d1s29o{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all 0.2s ease}.document-card.svelte-d1s29o.svelte-d1s29o:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.document-card.pending.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #f59e0b}.document-card.validated.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #10b981}.document-card.rejected.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #ef4444}.document-icon.svelte-d1s29o.svelte-d1s29o{font-size:1.5rem;flex-shrink:0}.document-title.svelte-d1s29o.svelte-d1s29o{font-weight:600;font-size:0.875rem;color:#111827;margin-bottom:0.25rem}.document-meta.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;color:#6b7280;margin-bottom:0.5rem}.document-actions.svelte-d1s29o.svelte-d1s29o{display:flex;gap:0.5rem;margin-top:0.75rem}.action-btn.svelte-d1s29o.svelte-d1s29o{padding:0.375rem 0.75rem;border-radius:6px;font-size:0.75rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s ease}.action-btn.approve.svelte-d1s29o.svelte-d1s29o{background-color:#10b981;color:white}.action-btn.approve.svelte-d1s29o.svelte-d1s29o:hover{background-color:#059669}.action-btn.reject.svelte-d1s29o.svelte-d1s29o{background-color:#ef4444;color:white}.action-btn.reject.svelte-d1s29o.svelte-d1s29o:hover{background-color:#dc2626}.action-btn.view.svelte-d1s29o.svelte-d1s29o{background-color:#f3f4f6;color:#374151}.action-btn.view.svelte-d1s29o.svelte-d1s29o:hover{background-color:#e5e7eb}.expiry-card.svelte-d1s29o.svelte-d1s29o{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0.75rem;cursor:pointer;transition:all 0.2s ease}.expiry-card.svelte-d1s29o.svelte-d1s29o:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.expiry-card.critical.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #dc2626}.expiry-card.warning.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #f59e0b}.expiry-card.info.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #3b82f6}.expiry-icon.svelte-d1s29o.svelte-d1s29o{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.expiry-icon.critical.svelte-d1s29o.svelte-d1s29o{background-color:#fee2e2}.expiry-icon.warning.svelte-d1s29o.svelte-d1s29o{background-color:#fef3c7}.expiry-icon.info.svelte-d1s29o.svelte-d1s29o{background-color:#dbeafe}.expiry-name.svelte-d1s29o.svelte-d1s29o{font-weight:600;font-size:0.875rem;color:#111827;margin-bottom:0.25rem}.expiry-requirement.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem}.expiry-date.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;font-weight:500;font-family:monospace}.expiry-date.expired.svelte-d1s29o.svelte-d1s29o{color:#dc2626}.expiry-date.soon.svelte-d1s29o.svelte-d1s29o{color:#d97706}.expiry-date.upcoming.svelte-d1s29o.svelte-d1s29o{color:#3b82f6}.job-card.svelte-d1s29o.svelte-d1s29o{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0.75rem;cursor:pointer;transition:all 0.2s ease}.job-card.svelte-d1s29o.svelte-d1s29o:hover{background-color:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05)}.job-card.critical.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #dc2626}.job-card.warning.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #f59e0b}.job-card.info.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #3b82f6}.job-icon.svelte-d1s29o.svelte-d1s29o{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.job-icon.critical.svelte-d1s29o.svelte-d1s29o{background-color:#fee2e2}.job-icon.warning.svelte-d1s29o.svelte-d1s29o{background-color:#fef3c7}.job-icon.info.svelte-d1s29o.svelte-d1s29o{background-color:#dbeafe}.job-name.svelte-d1s29o.svelte-d1s29o{font-weight:600;font-size:0.875rem;color:#111827;margin-bottom:0.25rem}.job-meta.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;color:#6b7280;margin-bottom:0.25rem}.job-date.svelte-d1s29o.svelte-d1s29o{font-size:0.75rem;font-weight:500;font-family:monospace}.job-date.critical.svelte-d1s29o.svelte-d1s29o{color:#dc2626}.job-date.warning.svelte-d1s29o.svelte-d1s29o{color:#d97706}.job-date.info.svelte-d1s29o.svelte-d1s29o{color:#3b82f6}.onboarded-section.svelte-d1s29o.svelte-d1s29o{margin-top:2rem}.onboarded-card.svelte-d1s29o.svelte-d1s29o{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.onboarded-header.svelte-d1s29o.svelte-d1s29o{margin-bottom:1rem}.onboarded-title.svelte-d1s29o.svelte-d1s29o{font-size:1rem;font-weight:600;color:#111827;margin-bottom:0.25rem}.onboarded-count.svelte-d1s29o.svelte-d1s29o{font-size:0.875rem;color:#6b7280}.onboarded-search-wrapper.svelte-d1s29o.svelte-d1s29o{margin-bottom:1rem}.onboarded-search-input.svelte-d1s29o.svelte-d1s29o{width:100%;padding:0.75rem 2.5rem 0.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:0.875rem;transition:all 0.2s}.onboarded-search-input.svelte-d1s29o.svelte-d1s29o:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.onboarded-search-icon.svelte-d1s29o.svelte-d1s29o{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-results-dropdown.svelte-d1s29o.svelte-d1s29o{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:10;margin-top:0.5rem;max-height:300px;overflow-y:auto}.search-result-item.svelte-d1s29o.svelte-d1s29o{padding:0.75rem 1rem;cursor:pointer;transition:background-color 0.15s;border-bottom:1px solid #f3f4f6}.search-result-item.svelte-d1s29o.svelte-d1s29o:last-child{border-bottom:none}.search-result-item.svelte-d1s29o.svelte-d1s29o:hover{background-color:#f9fafb}.search-result-item.svelte-d1s29o.svelte-d1s29o:focus{outline:none;background-color:#f3f4f6}.onboarded-footer.svelte-d1s29o.svelte-d1s29o{padding-top:1rem;border-top:1px solid #f3f4f6}.onboarded-link.svelte-d1s29o.svelte-d1s29o{display:inline-block;font-size:0.875rem;color:#8B5CF6;font-weight:500;text-decoration:none;transition:color 0.2s}.onboarded-link.svelte-d1s29o.svelte-d1s29o:hover{color:#7c4ee4;text-decoration:underline}.onboarded-link-disabled.svelte-d1s29o.svelte-d1s29o{display:inline-block;font-size:0.875rem;color:#9ca3af;font-weight:500}.section-header-row.svelte-d1s29o.svelte-d1s29o{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.section-main-title.svelte-d1s29o.svelte-d1s29o{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:0.25rem}.section-subtitle.svelte-d1s29o.svelte-d1s29o{font-size:0.875rem;color:#6b7280}.view-all-link.svelte-d1s29o.svelte-d1s29o{font-size:0.875rem;font-weight:600;color:#8B5CF6;text-decoration:none;display:inline-flex;align-items:center;gap:0.25rem}.view-all-link.svelte-d1s29o.svelte-d1s29o:hover{color:#7c4ee4;text-decoration:underline}.insurance-grid.svelte-d1s29o.svelte-d1s29o{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1rem}.insurance-card.svelte-d1s29o.svelte-d1s29o{background-color:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(15, 23, 42, 0.06)}.insurance-card.svelte-d1s29o.svelte-d1s29o:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15, 23, 42, 0.1)}.insurance-card.expired.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #dc2626}.insurance-card.soon.svelte-d1s29o.svelte-d1s29o{border-left:4px solid #f59e0b}.insurance-icon.svelte-d1s29o.svelte-d1s29o{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.insurance-icon.expired.svelte-d1s29o.svelte-d1s29o{background-color:#fee2e2}.insurance-icon.soon.svelte-d1s29o.svelte-d1s29o{background-color:#fef3c7}.insurance-supplier.svelte-d1s29o.svelte-d1s29o{font-size:1rem;font-weight:600;color:#111827;margin-bottom:0.25rem}.insurance-requirement.svelte-d1s29o.svelte-d1s29o{font-size:0.813rem;color:#4b5563;margin-bottom:0.25rem}.insurance-date.svelte-d1s29o.svelte-d1s29o{font-size:0.813rem;font-family:monospace;font-weight:600;margin-bottom:0.5rem}.insurance-date.expired.svelte-d1s29o.svelte-d1s29o{color:#dc2626}.insurance-date.soon.svelte-d1s29o.svelte-d1s29o{color:#d97706}.insurance-notification-status.svelte-d1s29o.svelte-d1s29o{margin-top:0.5rem}.notification-badge.svelte-d1s29o.svelte-d1s29o{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.notification-badge.svelte-d1s29o .material-symbols-outlined.svelte-d1s29o{font-size:1rem}.notification-badge.notified.svelte-d1s29o.svelte-d1s29o{background-color:#d1fae5;color:#065f46}.notification-badge.pending.svelte-d1s29o.svelte-d1s29o{background-color:#fef3c7;color:#92400e}.empty-insurance-state.svelte-d1s29o.svelte-d1s29o{margin-top:2rem;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center}@media(max-width: 768px){.section-header-row.svelte-d1s29o.svelte-d1s29o{flex-direction:column;align-items:flex-start}}.list-container.svelte-1uqeypy.svelte-1uqeypy{max-width:100%;padding:0;margin:0}.list-container.svelte-1uqeypy h1.svelte-1uqeypy{padding-left:0 !important;margin-left:0 !important;text-align:left !important}.controls-row.svelte-1uqeypy.svelte-1uqeypy{display:flex;align-items:flex-end;gap:0.75rem;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.filters-group.svelte-1uqeypy.svelte-1uqeypy{display:flex;align-items:flex-end;gap:0.75rem;flex:1;flex-wrap:wrap;max-width:1100px}.requirement-type-field.svelte-1uqeypy.svelte-1uqeypy{display:flex;flex-direction:column;gap:0.25rem;min-width:200px}.requirement-type-label.svelte-1uqeypy.svelte-1uqeypy{font-size:0.875rem;font-weight:500;color:#374151}.requirement-type-select.svelte-1uqeypy.svelte-1uqeypy{width:100%;padding:0.5rem 2rem 0.5rem 0.75rem;border-radius:0.5rem;font-size:0.875rem;line-height:1.5}.search-input.svelte-1uqeypy.svelte-1uqeypy{flex:1;min-width:240px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s;background:white}.search-input.svelte-1uqeypy.svelte-1uqeypy:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn-secondary.svelte-1uqeypy.svelte-1uqeypy{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-secondary.svelte-1uqeypy.svelte-1uqeypy:hover{background:#f9fafb;border-color:#9ca3af}.btn-reset-filters.svelte-1uqeypy.svelte-1uqeypy{display:inline-flex;align-items:center;gap:0.375rem;padding:0.625rem 1rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-reset-filters.svelte-1uqeypy.svelte-1uqeypy:hover{background:#f9fafb;border-color:#9ca3af;color:#8b5cf6}.table-container.svelte-1uqeypy.svelte-1uqeypy{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.data-table.svelte-1uqeypy.svelte-1uqeypy{width:100%;border-collapse:collapse}.data-table.svelte-1uqeypy thead.svelte-1uqeypy{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table.svelte-1uqeypy th.svelte-1uqeypy{padding:0.75rem 1rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.data-table.svelte-1uqeypy tbody tr.svelte-1uqeypy{border-bottom:1px solid #f3f4f6;transition:background-color 0.15s}.data-table.svelte-1uqeypy tbody tr.clickable-row.svelte-1uqeypy{cursor:pointer}.data-table.svelte-1uqeypy tbody tr.clickable-row.svelte-1uqeypy:hover{background:#f9fafb}.data-table.svelte-1uqeypy tbody tr.svelte-1uqeypy:focus-visible{outline:2px solid #8b5cf6;outline-offset:-2px}.data-table.svelte-1uqeypy td.svelte-1uqeypy{padding:1rem;font-size:0.875rem;color:#111827}.priority-indicator.svelte-1uqeypy.svelte-1uqeypy{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1rem}.priority-indicator.critical.svelte-1uqeypy.svelte-1uqeypy{background:#fee2e2}.priority-indicator.warning.svelte-1uqeypy.svelte-1uqeypy{background:#fef3c7}.priority-indicator.info.svelte-1uqeypy.svelte-1uqeypy{background:#dbeafe}.priority-indicator.low.svelte-1uqeypy.svelte-1uqeypy{background:#d1fae5}.status-badge.svelte-1uqeypy.svelte-1uqeypy{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge.expired.svelte-1uqeypy.svelte-1uqeypy{background:#fee2e2;color:#991b1b}.status-badge.soon.svelte-1uqeypy.svelte-1uqeypy{background:#fef3c7;color:#92400e}.status-badge.upcoming.svelte-1uqeypy.svelte-1uqeypy{background:#dbeafe;color:#1e40af}.status-badge.valid.svelte-1uqeypy.svelte-1uqeypy{background:#d1fae5;color:#065f46}.loading-state.svelte-1uqeypy.svelte-1uqeypy,.empty-state.svelte-1uqeypy.svelte-1uqeypy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-1uqeypy.svelte-1uqeypy{animation:svelte-1uqeypy-spin 1s linear infinite}@keyframes svelte-1uqeypy-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination-bar.svelte-1uqeypy.svelte-1uqeypy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding:0.75rem 0}.pagination-meta.svelte-1uqeypy.svelte-1uqeypy{font-size:0.875rem;color:#6b7280}.pagination-nav.svelte-1uqeypy.svelte-1uqeypy{display:flex;align-items:center;gap:0.5rem}.pagination-btn.svelte-1uqeypy.svelte-1uqeypy{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.15s}.pagination-btn.svelte-1uqeypy.svelte-1uqeypy:hover:not(:disabled){background:#f9fafb;border-color:#8b5cf6;color:#8b5cf6}.pagination-btn.svelte-1uqeypy.svelte-1uqeypy:disabled{opacity:0.45;cursor:not-allowed}.page-size-wrap.svelte-1uqeypy.svelte-1uqeypy{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#6b7280}.page-size-wrap.svelte-1uqeypy select.svelte-1uqeypy{min-width:5rem}.loading-state.svelte-9x8t6r{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:0.75rem}.spin.svelte-9x8t6r{animation:svelte-9x8t6r-spin 1s linear infinite}@keyframes svelte-9x8t6r-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.view-container.svelte-nbfef2{max-width:1400px;margin:0 auto}.loading-state.svelte-nbfef2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-nbfef2{animation:svelte-nbfef2-spin 1s linear infinite}@keyframes svelte-nbfef2-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.breadcrumb.svelte-nbfef2{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;color:#6b7280}.breadcrumb-link.svelte-nbfef2{display:flex;align-items:center;gap:0.25rem;color:#8B5CF6;background:none;border:none;cursor:pointer;padding:0;font-size:0.875rem;transition:opacity 0.2s}.breadcrumb-link.svelte-nbfef2:hover{opacity:0.8;text-decoration:underline}.breadcrumb-separator.svelte-nbfef2{color:#d1d5db}.breadcrumb-current.svelte-nbfef2{color:#374151;font-weight:500}.header-card.svelte-nbfef2{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;margin-bottom:1.5rem}.cert-title.svelte-nbfef2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.cert-meta.svelte-nbfef2{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:0.875rem;color:#6b7280}.meta-item.svelte-nbfef2{display:flex;align-items:center;gap:0.375rem}.badges-row.svelte-nbfef2{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.status-badge.svelte-nbfef2{display:inline-flex;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600}.status-badge.expired.svelte-nbfef2{background:#fee2e2;color:#991b1b}.status-badge.soon.svelte-nbfef2{background:#fef3c7;color:#92400e}.status-badge.upcoming.svelte-nbfef2{background:#dbeafe;color:#1e40af}.status-badge.valid.svelte-nbfef2{background:#d1fae5;color:#065f46}.priority-badge.svelte-nbfef2{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.875rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.priority-badge.critical.svelte-nbfef2{background:#fee2e2;color:#991b1b}.priority-badge.warning.svelte-nbfef2{background:#fef3c7;color:#92400e}.priority-badge.info.svelte-nbfef2{background:#dbeafe;color:#1e40af}.priority-badge.low.svelte-nbfef2{background:#d1fae5;color:#065f46}.action-buttons-header.svelte-nbfef2{display:flex;gap:0.75rem;flex-wrap:wrap}.content-grid.svelte-nbfef2{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media(max-width: 1024px){.content-grid.svelte-nbfef2{grid-template-columns:1fr}}.main-column.svelte-nbfef2{display:flex;flex-direction:column;gap:1.5rem}.viewer-card.svelte-nbfef2{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.viewer-header.svelte-nbfef2{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.viewer-controls.svelte-nbfef2{display:flex;gap:0.5rem}.viewer-btn.svelte-nbfef2{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:white;border:1px solid #d1d5db;border-radius:0.375rem;cursor:pointer;transition:all 0.2s}.viewer-btn.svelte-nbfef2:hover{background:#f3f4f6}.document-preview.svelte-nbfef2{min-height:600px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.preview-placeholder.svelte-nbfef2{text-align:center;color:#6b7280}.details-card.svelte-nbfef2{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.card-header.svelte-nbfef2{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.card-title.svelte-nbfef2{font-size:1rem;font-weight:600;color:#111827}.card-content.svelte-nbfef2{padding:1.5rem}.detail-section.svelte-nbfef2{margin-bottom:2rem}.detail-section.svelte-nbfef2:last-child{margin-bottom:0}.section-title.svelte-nbfef2{font-size:0.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.info-grid.svelte-nbfef2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item.svelte-nbfef2,.info-item-full.svelte-nbfef2{display:flex;flex-direction:column;gap:0.25rem}.info-item-full.svelte-nbfef2{grid-column:1 / -1}.info-label.svelte-nbfef2{font-size:0.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em}.info-value.svelte-nbfef2{font-weight:500;font-size:0.875rem;color:#111827}.info-value.expired.svelte-nbfef2{color:#dc2626;font-weight:600}.timeline.svelte-nbfef2{position:relative;padding-left:2rem}.timeline.svelte-nbfef2::before{content:'';position:absolute;left:0.5rem;top:0.5rem;bottom:0.5rem;width:2px;background:#e5e7eb}.timeline-item.svelte-nbfef2{position:relative;padding-bottom:1.5rem}.timeline-item.svelte-nbfef2:last-child{padding-bottom:0}.timeline-dot.svelte-nbfef2{position:absolute;left:-1.625rem;top:0.25rem;width:0.75rem;height:0.75rem;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #e5e7eb}.timeline-dot.valid.svelte-nbfef2{background:#10b981}.timeline-dot.expiring.svelte-nbfef2{background:#f59e0b}.timeline-dot.expired.svelte-nbfef2{background:#ef4444}.timeline-content.svelte-nbfef2{background:#f9fafb;padding:0.75rem;border-radius:0.5rem;border:1px solid #e5e7eb}.timeline-title.svelte-nbfef2{font-weight:600;font-size:0.875rem;color:#111827;margin-bottom:0.25rem}.timeline-date.svelte-nbfef2{font-size:0.75rem;color:#6b7280;font-family:monospace}.timeline-details.svelte-nbfef2{font-size:0.75rem;color:#9ca3af;margin-top:0.25rem}.sidebar-column.svelte-nbfef2{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card.svelte-nbfef2{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.5rem}.sidebar-title.svelte-nbfef2{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.person-info.svelte-nbfef2{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.person-avatar.svelte-nbfef2{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg, #8B5CF6 0%, #6366f1 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.person-details.svelte-nbfef2{flex:1}.person-name.svelte-nbfef2{font-weight:600;font-size:0.9375rem;color:#111827;margin-bottom:0.25rem}.person-role.svelte-nbfef2{font-size:0.8125rem;color:#6b7280}.history-list.svelte-nbfef2{display:flex;flex-direction:column;gap:0.75rem}.history-item.svelte-nbfef2{display:flex;align-items:flex-start;gap:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6}.history-item.svelte-nbfef2:last-child{border-bottom:none;padding-bottom:0}.history-icon.svelte-nbfef2{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.history-icon.issued.svelte-nbfef2{background:#10b981}.history-icon.reminder.svelte-nbfef2{background:#f59e0b}.history-icon.expired.svelte-nbfef2{background:#ef4444}.history-icon.renewed.svelte-nbfef2{background:#3b82f6}.history-content.svelte-nbfef2{flex:1}.history-action.svelte-nbfef2{font-weight:600;font-size:0.875rem;color:#111827}.history-details.svelte-nbfef2{font-size:0.75rem;color:#6b7280;margin-top:0.25rem}.related-certs.svelte-nbfef2{display:flex;flex-direction:column;gap:0.75rem}.related-cert.svelte-nbfef2{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem;cursor:pointer;transition:all 0.2s}.related-cert.svelte-nbfef2:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.cert-icon.svelte-nbfef2{width:2.5rem;height:2.5rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:0.75rem;flex-shrink:0}.cert-icon.electrical.svelte-nbfef2{background:#f59e0b}.cert-icon.first-aid.svelte-nbfef2{background:#3b82f6}.cert-icon.confined-spaces.svelte-nbfef2{background:#10b981}.cert-icon.working-heights.svelte-nbfef2{background:#ef4444}.cert-content.svelte-nbfef2{flex:1}.cert-name.svelte-nbfef2{font-weight:500;font-size:0.875rem;color:#111827}.cert-expiry.svelte-nbfef2{font-size:0.75rem;color:#6b7280;margin-top:0.125rem}.reminder-section.svelte-nbfef2{display:flex;flex-direction:column;gap:0.75rem}.reminder-input.svelte-nbfef2{width:100%;padding:0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;color:#111827;font-size:0.875rem;resize:vertical;font-family:inherit}.reminder-input.svelte-nbfef2:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn.svelte-nbfef2{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s}.btn-full.svelte-nbfef2{width:100%;justify-content:center}.btn-primary.svelte-nbfef2{background:linear-gradient(135deg, #8B5CF6 0%, #6366f1 100%);color:white}.btn-primary.svelte-nbfef2:hover{opacity:0.9}.btn-success.svelte-nbfef2{background:#10b981;color:white}.btn-success.svelte-nbfef2:hover{background:#059669}.btn-warning.svelte-nbfef2{background:#f59e0b;color:white}.btn-warning.svelte-nbfef2:hover{background:#d97706}.btn-secondary.svelte-nbfef2{background:white;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-nbfef2:hover{background:#f9fafb}.btn-danger.svelte-nbfef2{background:#dc2626;color:white;border:1px solid #dc2626}.btn-danger.svelte-nbfef2:hover{background:#b91c1c;border-color:#b91c1c}.btn-primary.svelte-nbfef2{background:#8B5CF6;color:white;border:1px solid #8B5CF6}.btn-primary.svelte-nbfef2:hover{background:#7c4ee4;border-color:#7c4ee4}.notification-info-box.svelte-nbfef2{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:0.5rem;margin-top:1rem;font-size:0.875rem;color:#1e40af}.modal-overlay.svelte-nbfef2{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-nbfef2{background:white;border-radius:0.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.modal-title.svelte-nbfef2{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:0.5rem}.modal-text.svelte-nbfef2{font-size:0.875rem;color:#6b7280;margin-bottom:1rem}.modal-actions.svelte-nbfef2{display:flex;gap:0.75rem;justify-content:flex-end;margin-top:1.5rem}.preview-modal-overlay.svelte-nbfef2{background:rgba(0, 0, 0, 0.75)}.preview-modal-content.svelte-nbfef2{background:white;border-radius:0.75rem;max-width:90vw;max-height:90vh;width:1200px;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.preview-modal-header.svelte-nbfef2{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.preview-modal-title.svelte-nbfef2{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.preview-modal-actions.svelte-nbfef2{display:flex;align-items:center;gap:0.75rem}.btn-close-modal.svelte-nbfef2{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:0.375rem;cursor:pointer;color:#6b7280;transition:all 0.2s}.btn-close-modal.svelte-nbfef2:hover{background:#f3f4f6;color:#111827}.preview-modal-body.svelte-nbfef2{flex:1;overflow:hidden;display:flex;flex-direction:column}.document-preview-container.svelte-nbfef2{flex:1;display:flex;align-items:center;justify-content:center;background:#f3f4f6;min-height:600px;padding:2rem;overflow:auto}.certificate-mockup.svelte-nbfef2{width:100%;max-width:800px;background:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.certificate-border.svelte-nbfef2{border:8px solid #d4af37;padding:3rem;background:linear-gradient(to bottom, #fefefe 0%, #fafafa 100%);position:relative}.certificate-border.svelte-nbfef2::before{content:'';position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;border:2px solid #8B5CF6;pointer-events:none}.certificate-header.svelte-nbfef2{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid #8B5CF6}.certificate-logo.svelte-nbfef2{font-size:4rem;margin-bottom:0.5rem}.certificate-title.svelte-nbfef2{font-size:2rem;font-weight:700;color:#1f2937;margin:0.5rem 0;letter-spacing:0.05em}.certificate-subtitle.svelte-nbfef2{font-size:1.25rem;color:#6b7280;font-weight:500;margin-top:0.5rem}.certificate-body.svelte-nbfef2{text-align:center;margin:2rem 0}.certificate-text.svelte-nbfef2{font-size:1rem;color:#374151;margin:0.75rem 0;line-height:1.6}.certificate-name.svelte-nbfef2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:1rem 0;padding:0.5rem 0;border-top:2px solid #e5e7eb;border-bottom:2px solid #e5e7eb}.certificate-course.svelte-nbfef2{font-size:1.25rem;font-weight:600;color:#8B5CF6;margin:1rem 0}.certificate-details.svelte-nbfef2{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:0.5rem;text-align:left}.cert-detail-row.svelte-nbfef2{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid #e5e7eb}.cert-detail-row.svelte-nbfef2:last-child{border-bottom:none}.cert-label.svelte-nbfef2{font-size:0.875rem;color:#6b7280;font-weight:500}.cert-value.svelte-nbfef2{font-size:0.875rem;color:#1f2937;font-weight:600}.certificate-footer.svelte-nbfef2{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb}.certificate-signature.svelte-nbfef2{flex:1;text-align:left}.signature-line.svelte-nbfef2{width:200px;height:1px;background:#1f2937;margin-bottom:0.5rem}.signature-name.svelte-nbfef2{font-size:0.875rem;font-weight:600;color:#1f2937;margin:0.25rem 0}.signature-title.svelte-nbfef2{font-size:0.75rem;color:#6b7280;margin:0}.certificate-seal.svelte-nbfef2{flex:1;text-align:right}.seal-circle.svelte-nbfef2{width:80px;height:80px;border-radius:50%;border:3px solid #8B5CF6;background:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:#8B5CF6;font-weight:700}.form-group.svelte-nbfef2{margin-bottom:1.5rem}.form-label.svelte-nbfef2{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.5rem}.form-input.svelte-nbfef2{width:100%;padding:0.625rem 0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s}.form-input.svelte-nbfef2:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn.svelte-nbfef2:disabled{opacity:0.5;cursor:not-allowed}.empty-notification-state.svelte-nbfef2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.notification-history-list.svelte-nbfef2{display:flex;flex-direction:column;gap:0.75rem}.notification-history-item.svelte-nbfef2{padding:0.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem}.notification-header.svelte-nbfef2{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.notification-type-badge.svelte-nbfef2{display:inline-flex;align-items:center;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600}.notification-type-badge[class*="1st_notification"].svelte-nbfef2{background:#dbeafe;color:#1e40af}.notification-type-badge[class*="2nd_notification"].svelte-nbfef2{background:#fef3c7;color:#92400e}.notification-type-badge[class*="3rd_notification"].svelte-nbfef2{background:#fee2e2;color:#991b1b}.notification-type-badge[class*="expired"].svelte-nbfef2{background:#fee2e2;color:#991b1b}.notification-date.svelte-nbfef2{font-size:0.75rem;color:#6b7280}.notification-details.svelte-nbfef2{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:0.5rem}.notification-status.svelte-nbfef2{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;font-weight:500}.notification-status.sent.svelte-nbfef2{color:#065f46}.notification-status.failed.svelte-nbfef2{color:#991b1b}.notification-status.pending.svelte-nbfef2{color:#92400e}.teams-badge.svelte-nbfef2,.phone-badge.svelte-nbfef2{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:#f3f4f6;border-radius:0.25rem;font-size:0.75rem;color:#374151}.notification-subject.svelte-nbfef2{font-size:0.875rem;color:#374151;font-weight:500}.template-preview.svelte-nbfef2{margin-top:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem}.preview-subject.svelte-nbfef2{margin-bottom:0.75rem;font-size:0.875rem;color:#374151}.preview-body.svelte-nbfef2{font-size:0.875rem;color:#374151}.template-body-preview.svelte-nbfef2{margin-top:0.5rem;padding:0.75rem;background:white;border:1px solid #e5e7eb;border-radius:0.375rem;font-size:0.813rem;white-space:pre-wrap;max-height:300px;overflow-y:auto;font-family:inherit;line-height:1.5}.form-select.svelte-nbfef2{width:100%;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;background:white}.form-select.svelte-nbfef2:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.list-date-range-root.svelte-1e5pmtb{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:200px;max-width:320px}.list-date-range-root.compact-toolbar.svelte-1e5pmtb{min-width:0;max-width:none;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0.5rem}.list-date-preset-wrap.svelte-1e5pmtb{width:100%;max-width:320px}.list-date-preset-wrap.compact-toolbar.svelte-1e5pmtb{width:11.75rem;max-width:100%;flex-shrink:0}.list-date-range-root.compact-toolbar.has-custom-range.svelte-1e5pmtb{width:100%;max-width:42rem}.list-date-label.svelte-1e5pmtb{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:0.03em;margin:0}.custom-date-row.svelte-1e5pmtb{display:flex;align-items:flex-end;gap:0.5rem;width:100%;max-width:28rem;flex-wrap:wrap}.custom-date-row.compact-toolbar.svelte-1e5pmtb{position:static;flex:1 1 auto;width:auto;max-width:none;min-height:2.5rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;flex-wrap:nowrap;margin:0}.custom-date-field.svelte-1e5pmtb{flex:1 1 9.5rem;display:flex;flex-direction:column;gap:4px;min-width:0}.custom-date-field.compact-toolbar.svelte-1e5pmtb{flex-direction:row;align-items:center;gap:0.4rem;flex:1 1 12rem}.custom-date-label.svelte-1e5pmtb{font-size:11px;color:#6b7280;font-weight:500;margin:0}.custom-date-label.compact-toolbar.svelte-1e5pmtb{font-size:12px;line-height:1;color:#6b7280;min-width:2rem;text-transform:none;letter-spacing:0}.date-separator.svelte-1e5pmtb{color:#9ca3af;padding-bottom:0.65rem;flex-shrink:0;align-self:flex-end}.date-separator.compact-toolbar.svelte-1e5pmtb{padding-bottom:0;align-self:center}@media(max-width: 1400px){.list-date-range-root.compact-toolbar.svelte-1e5pmtb{flex-wrap:wrap;align-items:flex-start}.list-date-range-root.compact-toolbar.has-custom-range.svelte-1e5pmtb{max-width:100%}.custom-date-row.compact-toolbar.svelte-1e5pmtb{flex:1 1 100%;width:100%;max-width:28rem;margin-top:0.125rem}}.list-container.svelte-12v2i2t.svelte-12v2i2t{max-width:100%;padding:0;margin:0}.list-container.svelte-12v2i2t h1.svelte-12v2i2t,.documents-page-title.svelte-12v2i2t.svelte-12v2i2t{padding-left:0 !important;margin-left:0 !important;text-indent:0 !important;text-align:left !important}.documents-page-title.svelte-12v2i2t.svelte-12v2i2t{font-size:1.5rem;line-height:2rem;font-weight:700;color:#111827;margin:0 0 1rem 0}.controls-row.svelte-12v2i2t.svelte-12v2i2t{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem}.controls-row-filters.svelte-12v2i2t.svelte-12v2i2t{min-width:0}.filters-group.svelte-12v2i2t.svelte-12v2i2t{display:flex;align-items:center;gap:0.75rem;flex:1;max-width:800px}.filters-group-single-line.svelte-12v2i2t.svelte-12v2i2t{max-width:none;width:100%;min-width:0;flex-wrap:wrap;gap:0.5rem;align-items:center}.filter-ms-wrap.svelte-12v2i2t.svelte-12v2i2t{flex:0 0 auto;width:8.25rem;min-width:7rem}.filter-ms-wrap-types.svelte-12v2i2t.svelte-12v2i2t{width:9.25rem;min-width:8rem}.list-date-filter-slot.svelte-12v2i2t.svelte-12v2i2t{flex:0 1 auto;width:auto;min-width:0;max-width:100%}.filters-group-single-line.svelte-12v2i2t .search-input.svelte-12v2i2t{flex:1 1 11rem;min-width:11rem;max-width:22rem;min-height:2.5rem;box-sizing:border-box}.search-input.svelte-12v2i2t.svelte-12v2i2t{flex:1;min-width:280px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s}.search-input.svelte-12v2i2t.svelte-12v2i2t:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.filter-select.svelte-12v2i2t.svelte-12v2i2t{min-width:140px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;background:white;cursor:pointer;transition:all 0.2s}.filter-select.svelte-12v2i2t.svelte-12v2i2t:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.table-container.svelte-12v2i2t.svelte-12v2i2t{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.data-table.svelte-12v2i2t.svelte-12v2i2t{width:100%;border-collapse:collapse}.data-table.svelte-12v2i2t thead.svelte-12v2i2t{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table.svelte-12v2i2t th.svelte-12v2i2t{padding:0.75rem 1rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.data-table.svelte-12v2i2t th.sortable.svelte-12v2i2t{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table.svelte-12v2i2t th.sortable.svelte-12v2i2t:hover{background:#f3f4f6}.th-content.svelte-12v2i2t.svelte-12v2i2t{display:flex;align-items:center;gap:0.5rem}.sort-icon.svelte-12v2i2t.svelte-12v2i2t{font-size:1rem;color:#8B5CF6}.data-table.svelte-12v2i2t tbody tr.svelte-12v2i2t{border-bottom:1px solid #f3f4f6;transition:background-color 0.15s}.data-table.svelte-12v2i2t tbody tr.clickable-row.svelte-12v2i2t{cursor:pointer}.data-table.svelte-12v2i2t tbody tr.clickable-row.svelte-12v2i2t:hover{background:#f9fafb}.data-table.svelte-12v2i2t tbody tr.clickable-row:hover td.actions-cell.svelte-12v2i2t{background:white}.data-table.svelte-12v2i2t tbody tr.clickable-row.validated.svelte-12v2i2t{opacity:0.7}.data-table.svelte-12v2i2t tbody tr.clickable-row.validated.svelte-12v2i2t:hover{background:transparent;cursor:default}.data-table.svelte-12v2i2t td.svelte-12v2i2t{padding:1rem;font-size:0.875rem;color:#111827}.data-table.svelte-12v2i2t td.actions-cell.svelte-12v2i2t{width:120px;text-align:center;white-space:nowrap}.data-table.svelte-12v2i2t td.actions-cell .action-btn.svelte-12v2i2t{margin:0 0.25rem}.doc-type-cell.svelte-12v2i2t.svelte-12v2i2t{vertical-align:middle}.doc-type-chip.svelte-12v2i2t.svelte-12v2i2t{display:inline-flex;align-items:center;justify-content:center;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600;line-height:1.25;max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.doc-type-chip.certificate.svelte-12v2i2t.svelte-12v2i2t{background:#fef3c7;color:#854d0e;border-color:#fcd34d}.doc-type-chip.trade_certificate.svelte-12v2i2t.svelte-12v2i2t{background:#fef9c3;color:#854d0e;border-color:#fde047}.doc-type-chip.training.svelte-12v2i2t.svelte-12v2i2t{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.doc-type-chip.insurance.svelte-12v2i2t.svelte-12v2i2t{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.doc-type-chip.licence.svelte-12v2i2t.svelte-12v2i2t{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.doc-type-chip.induction.svelte-12v2i2t.svelte-12v2i2t{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.doc-type-chip.company_document.svelte-12v2i2t.svelte-12v2i2t{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.status-badge.svelte-12v2i2t.svelte-12v2i2t{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge.pending.svelte-12v2i2t.svelte-12v2i2t{background:#fef3c7;color:#92400e}.status-badge.validated.svelte-12v2i2t.svelte-12v2i2t{background:#d1fae5;color:#065f46}.status-badge.needs-changes.svelte-12v2i2t.svelte-12v2i2t{background:#fee2e2;color:#991b1b}.status-badge.rejected.svelte-12v2i2t.svelte-12v2i2t{background:#f3f4f6;color:#4b5563}.action-btn.svelte-12v2i2t.svelte-12v2i2t{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:0.375rem;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all 0.2s;flex-shrink:0}.action-btn.approve.svelte-12v2i2t.svelte-12v2i2t{background:#d1fae5;color:#065f46}.action-btn.approve.svelte-12v2i2t.svelte-12v2i2t:hover{background:#10b981;color:white}.action-btn.reject.svelte-12v2i2t.svelte-12v2i2t{background:#fee2e2;color:#991b1b}.action-btn.reject.svelte-12v2i2t.svelte-12v2i2t:hover{background:#ef4444;color:white}.loading-state.svelte-12v2i2t.svelte-12v2i2t,.empty-state.svelte-12v2i2t.svelte-12v2i2t{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-12v2i2t.svelte-12v2i2t{animation:svelte-12v2i2t-spin 1s linear infinite}@keyframes svelte-12v2i2t-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination.svelte-12v2i2t.svelte-12v2i2t{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn.svelte-12v2i2t.svelte-12v2i2t{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;cursor:pointer;transition:all 0.2s}.pagination-btn.svelte-12v2i2t.svelte-12v2i2t:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn.svelte-12v2i2t.svelte-12v2i2t:disabled{opacity:0.5;cursor:not-allowed}.pagination-info.svelte-12v2i2t.svelte-12v2i2t{font-size:0.875rem;color:#6b7280}.btn-reset-filters.svelte-12v2i2t.svelte-12v2i2t{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:0.375rem;padding:0 0.75rem;min-height:2.5rem;box-sizing:border-box;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-reset-filters.svelte-12v2i2t.svelte-12v2i2t:hover{background:#f9fafb;border-color:#9ca3af;color:#8B5CF6}.view-container.svelte-1vddguq.svelte-1vddguq{max-width:1400px;margin:0 auto}.loading-state.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-1vddguq.svelte-1vddguq{animation:svelte-1vddguq-spin 1s linear infinite}@keyframes svelte-1vddguq-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.breadcrumb.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;color:#6b7280}.breadcrumb-link.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.25rem;color:#8B5CF6;background:none;border:none;cursor:pointer;padding:0;font-size:0.875rem;transition:opacity 0.2s}.breadcrumb-link.svelte-1vddguq.svelte-1vddguq:hover{opacity:0.8;text-decoration:underline}.breadcrumb-separator.svelte-1vddguq.svelte-1vddguq{color:#d1d5db}.breadcrumb-current.svelte-1vddguq.svelte-1vddguq{color:#374151;font-weight:500}.radar-doc-notice.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem 1.25rem;margin-bottom:1rem;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:0.75rem;color:#4c1d95}.radar-doc-notice.svelte-1vddguq .material-symbols-outlined.svelte-1vddguq{color:#8b5cf6;flex-shrink:0}.radar-doc-notice-text.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.25rem;font-size:0.875rem;line-height:1.45;flex:1;min-width:0}.radar-open-btn.svelte-1vddguq.svelte-1vddguq{flex-shrink:0;align-self:center}.header-card.svelte-1vddguq.svelte-1vddguq{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;margin-bottom:1.5rem}.doc-title.svelte-1vddguq.svelte-1vddguq{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.doc-meta.svelte-1vddguq.svelte-1vddguq{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:0.875rem;color:#6b7280}.meta-item.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.375rem}.badges-row.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.status-badge.svelte-1vddguq.svelte-1vddguq{display:inline-flex;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600}.status-badge.pending.svelte-1vddguq.svelte-1vddguq{background:#fef3c7;color:#92400e}.status-badge.validated.svelte-1vddguq.svelte-1vddguq{background:#d1fae5;color:#065f46}.status-badge.needs-changes.svelte-1vddguq.svelte-1vddguq{background:#fee2e2;color:#991b1b}.status-badge.rejected.svelte-1vddguq.svelte-1vddguq{background:#f3f4f6;color:#4b5563}.priority-badge.svelte-1vddguq.svelte-1vddguq{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.875rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.priority-badge.high.svelte-1vddguq.svelte-1vddguq{background:#fee2e2;color:#991b1b}.priority-badge.medium.svelte-1vddguq.svelte-1vddguq{background:#fef3c7;color:#92400e}.priority-badge.low.svelte-1vddguq.svelte-1vddguq{background:#dbeafe;color:#1e40af}.action-buttons-header.svelte-1vddguq.svelte-1vddguq{display:flex;gap:0.75rem;flex-wrap:wrap}.content-grid.svelte-1vddguq.svelte-1vddguq{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media(max-width: 1024px){.content-grid.svelte-1vddguq.svelte-1vddguq{grid-template-columns:1fr}}.main-column.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:1.5rem}.viewer-card.svelte-1vddguq.svelte-1vddguq{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.viewer-header.svelte-1vddguq.svelte-1vddguq{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.viewer-controls.svelte-1vddguq.svelte-1vddguq{display:flex;gap:0.5rem}.viewer-btn.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:white;border:1px solid #d1d5db;border-radius:0.375rem;cursor:pointer;transition:all 0.2s}.viewer-btn.svelte-1vddguq.svelte-1vddguq:hover{background:#f3f4f6}.document-preview.svelte-1vddguq.svelte-1vddguq{min-height:600px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.preview-iframe.svelte-1vddguq.svelte-1vddguq{width:100%;min-height:600px;border:none}.preview-placeholder.svelte-1vddguq.svelte-1vddguq{text-align:center;color:#6b7280}.details-card.svelte-1vddguq.svelte-1vddguq{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.card-header.svelte-1vddguq.svelte-1vddguq{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.card-title.svelte-1vddguq.svelte-1vddguq{font-size:1rem;font-weight:600;color:#111827}.card-content.svelte-1vddguq.svelte-1vddguq{padding:1.5rem}.validation-grid.svelte-1vddguq.svelte-1vddguq{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.validation-item.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.5rem}.validation-label.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.validation-value.svelte-1vddguq.svelte-1vddguq{font-size:0.875rem;font-weight:600}.validation-value.clean.svelte-1vddguq.svelte-1vddguq{color:#10b981}.sidebar-column.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card.svelte-1vddguq.svelte-1vddguq{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.5rem}.sidebar-title.svelte-1vddguq.svelte-1vddguq{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.info-list.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.75rem}.info-item-row.svelte-1vddguq.svelte-1vddguq{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6}.info-item-row.svelte-1vddguq.svelte-1vddguq:last-child{border-bottom:none;padding-bottom:0}.info-label.svelte-1vddguq.svelte-1vddguq{font-size:0.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em}.info-value.svelte-1vddguq.svelte-1vddguq{font-weight:500;font-size:0.875rem;color:#111827}.history-list.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.75rem}.history-item.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:flex-start;gap:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6}.history-item.svelte-1vddguq.svelte-1vddguq:last-child{border-bottom:none;padding-bottom:0}.history-icon.svelte-1vddguq.svelte-1vddguq{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.history-icon.upload.svelte-1vddguq.svelte-1vddguq{background:#3b82f6}.history-icon.scan.svelte-1vddguq.svelte-1vddguq{background:#10b981}.history-icon.review.svelte-1vddguq.svelte-1vddguq{background:#f59e0b}.history-icon.approve.svelte-1vddguq.svelte-1vddguq{background:#10b981}.history-content.svelte-1vddguq.svelte-1vddguq{flex:1}.history-action.svelte-1vddguq.svelte-1vddguq{font-weight:600;font-size:0.875rem;color:#111827}.history-details.svelte-1vddguq.svelte-1vddguq{font-size:0.75rem;color:#6b7280;margin-top:0.25rem}.comments-section.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.comment-item.svelte-1vddguq.svelte-1vddguq{padding:0.75rem;background:#f9fafb;border-radius:0.5rem;border:1px solid #e5e7eb}.comment-header.svelte-1vddguq.svelte-1vddguq{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.comment-user.svelte-1vddguq.svelte-1vddguq{font-weight:600;font-size:0.8125rem;color:#111827}.comment-date.svelte-1vddguq.svelte-1vddguq{font-size:0.75rem;color:#9ca3af}.comment-type-badge.svelte-1vddguq.svelte-1vddguq{display:inline-block;font-size:0.65rem;font-weight:500;text-transform:capitalize;padding:0.125rem 0.5rem;border-radius:9999px;margin-bottom:0.25rem;background:#dbeafe;color:#1e40af}.comment-type-badge.rejection.svelte-1vddguq.svelte-1vddguq{background:#fee2e2;color:#991b1b}.comment-type-badge.approval.svelte-1vddguq.svelte-1vddguq{background:#d1fae5;color:#065f46}.comment-type-badge.request_info.svelte-1vddguq.svelte-1vddguq{background:#fef3c7;color:#92400e}.comment-type-badge.request_changes.svelte-1vddguq.svelte-1vddguq{background:#fef3c7;color:#92400e}.comment-type-badge.system.svelte-1vddguq.svelte-1vddguq{background:#f3f4f6;color:#6b7280}.comment-text.svelte-1vddguq.svelte-1vddguq{font-size:0.875rem;color:#374151;line-height:1.5}.comment-form.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.75rem}.comment-input.svelte-1vddguq.svelte-1vddguq{width:100%;padding:0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;color:#111827;font-size:0.875rem;resize:vertical;font-family:inherit}.comment-input.svelte-1vddguq.svelte-1vddguq:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn.svelte-1vddguq.svelte-1vddguq{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s}.btn-full.svelte-1vddguq.svelte-1vddguq{width:100%;justify-content:center}.btn-primary.svelte-1vddguq.svelte-1vddguq{background:linear-gradient(135deg, #8B5CF6 0%, #6366f1 100%);color:white}.btn-primary.svelte-1vddguq.svelte-1vddguq:hover{opacity:0.9}.btn-success.svelte-1vddguq.svelte-1vddguq{background:#10b981;color:white}.btn-success.svelte-1vddguq.svelte-1vddguq:hover{background:#059669}.btn-danger.svelte-1vddguq.svelte-1vddguq{background:#ef4444;color:white}.btn-danger.svelte-1vddguq.svelte-1vddguq:hover{background:#dc2626}.btn-secondary.svelte-1vddguq.svelte-1vddguq{background:white;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-1vddguq.svelte-1vddguq:hover{background:#f9fafb}.modal-overlay.svelte-1vddguq.svelte-1vddguq{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1vddguq.svelte-1vddguq{background:white;border-radius:0.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.modal-title.svelte-1vddguq.svelte-1vddguq{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:0.5rem}.modal-text.svelte-1vddguq.svelte-1vddguq{font-size:0.875rem;color:#6b7280;margin-bottom:1rem}.modal-actions.svelte-1vddguq.svelte-1vddguq{display:flex;gap:0.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-request-info.svelte-1vddguq.svelte-1vddguq{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s;background:#f59e0b;color:white}.btn-request-info.svelte-1vddguq.svelte-1vddguq:hover:not(:disabled){background:#d97706}.btn-request-info.svelte-1vddguq.svelte-1vddguq:disabled{opacity:0.5;cursor:not-allowed}.form-group.svelte-1vddguq.svelte-1vddguq{margin-bottom:1.5rem}.form-label.svelte-1vddguq.svelte-1vddguq{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.5rem}.form-select.svelte-1vddguq.svelte-1vddguq{width:100%;padding:0.625rem 0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;background:white;cursor:pointer;transition:all 0.2s}.form-select.svelte-1vddguq.svelte-1vddguq:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.rejection-reasons.svelte-1vddguq.svelte-1vddguq{margin-bottom:1.5rem}.checkbox-group.svelte-1vddguq.svelte-1vddguq{display:flex;flex-direction:column;gap:0.75rem;margin-top:0.5rem;max-height:200px;overflow-y:auto;padding:0.75rem;background:#f9fafb;border-radius:0.5rem;border:1px solid #e5e7eb}.checkbox-item.svelte-1vddguq.svelte-1vddguq{display:flex;align-items:center;gap:0.75rem;cursor:pointer;font-size:0.875rem;color:#374151}.checkbox-input.svelte-1vddguq.svelte-1vddguq{width:1rem;height:1rem;cursor:pointer;accent-color:#8B5CF6}.btn.svelte-1vddguq.svelte-1vddguq:disabled{opacity:0.5;cursor:not-allowed}.list-container.svelte-1sresrs.svelte-1sresrs{max-width:100%;padding:0;margin:0}.list-container.svelte-1sresrs h1.svelte-1sresrs{padding-left:0;margin-left:0;text-indent:0}.controls-row.svelte-1sresrs.svelte-1sresrs{display:flex;align-items:center;gap:0.75rem;justify-content:space-between;margin-bottom:1.5rem}.filters-group.svelte-1sresrs.svelte-1sresrs{display:flex;align-items:center;gap:0.75rem;flex:1;max-width:800px}.search-input.svelte-1sresrs.svelte-1sresrs{flex:1;min-width:280px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s}.search-input.svelte-1sresrs.svelte-1sresrs:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.filter-select.svelte-1sresrs.svelte-1sresrs{min-width:140px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;background:white;cursor:pointer;transition:all 0.2s}.filter-select.svelte-1sresrs.svelte-1sresrs:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn-secondary.svelte-1sresrs.svelte-1sresrs{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-secondary.svelte-1sresrs.svelte-1sresrs:hover{background:#f9fafb;border-color:#9ca3af}.table-container.svelte-1sresrs.svelte-1sresrs{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.data-table.svelte-1sresrs.svelte-1sresrs{width:100%;border-collapse:collapse}.data-table.svelte-1sresrs thead.svelte-1sresrs{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table.svelte-1sresrs th.svelte-1sresrs{padding:0.75rem 1rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.data-table.svelte-1sresrs th.sortable.svelte-1sresrs{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table.svelte-1sresrs th.sortable.svelte-1sresrs:hover{background:#f3f4f6}.th-content.svelte-1sresrs.svelte-1sresrs{display:flex;align-items:center;gap:0.5rem}.sort-icon.svelte-1sresrs.svelte-1sresrs{font-size:1rem;color:#8B5CF6}.data-table.svelte-1sresrs tbody tr.svelte-1sresrs{border-bottom:1px solid #f3f4f6;transition:background-color 0.15s}.data-table.svelte-1sresrs tbody tr.clickable-row.svelte-1sresrs{cursor:pointer}.data-table.svelte-1sresrs tbody tr.clickable-row.svelte-1sresrs:hover{background:#f9fafb}.data-table.svelte-1sresrs td.svelte-1sresrs{padding:1rem;font-size:0.875rem;color:#111827}.risk-indicator.svelte-1sresrs.svelte-1sresrs{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-size:1rem}.risk-indicator.critical.svelte-1sresrs.svelte-1sresrs{background:#fee2e2}.risk-indicator.warning.svelte-1sresrs.svelte-1sresrs{background:#fef3c7}.risk-indicator.info.svelte-1sresrs.svelte-1sresrs{background:#dbeafe}.risk-indicator.low.svelte-1sresrs.svelte-1sresrs{background:#d1fae5}.issues-badge.svelte-1sresrs.svelte-1sresrs{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.issues-badge.critical.svelte-1sresrs.svelte-1sresrs{background:#fee2e2;color:#991b1b}.issues-badge.warning.svelte-1sresrs.svelte-1sresrs{background:#fef3c7;color:#92400e}.issues-badge.info.svelte-1sresrs.svelte-1sresrs{background:#dbeafe;color:#1e40af}.issues-badge.low.svelte-1sresrs.svelte-1sresrs{background:#d1fae5;color:#065f46}.loading-state.svelte-1sresrs.svelte-1sresrs,.empty-state.svelte-1sresrs.svelte-1sresrs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-1sresrs.svelte-1sresrs{animation:svelte-1sresrs-spin 1s linear infinite}@keyframes svelte-1sresrs-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination.svelte-1sresrs.svelte-1sresrs{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn.svelte-1sresrs.svelte-1sresrs{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;cursor:pointer;transition:all 0.2s}.pagination-btn.svelte-1sresrs.svelte-1sresrs:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn.svelte-1sresrs.svelte-1sresrs:disabled{opacity:0.5;cursor:not-allowed}.pagination-info.svelte-1sresrs.svelte-1sresrs{font-size:0.875rem;color:#6b7280}.btn-reset-filters.svelte-1sresrs.svelte-1sresrs{display:inline-flex;align-items:center;gap:0.375rem;padding:0.625rem 1rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-reset-filters.svelte-1sresrs.svelte-1sresrs:hover{background:#f9fafb;border-color:#9ca3af;color:#8B5CF6}.view-container.svelte-orjazg{max-width:1400px;margin:0 auto}.loading-state.svelte-orjazg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-orjazg{animation:svelte-orjazg-spin 1s linear infinite}@keyframes svelte-orjazg-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.breadcrumb.svelte-orjazg{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;color:#6b7280}.breadcrumb-link.svelte-orjazg{display:flex;align-items:center;gap:0.25rem;color:#8B5CF6;background:none;border:none;cursor:pointer;padding:0;font-size:0.875rem;transition:opacity 0.2s}.breadcrumb-link.svelte-orjazg:hover{opacity:0.8;text-decoration:underline}.breadcrumb-separator.svelte-orjazg{color:#d1d5db}.breadcrumb-current.svelte-orjazg{color:#374151;font-weight:500}.header-card.svelte-orjazg{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;margin-bottom:1.5rem}.job-title.svelte-orjazg{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.job-meta.svelte-orjazg{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:0.875rem;color:#6b7280}.meta-item.svelte-orjazg{display:flex;align-items:center;gap:0.375rem}.badges-row.svelte-orjazg{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.risk-badge.svelte-orjazg{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600}.risk-badge.critical.svelte-orjazg{background:#fee2e2;color:#991b1b}.risk-badge.warning.svelte-orjazg{background:#fef3c7;color:#92400e}.risk-badge.info.svelte-orjazg{background:#dbeafe;color:#1e40af}.risk-badge.low.svelte-orjazg{background:#d1fae5;color:#065f46}.risk-badge-small.svelte-orjazg{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.risk-badge-small.critical.svelte-orjazg{background:#fee2e2;color:#991b1b}.risk-badge-small.warning.svelte-orjazg{background:#fef3c7;color:#92400e}.action-buttons-header.svelte-orjazg{display:flex;gap:0.75rem;flex-wrap:wrap}.content-grid.svelte-orjazg{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media(max-width: 1024px){.content-grid.svelte-orjazg{grid-template-columns:1fr}}.main-column.svelte-orjazg{display:flex;flex-direction:column;gap:1.5rem}.details-card.svelte-orjazg{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.card-header.svelte-orjazg{background:#f9fafb;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.card-title.svelte-orjazg{font-size:1rem;font-weight:600;color:#111827}.card-content.svelte-orjazg{padding:1.5rem}.subcontractor-section.svelte-orjazg{margin-bottom:2rem}.subcontractor-section.svelte-orjazg:last-child{margin-bottom:0}.subcontractor-header.svelte-orjazg{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid #e5e7eb}.subcontractor-name.svelte-orjazg{font-size:1.125rem;font-weight:600;color:#111827}.issue-count.svelte-orjazg{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:600}.issue-count.critical.svelte-orjazg{background:#fee2e2;color:#991b1b}.issue-count.warning.svelte-orjazg{background:#fef3c7;color:#92400e}.btn-link.svelte-orjazg{display:flex;align-items:center;gap:0.25rem;background:none;border:none;color:#8B5CF6;font-size:0.875rem;font-weight:500;cursor:pointer;padding:0.375rem 0.75rem;border-radius:0.375rem;transition:all 0.2s}.btn-link.svelte-orjazg:hover{background:#f3f4f6}.issues-list.svelte-orjazg{display:flex;flex-direction:column;gap:0.75rem}.issue-item.svelte-orjazg{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem}.issue-indicator.svelte-orjazg{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.issue-indicator.expired.svelte-orjazg{background:#fee2e2}.issue-indicator.expiring.svelte-orjazg{background:#fef3c7}.issue-content.svelte-orjazg{flex:1}.issue-type.svelte-orjazg{font-weight:600;font-size:0.875rem;color:#111827;margin-bottom:0.25rem}.issue-detail.svelte-orjazg{font-size:0.75rem;color:#6b7280}.issue-actions.svelte-orjazg{display:flex;gap:0.5rem}.issue-btn.svelte-orjazg{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:white;border:1px solid #d1d5db;border-radius:0.375rem;cursor:pointer;transition:all 0.2s;color:#6b7280}.issue-btn.svelte-orjazg:hover{background:#8B5CF6;border-color:#8B5CF6;color:white}.sidebar-column.svelte-orjazg{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card.svelte-orjazg{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.5rem}.sidebar-title.svelte-orjazg{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.info-list.svelte-orjazg{display:flex;flex-direction:column;gap:0.75rem}.info-item-row.svelte-orjazg{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.75rem;border-bottom:1px solid #f3f4f6}.info-item-row.svelte-orjazg:last-child{border-bottom:none;padding-bottom:0}.info-label.svelte-orjazg{font-size:0.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em}.info-value.svelte-orjazg{font-weight:500;font-size:0.875rem;color:#111827;text-align:right}.timeline-list.svelte-orjazg{display:flex;flex-direction:column;gap:0.75rem}.timeline-item-simple.svelte-orjazg{display:flex;align-items:flex-start;gap:0.75rem}.timeline-dot-simple.svelte-orjazg{width:0.75rem;height:0.75rem;border-radius:50%;margin-top:0.25rem;flex-shrink:0}.timeline-dot-simple.info.svelte-orjazg{background:#3b82f6}.timeline-dot-simple.warning.svelte-orjazg{background:#f59e0b}.timeline-dot-simple.critical.svelte-orjazg{background:#ef4444}.timeline-content-simple.svelte-orjazg{flex:1}.timeline-event.svelte-orjazg{font-size:0.875rem;font-weight:500;color:#111827}.timeline-date.svelte-orjazg{font-size:0.75rem;color:#9ca3af;margin-top:0.125rem}.quick-actions.svelte-orjazg{display:flex;flex-direction:column;gap:0.75rem}.btn.svelte-orjazg{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s}.btn-full.svelte-orjazg{width:100%;justify-content:center}.btn-primary.svelte-orjazg{background:linear-gradient(135deg, #8B5CF6 0%, #6366f1 100%);color:white}.btn-primary.svelte-orjazg:hover{opacity:0.9}.btn-success.svelte-orjazg{background:#10b981;color:white}.btn-success.svelte-orjazg:hover{background:#059669}.btn-warning.svelte-orjazg{background:#f59e0b;color:white}.btn-warning.svelte-orjazg:hover{background:#d97706}.btn-danger.svelte-orjazg{background:#ef4444;color:white}.btn-danger.svelte-orjazg:hover{background:#dc2626}.btn-secondary.svelte-orjazg{background:white;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-orjazg:hover{background:#f9fafb}.modal-overlay.svelte-orjazg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-orjazg{background:white;border-radius:0.75rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1)}.modal-title.svelte-orjazg{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:0.5rem}.modal-text.svelte-orjazg{font-size:0.875rem;color:#6b7280;margin-bottom:1rem}.modal-actions.svelte-orjazg{display:flex;gap:0.75rem;justify-content:flex-end;margin-top:1.5rem}.comment-input.svelte-orjazg{width:100%;padding:0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;color:#111827;font-size:0.875rem;resize:vertical;font-family:inherit}.comment-input.svelte-orjazg:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.list-container.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{max-width:100%;padding:0;margin:0}.list-container.svelte-zyo4u2 h1.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{padding-left:0 !important;margin-left:0 !important;text-indent:0 !important;text-align:left !important}.list-container.svelte-zyo4u2>div.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:first-of-type{padding:0 !important;margin:0 !important}.list-container.svelte-zyo4u2>div.svelte-zyo4u2:first-of-type>div.svelte-zyo4u2.svelte-zyo4u2:first-child{padding:0 !important;margin:0 !important}.list-container.svelte-zyo4u2>div.svelte-zyo4u2:first-of-type>div.svelte-zyo4u2:first-child>h1.svelte-zyo4u2{padding-left:0 !important;margin-left:0 !important;text-indent:0 !important;text-align:left !important}.page-title.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{padding-left:0 !important;margin-left:0 !important;padding-right:0 !important;margin-right:0 !important;text-indent:0 !important;text-align:left !important;display:block !important}.controls-row-filters.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{align-items:center}.controls-row.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;align-items:center;gap:0.75rem;justify-content:flex-start;margin-bottom:1.5rem}.filters-group-registrations.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;flex:1;min-width:0;max-width:100%}.filters-group-registrations.svelte-zyo4u2 .filter-ms-wrap.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{flex:0 0 auto;width:10.5rem;min-width:9.5rem}.list-date-filter-slot.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{flex:0 1 auto;width:auto;min-width:0;max-width:100%}.search-input.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{flex:1;min-width:280px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s}.search-input-registrations.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{flex:1 1 12rem;min-width:11rem;max-width:22rem;min-height:2.5rem;box-sizing:border-box}.search-input.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.filter-select.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{min-width:140px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;background:white;cursor:pointer;transition:all 0.2s}.filter-select.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn-secondary.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-secondary.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#f9fafb;border-color:#9ca3af}.table-container.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.data-table.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{width:100%;border-collapse:collapse}.data-table.svelte-zyo4u2 thead.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table.svelte-zyo4u2 th.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{padding:0.75rem 1rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.data-table.svelte-zyo4u2 th.sortable.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table.svelte-zyo4u2 th.sortable.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#f3f4f6}.th-content.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;align-items:center;gap:0.5rem}.sort-icon.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{font-size:1rem;color:#8B5CF6}.data-table.svelte-zyo4u2 tbody tr.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{border-bottom:1px solid #f3f4f6;transition:background-color 0.15s}.data-table.svelte-zyo4u2 tbody tr.clickable-row.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{cursor:pointer}.data-table.svelte-zyo4u2 tbody tr.clickable-row.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#f9fafb}.data-table.svelte-zyo4u2 tbody tr.clickable-row:hover td.actions-cell.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:white}.data-table.svelte-zyo4u2 td.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{padding:1rem;font-size:0.875rem;color:#111827}.data-table.svelte-zyo4u2 td.actions-cell.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{width:120px;text-align:center;white-space:nowrap}.data-table.svelte-zyo4u2 td.actions-cell .action-btn.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{margin:0 0.25rem}.completeness-bar.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{position:relative;width:100%;height:1.5rem;background:#f3f4f6;border-radius:0.375rem;overflow:hidden}.completeness-fill.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg, #10b981 0%, #059669 100%);transition:width 0.3s ease}.completeness-text.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:0.75rem;font-weight:600;color:#111827;z-index:1}.status-badge.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge.needs-changes.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#fee2e2;color:#991b1b}.status-badge.approved.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#d1fae5;color:#065f46}.status-badge.not-approved.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#f3f4f6;color:#4b5563}.status-badge.new.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2,.status-badge.submitted.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2,.status-badge.pending.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#dbeafe;color:#1e40af}.status-badge.draft.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.status-badge.in-progress.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2,.status-badge.under-review.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#fef3c7;color:#92400e}.status-badge.rejected.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#f3f4f6;color:#4b5563}.status-badge.expired.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#fee2e2;color:#991b1b}.status-badge.archived.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#e5e7eb;color:#374151}.status-badge.inactive.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.action-btn.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:0.375rem;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all 0.2s;flex-shrink:0}.action-btn.approve.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#d1fae5;color:#065f46}.action-btn.approve.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#10b981;color:white}.action-btn.changes.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{background:#fef3c7;color:#92400e}.action-btn.changes.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#f59e0b;color:white}.loading-state.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2,.empty-state.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{animation:svelte-zyo4u2-spin 1s linear infinite}@keyframes svelte-zyo4u2-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;cursor:pointer;transition:all 0.2s}.pagination-btn.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:disabled{opacity:0.5;cursor:not-allowed}.pagination-info.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{font-size:0.875rem;color:#6b7280}.btn-reset-filters.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2{display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;padding:0 1rem;min-height:2.5rem;box-sizing:border-box;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s;flex:0 0 auto}.btn-reset-filters.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2.svelte-zyo4u2:hover{background:#f9fafb;border-color:#9ca3af;color:#8B5CF6}.review-header.svelte-1645ld8.svelte-1645ld8{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 2.5vw, 1.5rem);margin-bottom:0;background:#fff;border:1px solid #e5e7eb}.review-header-main.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;flex:1;min-width:min(100%, 280px)}.review-title-block.svelte-1645ld8.svelte-1645ld8{flex:1;min-width:0;text-align:left}.review-title-block.svelte-1645ld8 .supplier-name.svelte-1645ld8{text-align:left}.supplier-meta--compact.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:0.35rem 0.5rem;font-size:0.8125rem;line-height:1.45}.meta-dot.svelte-1645ld8.svelte-1645ld8{color:#d1d5db;-webkit-user-select:none;-moz-user-select:none;user-select:none}.truncate-email.svelte-1645ld8.svelte-1645ld8{max-width:min(100%, 220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}.header-actions--wrap.svelte-1645ld8.svelte-1645ld8{flex-shrink:0;justify-content:flex-end}.review-tabs.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;margin-left:0;margin-right:0;margin-bottom:0;padding:0.375rem 0 0.75rem;border-bottom:1px solid #e5e7eb}.review-tab.svelte-1645ld8.svelte-1645ld8{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease}.review-tab.svelte-1645ld8.svelte-1645ld8:hover{border-color:#c4b5fd;color:#5b21b6}.review-tab.active.svelte-1645ld8.svelte-1645ld8{background:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(139, 92, 246, 0.35)}.review-tab-badge.svelte-1645ld8.svelte-1645ld8{min-width:1.25rem;height:1.25rem;padding:0 0.35rem;border-radius:9999px;background:rgba(255, 255, 255, 0.25);font-size:0.6875rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.review-tab.svelte-1645ld8:not(.active) .review-tab-badge.svelte-1645ld8{background:#ede9fe;color:#5b21b6}.tab-panel.svelte-1645ld8.svelte-1645ld8{flex:1;min-height:0;animation:svelte-1645ld8-tab-fade 0.25s ease}@keyframes svelte-1645ld8-tab-fade{from{opacity:0.85;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content-grid--single.svelte-1645ld8.svelte-1645ld8{grid-template-columns:1fr !important;gap:clamp(1rem, 2vw, 1.5rem)}.content-grid--single.svelte-1645ld8 .main-column.svelte-1645ld8{max-width:none;margin:0;width:100%}.form-section--compact.svelte-1645ld8.svelte-1645ld8{border-radius:10px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.04)}.section-header--compact.svelte-1645ld8.svelte-1645ld8{padding:0.2rem 0.65rem;min-height:0;align-items:center}.section-header--compact.svelte-1645ld8 .section-title.svelte-1645ld8{font-size:0.9375rem;line-height:1.35;gap:0.4rem}.section-header--compact.svelte-1645ld8 .section-title .material-symbols-outlined.svelte-1645ld8{font-size:1.125rem;width:1.125rem;height:1.125rem;font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24}.section-header--static.svelte-1645ld8.svelte-1645ld8{cursor:default;border-bottom:none}.section-header--static.svelte-1645ld8.svelte-1645ld8:hover{background:#f9fafb}.section-content--compact.svelte-1645ld8.svelte-1645ld8{padding:0.4rem 0.85rem 0.65rem}.form-grid--dense.svelte-1645ld8.svelte-1645ld8{gap:0.65rem 1.1rem}@media(max-width: 640px){.form-grid--dense.svelte-1645ld8.svelte-1645ld8{grid-template-columns:1fr}}.insurance-teaser.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.75rem 1rem;background:linear-gradient(90deg, #faf5ff 0%, #eef2ff 100%);border:1px solid #e9d5ff;border-radius:10px}.insurance-teaser-text.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5rem;font-size:0.875rem}.insurance-workspace.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:2rem;width:100%}.insurance-toolbar.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.125rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.04)}.insurance-toolbar-hint.svelte-1645ld8.svelte-1645ld8{flex:1;min-width:min(100%, 280px);margin:0;font-size:0.8125rem;color:#6b7280;line-height:1.5}.insurance-toolbar-actions.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}.save-msg.svelte-1645ld8.svelte-1645ld8{font-size:0.8125rem;color:#dc2626}.save-msg--ok.svelte-1645ld8.svelte-1645ld8{color:#059669;font-weight:600}.documents-list--workspace.svelte-1645ld8.svelte-1645ld8{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.doc-card--workspace.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.75rem;height:100%;background:#fff;border-radius:10px;padding:1rem 1.125rem;border:1px solid #eef2f7;box-shadow:0 1px 3px rgba(0, 0, 0, 0.06);transition:box-shadow 0.2s ease}.doc-card--workspace.svelte-1645ld8.svelte-1645ld8:hover{box-shadow:0 8px 24px rgba(99, 91, 255, 0.08)}.ins-verify-grid.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:0.75rem}.ins-field.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.25rem;min-width:0}.ins-field--grow.svelte-1645ld8.svelte-1645ld8{grid-column:span 2}@media(max-width: 520px){.ins-field--grow.svelte-1645ld8.svelte-1645ld8{grid-column:span 1}}.ins-field--block.svelte-1645ld8.svelte-1645ld8{width:100%}.ins-label.svelte-1645ld8.svelte-1645ld8{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#6b7280}.ins-input.svelte-1645ld8.svelte-1645ld8,.ins-textarea.svelte-1645ld8.svelte-1645ld8{width:100%;padding:0.5rem 0.625rem;border:1px solid #d1d5db;border-radius:8px;font-size:0.875rem;background:#fff;transition:border-color 0.15s ease, box-shadow 0.15s ease}.ins-input.svelte-1645ld8.svelte-1645ld8:focus,.ins-textarea.svelte-1645ld8.svelte-1645ld8:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.12)}.line-action-row.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;padding-top:0.75rem;margin-top:0.5rem;border-top:1px solid #f3f4f6}.line-action-row--decision.svelte-1645ld8.svelte-1645ld8{background:linear-gradient(180deg, #ffffff 0%, #f8faff 100%);border:1px solid #dbe4f5;border-radius:10px;padding:0.7rem 0.8rem;margin-top:0.65rem}.line-action-row-label.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.125rem;min-width:0}.line-action-row-hint.svelte-1645ld8.svelte-1645ld8{font-size:0.6875rem;color:#b45309;font-weight:500;text-transform:none;letter-spacing:normal}.line-action-row-hint--ok.svelte-1645ld8.svelte-1645ld8{color:#065f46}.insurance-decision-modal.svelte-1645ld8.svelte-1645ld8{max-width:28rem;width:calc(100% - 2rem);padding:1.25rem 1.5rem}.insurance-decision-modal-title.svelte-1645ld8.svelte-1645ld8{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 0.5rem}.insurance-decision-modal-actions.svelte-1645ld8.svelte-1645ld8{display:flex;justify-content:flex-end;gap:0.5rem;flex-wrap:wrap}.ins-decision-meta.svelte-1645ld8.svelte-1645ld8{margin-top:0.375rem;padding:0.375rem 0.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:0.75rem;line-height:1.4}.ins-decision-meta--cover.svelte-1645ld8.svelte-1645ld8{margin-top:0.75rem;margin-bottom:0.25rem}.ins-decision-who-when.svelte-1645ld8.svelte-1645ld8{display:block}.ins-decision-reason.svelte-1645ld8.svelte-1645ld8{margin:0.25rem 0 0;color:#374151;white-space:pre-wrap}.file-verify-row--stacked.svelte-1645ld8.svelte-1645ld8{flex-direction:column;align-items:stretch}.file-verify-row-main.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;align-items:center;gap:0.5rem 0.625rem}@media(max-width: 900px){.file-verify-row-main.svelte-1645ld8.svelte-1645ld8{grid-template-columns:minmax(0, 1fr) auto}.file-action-group.svelte-1645ld8.svelte-1645ld8{grid-column:1 / -1;justify-content:flex-start}}.file-mini-status.svelte-1645ld8.svelte-1645ld8{font-size:0.6875rem;font-weight:600;padding:0.125rem 0.5rem;border-radius:9999px}.file-mini-status--ok.svelte-1645ld8.svelte-1645ld8{background:#d1fae5;color:#065f46}.file-mini-status--no.svelte-1645ld8.svelte-1645ld8{background:#fee2e2;color:#991b1b}.file-mini-status--wait.svelte-1645ld8.svelte-1645ld8{background:#fef3c7;color:#92400e}.btn-group.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center}.btn-group--sm.svelte-1645ld8.svelte-1645ld8{gap:0.25rem}.btn-sm.svelte-1645ld8.svelte-1645ld8{padding:0.45rem 0.85rem;font-size:0.8125rem}.btn-xs.svelte-1645ld8.svelte-1645ld8{padding:0.35rem 0.65rem;font-size:0.75rem;border-radius:6px}.btn--ghost.svelte-1645ld8.svelte-1645ld8{background:#f3f4f6 !important;color:#4b5563 !important;border:1px solid #e5e7eb !important;opacity:0.92}.btn--ghost.svelte-1645ld8.svelte-1645ld8:hover{opacity:1;border-color:#d1d5db !important}.file-verify-list.svelte-1645ld8.svelte-1645ld8{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.45rem}.file-verify-row.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.55rem;padding:0.55rem 0.65rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.file-name-btn.svelte-1645ld8.svelte-1645ld8{text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-status--approved.svelte-1645ld8.svelte-1645ld8{background:#d1fae5;color:#065f46}.doc-status--declined.svelte-1645ld8.svelte-1645ld8{background:#fee2e2;color:#991b1b}.doc-status--pending.svelte-1645ld8.svelte-1645ld8{background:#fef3c7;color:#92400e}.doc-uploads.svelte-1645ld8.svelte-1645ld8{background:#fafbff;border:1px solid #e6eaf2;border-radius:10px;padding:0.75rem 0.8rem}.doc-uploads-title.svelte-1645ld8.svelte-1645ld8{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.72rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:#4b5563;margin-bottom:0.4rem}.doc-uploads-title.svelte-1645ld8 .material-symbols-outlined{color:#6b7280}.decision-actions.svelte-1645ld8 .btn.svelte-1645ld8{min-width:6.4rem;justify-content:center}.file-action-group.svelte-1645ld8 .btn.svelte-1645ld8{min-width:7.25rem;justify-content:center}.staff-table.svelte-1645ld8.svelte-1645ld8{width:100%;border-collapse:collapse;font-size:0.8125rem}.staff-table.svelte-1645ld8 th.svelte-1645ld8,.staff-table.svelte-1645ld8 td.svelte-1645ld8{text-align:left;padding:0.5rem 0.625rem;border-bottom:1px solid #f3f4f6}.staff-table.svelte-1645ld8 th.svelte-1645ld8{font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.04em;color:#6b7280;font-weight:600;background:#fafafa}.staff-table.svelte-1645ld8 tbody tr.svelte-1645ld8:hover{background:#faf5ff}.cell-muted.svelte-1645ld8.svelte-1645ld8{color:#6b7280;word-break:break-word}.chip--tiny.svelte-1645ld8.svelte-1645ld8{padding:0.15rem 0.45rem;font-size:0.6875rem;background:#ede9fe;color:#5b21b6}.chip--contact-type.svelte-1645ld8.svelte-1645ld8{background:#e0e7ff;color:#3730a3;font-weight:600}.declarations-row.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.decl-pill.svelte-1645ld8.svelte-1645ld8{display:inline-flex;padding:0.25rem 0.6rem;border-radius:9999px;font-size:0.75rem;font-weight:600;background:#d1fae5;color:#065f46}.decl-meta.svelte-1645ld8.svelte-1645ld8{font-size:0.75rem;color:#9ca3af;margin-left:0.25rem}.loading-state.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-1645ld8.svelte-1645ld8{animation:svelte-1645ld8-spin 1s linear infinite}@keyframes svelte-1645ld8-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.header-card.svelte-1645ld8.svelte-1645ld8{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:2rem;margin-bottom:1.5rem}.header-top.svelte-1645ld8.svelte-1645ld8{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.supplier-name.svelte-1645ld8.svelte-1645ld8{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:0.5rem}.supplier-meta.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;gap:0.75rem;font-size:0.875rem;color:#6b7280}.header-status.svelte-1645ld8.svelte-1645ld8{flex-shrink:0}.status-badge.svelte-1645ld8.svelte-1645ld8{display:inline-flex;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600}.status-badge.approved.svelte-1645ld8.svelte-1645ld8{background:#d1fae5;color:#065f46}.status-badge.needs-changes.svelte-1645ld8.svelte-1645ld8{background:#fee2e2;color:#991b1b}.status-badge.not-approved.svelte-1645ld8.svelte-1645ld8{background:#f3f4f6;color:#4b5563}.status-badge.new.svelte-1645ld8.svelte-1645ld8,.status-badge.submitted.svelte-1645ld8.svelte-1645ld8,.status-badge.pending.svelte-1645ld8.svelte-1645ld8{background:#dbeafe;color:#1e40af}.status-badge.draft.svelte-1645ld8.svelte-1645ld8{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.status-badge.in-progress.svelte-1645ld8.svelte-1645ld8,.status-badge.under-review.svelte-1645ld8.svelte-1645ld8{background:#fef3c7;color:#92400e}.status-badge.rejected.svelte-1645ld8.svelte-1645ld8{background:#f3f4f6;color:#4b5563}.status-badge.expired.svelte-1645ld8.svelte-1645ld8{background:#fee2e2;color:#991b1b}.status-badge.archived.svelte-1645ld8.svelte-1645ld8{background:#e5e7eb;color:#374151}.status-badge.inactive.svelte-1645ld8.svelte-1645ld8{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.header-actions.svelte-1645ld8.svelte-1645ld8{display:flex;gap:0.75rem;flex-wrap:wrap}.content-grid.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:minmax(0, 1fr) minmax(260px, min(32vw, 380px));gap:clamp(1rem, 2.2vw, 1.75rem);align-items:start}@media(max-width: 1024px){.content-grid.svelte-1645ld8.svelte-1645ld8:not(.content-grid--single){grid-template-columns:1fr}}.main-column.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:clamp(0.5rem, 1.2vw, 0.75rem);min-width:0}.form-section.svelte-1645ld8.svelte-1645ld8{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.section-header.svelte-1645ld8.svelte-1645ld8{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0.2rem 0.75rem;background:#f9fafb;border:none;border-bottom:none;cursor:pointer;transition:background 0.2s;min-height:0}.section-header.svelte-1645ld8.svelte-1645ld8:hover{background:#f3f4f6}.section-title.svelte-1645ld8.svelte-1645ld8{display:flex;align-items:center;gap:0.4rem;font-size:0.9375rem;line-height:1.35;font-weight:600;color:#111827}.section-title.svelte-1645ld8 .material-symbols-outlined.svelte-1645ld8{font-size:1.125rem;width:1.125rem;height:1.125rem;font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24}.section-content.svelte-1645ld8.svelte-1645ld8{padding:1rem}.form-grid.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-field.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.25rem}.form-field.full-width.svelte-1645ld8.svelte-1645ld8{grid-column:1 / -1}.field-label.svelte-1645ld8.svelte-1645ld8{font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.04em}.field-value.svelte-1645ld8.svelte-1645ld8{font-size:0.875rem;color:#111827;font-weight:500;line-height:1.4}.contact-card.svelte-1645ld8.svelte-1645ld8{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem;padding:1rem;margin-bottom:1rem}.contact-card.svelte-1645ld8.svelte-1645ld8:last-child{margin-bottom:0}.contact-header.svelte-1645ld8.svelte-1645ld8{font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.4rem}.contact-info.svelte-1645ld8.svelte-1645ld8{font-size:0.875rem;color:#111827;line-height:1.6}.documents-list.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:1rem}.doc-card.svelte-1645ld8.svelte-1645ld8{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem;padding:1rem}.doc-header-row.svelte-1645ld8.svelte-1645ld8{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.25rem}.doc-title.svelte-1645ld8.svelte-1645ld8{font-weight:600;font-size:0.95rem;color:#111827}.doc-status.svelte-1645ld8.svelte-1645ld8{display:inline-flex;align-items:center;padding:0.2rem 0.625rem;border-radius:9999px;font-size:0.6875rem;font-weight:600;letter-spacing:0.02em}.doc-status.clean.svelte-1645ld8.svelte-1645ld8{background:#d1fae5;color:#065f46}.doc-status.pending.svelte-1645ld8.svelte-1645ld8{background:#fef3c7;color:#92400e}.doc-status.blocked.svelte-1645ld8.svelte-1645ld8{background:#fee2e2;color:#991b1b}.doc-details.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;font-size:0.8125rem;color:#374151;margin-bottom:0.75rem}.doc-actions.svelte-1645ld8.svelte-1645ld8{display:flex;gap:1rem}.btn-link.svelte-1645ld8.svelte-1645ld8{display:flex;align-items:center;gap:0.25rem;background:none;border:none;color:#8B5CF6;font-size:0.8125rem;font-weight:500;cursor:pointer;padding:0;transition:opacity 0.2s}.btn-link.svelte-1645ld8.svelte-1645ld8:hover{opacity:0.8}.chips-container.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;gap:0.5rem}.chips-container--services.svelte-1645ld8.svelte-1645ld8{gap:0.45rem}.chip.svelte-1645ld8.svelte-1645ld8{display:inline-flex;padding:0.375rem 0.75rem;background:#e0e7ff;color:#4338ca;border-radius:9999px;font-size:0.8125rem;font-weight:500}.chip--entity-type.svelte-1645ld8.svelte-1645ld8{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;font-weight:600}.services-groups.svelte-1645ld8.svelte-1645ld8{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:0.75rem}.services-group.svelte-1645ld8.svelte-1645ld8{border:1px solid #edf2f7;background:#fbfdff;border-radius:10px;padding:0.7rem 0.8rem}.chip--service.svelte-1645ld8.svelte-1645ld8{background:#e8edff;color:#3f3fb9;border:1px solid #d8defe;font-weight:600}.chip--zone.svelte-1645ld8.svelte-1645ld8{background:#ecfeff;color:#0f766e;border:1px solid #c9f4f3;font-weight:600}.chip-small.svelte-1645ld8.svelte-1645ld8{display:inline-flex;padding:0.25rem 0.625rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.chip-small.invited.svelte-1645ld8.svelte-1645ld8{background:#dbeafe;color:#1e40af}.hist-timeline.svelte-1645ld8.svelte-1645ld8{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.hist-row.svelte-1645ld8.svelte-1645ld8{padding:1rem 1.1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.hist-row-top.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.5rem 1rem;margin-bottom:0.5rem}.hist-when.svelte-1645ld8.svelte-1645ld8{font-size:0.8125rem;font-weight:600;color:#111827}.hist-action.svelte-1645ld8.svelte-1645ld8{font-size:0.8125rem;font-weight:600;color:#5b21b6}.hist-transition.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;font-size:0.875rem;margin-bottom:0.35rem}.hist-from.svelte-1645ld8.svelte-1645ld8,.hist-to.svelte-1645ld8.svelte-1645ld8{font-weight:600;color:#374151}.hist-arrow.svelte-1645ld8.svelte-1645ld8{line-height:1}.hist-by.svelte-1645ld8.svelte-1645ld8{font-size:0.8125rem;color:#4b5563;margin-bottom:0.65rem}.hist-by.svelte-1645ld8 .text-gray-500.svelte-1645ld8{margin-right:0.25rem}.hist-reason-label.svelte-1645ld8.svelte-1645ld8{display:block;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#6b7280;margin-bottom:0.25rem}.hist-reason-text.svelte-1645ld8.svelte-1645ld8{margin:0;font-size:0.875rem;line-height:1.5;color:#374151;white-space:pre-wrap}.hist-reason-empty.svelte-1645ld8.svelte-1645ld8{margin:0;font-size:0.8125rem;font-style:italic;color:#9ca3af}.comm-header-send-btn.svelte-1645ld8.svelte-1645ld8{flex-shrink:0;display:inline-flex;align-items:center;gap:0.25rem}.email-applicant-modal.svelte-1645ld8.svelte-1645ld8{max-width:36rem;width:92%;padding:1.25rem 1.5rem 1.5rem}.email-applicant-modal-header.svelte-1645ld8.svelte-1645ld8{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid #e5e7eb}.email-applicant-modal-title.svelte-1645ld8.svelte-1645ld8{display:flex;align-items:center;gap:0.375rem;margin:0;font-size:1.125rem;font-weight:600;color:#111827;min-width:0}.email-applicant-modal-title.svelte-1645ld8 .material-symbols-outlined.svelte-1645ld8{font-size:1.25rem;color:#635bff}.email-applicant-modal-send.svelte-1645ld8.svelte-1645ld8{flex-shrink:0;display:inline-flex;align-items:center;gap:0.25rem}.email-applicant-modal-intro.svelte-1645ld8.svelte-1645ld8{margin-bottom:1rem}.email-applicant-modal-footer.svelte-1645ld8.svelte-1645ld8{margin-top:1.25rem;padding-top:0.75rem;border-top:1px solid #f3f4f6}.comm-label.svelte-1645ld8.svelte-1645ld8{display:block;font-size:0.8125rem;font-weight:600;color:#374151;margin-top:0.5rem}.comm-label.svelte-1645ld8.svelte-1645ld8:first-of-type{margin-top:0}.comm-input.svelte-1645ld8.svelte-1645ld8,.comm-textarea.svelte-1645ld8.svelte-1645ld8{width:100%;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:0.875rem;background:#fff;box-sizing:border-box}.comm-textarea.svelte-1645ld8.svelte-1645ld8{resize:vertical;min-height:140px;font-family:inherit;line-height:1.5}.comm-input.svelte-1645ld8.svelte-1645ld8:focus,.comm-textarea.svelte-1645ld8.svelte-1645ld8:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.12)}.comm-log-section.svelte-1645ld8.svelte-1645ld8{margin-top:0.5rem}.comm-timeline.svelte-1645ld8.svelte-1645ld8{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.comm-row.svelte-1645ld8.svelte-1645ld8{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.comm-row-meta.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.75rem;margin-bottom:0.65rem;padding-bottom:0.5rem;border-bottom:1px solid #e5e7eb}.comm-date.svelte-1645ld8.svelte-1645ld8{font-size:0.8125rem;font-weight:600;color:#111827}.comm-badge.svelte-1645ld8.svelte-1645ld8{display:inline-flex;padding:0.2rem 0.55rem;border-radius:9999px;font-size:0.6875rem;font-weight:600}.comm-badge--manual.svelte-1645ld8.svelte-1645ld8{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.comm-badge--auto.svelte-1645ld8.svelte-1645ld8{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.comm-type.svelte-1645ld8.svelte-1645ld8{font-size:0.75rem;color:#6b7280}.comm-row-body.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.5rem}.comm-field.svelte-1645ld8.svelte-1645ld8{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.65rem;font-size:0.8125rem;line-height:1.4}.comm-field--stack.svelte-1645ld8.svelte-1645ld8{flex-direction:column;align-items:stretch;gap:0.35rem}.comm-field-label.svelte-1645ld8.svelte-1645ld8{flex:0 0 4.25rem;font-weight:600;color:#6b7280;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.02em}.comm-field--stack.svelte-1645ld8 .comm-field-label.svelte-1645ld8{flex:none}.comm-field-value.svelte-1645ld8.svelte-1645ld8{color:#1f2937;min-width:0;word-break:break-word}.comm-field-value--subject.svelte-1645ld8.svelte-1645ld8{font-weight:600;color:#111827}.comm-message-box.svelte-1645ld8.svelte-1645ld8{margin:0;padding:0.65rem 0.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:0.8125rem;line-height:1.5;color:#374151;white-space:pre-wrap;word-break:break-word}.comm-message-box--html.svelte-1645ld8.svelte-1645ld8{white-space:normal;overflow-x:auto}.comm-message-box--html.svelte-1645ld8 img{max-width:100%;height:auto}.comm-message-box--html.svelte-1645ld8 table{max-width:100%}.comm-by.svelte-1645ld8.svelte-1645ld8{margin-top:0.65rem;padding-top:0.5rem;border-top:1px solid #e5e7eb}.btn.svelte-1645ld8.svelte-1645ld8{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;transition:all 0.2s}.btn-primary.svelte-1645ld8.svelte-1645ld8{background:linear-gradient(135deg, #8B5CF6 0%, #6366f1 100%);color:white}.btn-primary.svelte-1645ld8.svelte-1645ld8:hover{opacity:0.9}.btn-success.svelte-1645ld8.svelte-1645ld8{background:#10b981;color:white}.btn-success.svelte-1645ld8.svelte-1645ld8:hover{background:#059669}.btn-warning.svelte-1645ld8.svelte-1645ld8{background:#f59e0b;color:white}.btn-warning.svelte-1645ld8.svelte-1645ld8:hover{background:#d97706}.btn-danger.svelte-1645ld8.svelte-1645ld8{background:#ef4444;color:white}.btn-danger.svelte-1645ld8.svelte-1645ld8:hover{background:#dc2626}.btn-secondary.svelte-1645ld8.svelte-1645ld8{background:white;color:#374151;border:1px solid #d1d5db}.btn-secondary.svelte-1645ld8.svelte-1645ld8:hover{background:#f9fafb}.modal-overlay.svelte-1645ld8.svelte-1645ld8{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-1645ld8.svelte-1645ld8{background:white;border-radius:0.75rem;padding:2rem;max-width:600px;width:90%;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1);max-height:90vh;overflow-y:auto}.modal-title.svelte-1645ld8.svelte-1645ld8{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:0.5rem}.modal-text.svelte-1645ld8.svelte-1645ld8{font-size:0.875rem;color:#6b7280;margin-bottom:1rem}.changes-checklist.svelte-1645ld8.svelte-1645ld8{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem;padding:1rem;background:#f9fafb;border-radius:0.5rem}.checkbox-label.svelte-1645ld8.svelte-1645ld8{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#374151;cursor:pointer}.decision-comments-label.svelte-1645ld8.svelte-1645ld8{display:block;font-size:0.8125rem;font-weight:500;color:#4b5563;margin-bottom:0.375rem}.comment-input.svelte-1645ld8.svelte-1645ld8{width:100%;padding:0.75rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;color:#111827;font-size:0.875rem;resize:vertical;font-family:inherit}.comment-input.svelte-1645ld8.svelte-1645ld8:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.modal-actions.svelte-1645ld8.svelte-1645ld8{display:flex;gap:0.75rem;justify-content:flex-end;margin-top:1.5rem}.list-container.svelte-2gxuhe.svelte-2gxuhe{max-width:100%;padding:0;margin:0}.list-container.svelte-2gxuhe h1.svelte-2gxuhe,.employees-page-title.svelte-2gxuhe.svelte-2gxuhe{padding-left:0;margin-left:0;text-indent:0}.employees-header-row.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;min-width:0}.employees-page-title.svelte-2gxuhe.svelte-2gxuhe{font-size:1.5rem;line-height:2rem;font-weight:700;color:#111827;margin:0}.controls-row.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem}.controls-row-filters.svelte-2gxuhe.svelte-2gxuhe{min-width:0}.filters-group.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;gap:0.75rem;flex:1;flex-wrap:wrap;max-width:1100px}.filters-group-single-line.svelte-2gxuhe.svelte-2gxuhe{max-width:none;width:100%;min-width:0;flex-wrap:nowrap;gap:0.5rem;align-items:center}@media(max-width: 1100px){.filters-group-single-line.svelte-2gxuhe.svelte-2gxuhe{flex-wrap:wrap}}.filter-ms-wrap.svelte-2gxuhe.svelte-2gxuhe{flex:0 0 auto;width:8.25rem;min-width:7rem}.filter-ms-wrap-supplier.svelte-2gxuhe.svelte-2gxuhe,.filter-ms-wrap-trade.svelte-2gxuhe.svelte-2gxuhe{width:11.5rem;min-width:9.5rem}.filters-group-single-line.svelte-2gxuhe .search-input.svelte-2gxuhe{flex:1 1 11rem;min-width:11rem;max-width:24rem}.search-input.svelte-2gxuhe.svelte-2gxuhe{flex:1;min-width:280px;padding:0.625rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;transition:all 0.2s}.search-input.svelte-2gxuhe.svelte-2gxuhe:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.btn-secondary.svelte-2gxuhe.svelte-2gxuhe{display:inline-flex;align-items:center;flex-shrink:0;gap:0.5rem;padding:0.625rem 1.25rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-secondary.svelte-2gxuhe.svelte-2gxuhe:hover{background:#f9fafb;border-color:#9ca3af}.table-container.svelte-2gxuhe.svelte-2gxuhe{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;overflow:hidden}.data-table.svelte-2gxuhe.svelte-2gxuhe{width:100%;border-collapse:collapse;table-layout:fixed}.data-table.svelte-2gxuhe thead.svelte-2gxuhe{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table.svelte-2gxuhe th.svelte-2gxuhe{padding:0.75rem 1rem;text-align:left;font-size:0.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em}.data-table.svelte-2gxuhe th.sortable.svelte-2gxuhe{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table.svelte-2gxuhe th.sortable.svelte-2gxuhe:hover{background:#f3f4f6}.th-content.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;gap:0.5rem}.sort-icon.svelte-2gxuhe.svelte-2gxuhe{font-size:1rem;color:#8b5cf6}.data-table.svelte-2gxuhe tbody tr.svelte-2gxuhe{border-bottom:1px solid #f3f4f6;transition:background-color 0.15s}.data-table.svelte-2gxuhe tbody tr.clickable-row.svelte-2gxuhe{cursor:pointer}.data-table.svelte-2gxuhe tbody tr.clickable-row.svelte-2gxuhe:hover{background:#f9fafb}.data-table.svelte-2gxuhe td.svelte-2gxuhe{padding:1rem;font-size:0.875rem;color:#111827;vertical-align:top}.trades-cell.svelte-2gxuhe.svelte-2gxuhe{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-badge.svelte-2gxuhe.svelte-2gxuhe{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:#ede9fe;color:#5b21b6}.linkish.svelte-2gxuhe.svelte-2gxuhe{background:none;border:none;padding:0;margin:0;font:inherit;color:#635bff;text-align:left;cursor:pointer;text-decoration:underline}.linkish.svelte-2gxuhe.svelte-2gxuhe:hover{color:#8b5cf6}.status-badge.svelte-2gxuhe.svelte-2gxuhe{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-badge.active.svelte-2gxuhe.svelte-2gxuhe{background:#d1fae5;color:#065f46}.status-badge.inactive.svelte-2gxuhe.svelte-2gxuhe{background:#f3f4f6;color:#4b5563}.loading-state.svelte-2gxuhe.svelte-2gxuhe,.empty-state.svelte-2gxuhe.svelte-2gxuhe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.spin.svelte-2gxuhe.svelte-2gxuhe{animation:svelte-2gxuhe-spin 1s linear infinite}@keyframes svelte-2gxuhe-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.pagination-btn.svelte-2gxuhe.svelte-2gxuhe{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #d1d5db;border-radius:0.5rem;background:white;cursor:pointer;transition:all 0.2s}.pagination-btn.svelte-2gxuhe.svelte-2gxuhe:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn.svelte-2gxuhe.svelte-2gxuhe:disabled{opacity:0.5;cursor:not-allowed}.pagination-info.svelte-2gxuhe.svelte-2gxuhe{font-size:0.875rem;color:#6b7280}.btn-reset-filters.svelte-2gxuhe.svelte-2gxuhe{display:inline-flex;align-items:center;flex-shrink:0;gap:0.375rem;padding:0.5rem 0.75rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s}.btn-reset-filters.svelte-2gxuhe.svelte-2gxuhe:hover{background:#f9fafb;border-color:#9ca3af;color:#8b5cf6}.list-container.svelte-1j1qj2k.svelte-1j1qj2k{max-width:100%;padding:0;margin:0}.list-container.svelte-1j1qj2k h1.svelte-1j1qj2k{padding-left:0 !important;margin-left:0 !important;text-indent:0 !important;text-align:left !important}.page-title.svelte-1j1qj2k.svelte-1j1qj2k{padding-left:0 !important;margin-left:0 !important;padding-right:0 !important;margin-right:0 !important;text-indent:0 !important;text-align:left !important;display:block !important}.trades-section.svelte-1j1qj2k.svelte-1j1qj2k{background:white;border:1px solid #e5e7eb;border-radius:0.75rem;padding:1.5rem}.section-title.svelte-1j1qj2k.svelte-1j1qj2k{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:0.5rem}.section-count.svelte-1j1qj2k.svelte-1j1qj2k{font-size:0.75rem;font-weight:500;color:#6b7280;background:#f3f4f6;padding:0.125rem 0.5rem;border-radius:9999px}.trades-grid.svelte-1j1qj2k.svelte-1j1qj2k{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem}.trade-card.svelte-1j1qj2k.svelte-1j1qj2k{background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all 0.2s}.trade-card.svelte-1j1qj2k.svelte-1j1qj2k:hover{background:#f3f4f6;border-color:#8B5CF6;box-shadow:0 2px 4px rgba(139, 92, 246, 0.1)}.trade-code.svelte-1j1qj2k.svelte-1j1qj2k{font-weight:700;font-size:0.875rem;color:#8B5CF6;min-width:3rem;text-align:center;background:white;padding:0.375rem 0.75rem;border-radius:0.375rem;border:1px solid #e5e7eb;white-space:nowrap}.trade-info.svelte-1j1qj2k.svelte-1j1qj2k{flex:1;min-width:0}.trade-name.svelte-1j1qj2k.svelte-1j1qj2k{font-size:0.875rem;color:#374151;font-weight:500}.trade-suppliers.svelte-1j1qj2k.svelte-1j1qj2k{font-size:0.75rem;color:#8B5CF6;font-weight:500;margin-top:0.125rem}.trade-suppliers.empty.svelte-1j1qj2k.svelte-1j1qj2k{color:#9ca3af;font-weight:400}.spinner.svelte-1j1qj2k.svelte-1j1qj2k{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#8B5CF6;border-radius:50%;animation:svelte-1j1qj2k-spin 0.8s linear infinite;margin:0 auto}@keyframes svelte-1j1qj2k-spin{to{transform:rotate(360deg)}}.page-header.svelte-tdbyvn.svelte-tdbyvn{background:linear-gradient(135deg, #635BFF 0%, #8B5CF6 100%);border-radius:0.75rem;padding:1.25rem 1.5rem}.header-icon.svelte-tdbyvn.svelte-tdbyvn{width:2.5rem;height:2.5rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.2);color:white}.header-icon.svelte-tdbyvn .material-symbols-outlined.svelte-tdbyvn{font-size:1.25rem}.vertical-text.svelte-14jk1u8{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.data-cell.svelte-14jk1u8{background-color:white !important}.column-header.column-hovered.svelte-14jk1u8{opacity:0.95}.data-cell.column-hovered[data-group-accent="bg-pink-100"].svelte-14jk1u8{background-color:#fce7f3 !important}.data-cell.column-hovered[data-group-accent="bg-sky-100"].svelte-14jk1u8{background-color:#e0f2fe !important}.data-cell.column-hovered[data-group-accent="bg-cyan-100"].svelte-14jk1u8{background-color:#cffafe !important}.data-cell.column-hovered[data-group-accent="bg-rose-200"].svelte-14jk1u8{background-color:#fecdd3 !important}.data-cell.column-hovered[data-group-accent="bg-yellow-100"].svelte-14jk1u8{background-color:#fef9c3 !important}.row-header.row-hovered.svelte-14jk1u8{background-color:#F3F4F6 !important}.data-cell.row-hovered.svelte-14jk1u8{background-color:#F3F4F6 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-pink-100"].svelte-14jk1u8{background-color:#fce7f3 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-sky-100"].svelte-14jk1u8{background-color:#e0f2fe !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-cyan-100"].svelte-14jk1u8{background-color:#cffafe !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-rose-200"].svelte-14jk1u8{background-color:#fecdd3 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-yellow-100"].svelte-14jk1u8{background-color:#fef9c3 !important}.filter-bar.svelte-14jk1u8{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:visible}.filter-multi-select.svelte-14jk1u8{flex:0 0 140px;width:140px;min-width:0;max-width:140px;position:relative;z-index:30;align-self:center}.filter-multi-select.svelte-14jk1u8 .filter-select{min-height:28px;height:28px;padding:0.2rem 1.5rem 0.2rem 0.4rem;font-size:0.6875rem;line-height:1.3;border-radius:4px;box-sizing:border-box}.filter-multi-select.svelte-14jk1u8 .filter-select:focus,.filter-multi-select.svelte-14jk1u8 .filter-select.active{box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1)}.filter-multi-select.svelte-14jk1u8 .chevron-wrap{padding-right:0.35rem}.filter-multi-select.svelte-14jk1u8 .chevron-wrap .material-symbols-outlined{font-size:14px;line-height:1}.filter-multi-select.svelte-14jk1u8 .count-badge{min-width:1rem;height:1rem;padding:0 0.25rem;font-size:0.6rem}.filter-search.svelte-14jk1u8{height:28px !important;width:130px !important;min-width:100px !important;flex-shrink:1;border-radius:4px !important;border:1px solid #d1d5db !important;background:white !important;padding:0 8px !important;font-size:0.6875rem !important;color:#374151 !important;outline:none !important;transition:border-color 0.15s !important;box-sizing:border-box !important}.filter-search.svelte-14jk1u8:focus{border-color:#8B5CF6 !important;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1) !important}.filter-group.svelte-14jk1u8{display:inline-flex;gap:4px;align-items:center;border:1px solid #E5E7EB;border-radius:5px;padding:2px 4px;background:#F9FAFB;flex-shrink:0}.filter-checkbox.svelte-14jk1u8{display:flex;align-items:center;gap:3px;font-size:0.625rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.filter-divider.svelte-14jk1u8{width:1px;height:18px;background:#e5e7eb;flex-shrink:0}.filter-reset-btn.svelte-14jk1u8{margin-left:auto;display:inline-flex;align-items:center;gap:2px;border-radius:4px;border:1px solid #d1d5db;background:white;padding:3px 8px;font-size:0.625rem;font-weight:600;color:#6b7280;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all 0.15s}.filter-reset-btn.svelte-14jk1u8:hover{border-color:#9ca3af;background:#f9fafb}.filter-select-compact.svelte-14jk1u8{width:auto !important;padding:0.2rem 1.5rem 0.2rem 0.4rem !important;border:1px solid #9ca3af !important;border-radius:4px !important;font-size:0.6875rem !important;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%) !important;cursor:pointer !important;font-weight:600 !important;color:#1f2937 !important;line-height:1.3 !important;height:28px !important;min-height:0 !important;transition:all 0.15s !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background-image:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat, no-repeat !important;background-position:center, right 0.35rem center !important;background-size:100%, 10px !important;box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.06) !important;white-space:nowrap;flex-shrink:0}.filter-select-compact.svelte-14jk1u8:hover{background:linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 100%) !important;background-image:linear-gradient(to bottom, #e5e7eb 0%, #d1d5db 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat, no-repeat !important;background-position:center, right 0.35rem center !important;background-size:100%, 10px !important;border-color:#6b7280 !important}.filter-select-compact.svelte-14jk1u8:focus{outline:none !important;border-color:#8B5CF6 !important;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.06) !important;background-image:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat, no-repeat !important;background-position:center, right 0.35rem center !important;background-size:100%, 10px !important}.data-cell.svelte-14jk1u8{background-color:white !important}.column-header.column-hovered.svelte-14jk1u8{opacity:0.95}.data-cell.column-hovered[data-group-accent="bg-pink-100"].svelte-14jk1u8{background-color:#fce7f3 !important}.data-cell.column-hovered[data-group-accent="bg-sky-100"].svelte-14jk1u8{background-color:#e0f2fe !important}.data-cell.column-hovered[data-group-accent="bg-cyan-100"].svelte-14jk1u8{background-color:#cffafe !important}.data-cell.column-hovered[data-group-accent="bg-rose-200"].svelte-14jk1u8{background-color:#fecdd3 !important}.data-cell.column-hovered[data-group-accent="bg-yellow-100"].svelte-14jk1u8{background-color:#fef9c3 !important}.row-header.row-hovered.svelte-14jk1u8{background-color:#F3F4F6 !important}.data-cell.row-hovered.svelte-14jk1u8{background-color:#F3F4F6 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-pink-100"].svelte-14jk1u8{background-color:#fce7f3 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-sky-100"].svelte-14jk1u8{background-color:#e0f2fe !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-cyan-100"].svelte-14jk1u8{background-color:#cffafe !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-rose-200"].svelte-14jk1u8{background-color:#fecdd3 !important}.data-cell.column-hovered.row-hovered[data-group-accent="bg-yellow-100"].svelte-14jk1u8{background-color:#fef9c3 !important}.form-field.svelte-170ed9z.svelte-170ed9z{margin-bottom:20px}.form-row.svelte-170ed9z.svelte-170ed9z{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:20px}@media(max-width: 768px){.form-row.svelte-170ed9z.svelte-170ed9z{grid-template-columns:1fr;gap:0}}.form-field.svelte-170ed9z label.svelte-170ed9z,.form-field-label.svelte-170ed9z.svelte-170ed9z{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required.svelte-170ed9z.svelte-170ed9z{color:#DC2626}.drill-down-section.svelte-170ed9z.svelte-170ed9z{border:1px solid #E5E7EB;border-radius:8px;padding:16px;background:#F9FAFB}.drill-down-group.svelte-170ed9z.svelte-170ed9z{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.drill-down-item.svelte-170ed9z.svelte-170ed9z{flex:1;min-width:200px}.drill-down-label.svelte-170ed9z.svelte-170ed9z{display:block;font-size:12px;font-weight:500;color:#6B7280;margin-bottom:6px}.form-select.svelte-170ed9z.svelte-170ed9z{width:100%;min-width:200px;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%);cursor:pointer;font-weight:600;transition:all 0.15s}.form-select.svelte-170ed9z.svelte-170ed9z:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.sr-only.svelte-170ed9z.svelte-170ed9z{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.filter-group.svelte-170ed9z.svelte-170ed9z{display:inline-flex;gap:12px;align-items:center;border:1px solid #E5E7EB;border-radius:8px;padding:8px;background:#F9FAFB}.form-input.svelte-170ed9z.svelte-170ed9z{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;transition:all 0.15s}.form-input.svelte-170ed9z.svelte-170ed9z:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.form-textarea.svelte-170ed9z.svelte-170ed9z{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;resize:vertical;transition:all 0.15s}.form-textarea.svelte-170ed9z.svelte-170ed9z:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.details-section.svelte-170ed9z.svelte-170ed9z{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.details-heading.svelte-170ed9z.svelte-170ed9z{font-size:16px;font-weight:600;color:#111827;margin:0 0 20px 0}.form-footer.svelte-170ed9z.svelte-170ed9z{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.btn-secondary.svelte-170ed9z.svelte-170ed9z{padding:10px 20px;border:1px solid #D1D5DB;border-radius:6px;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s}.btn-secondary.svelte-170ed9z.svelte-170ed9z:hover{background:#F9FAFB;border-color:#9CA3AF}.btn-primary.svelte-170ed9z.svelte-170ed9z{padding:10px 20px;border:none;border-radius:6px;background:#8B5CF6;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.15s}.btn-primary.svelte-170ed9z.svelte-170ed9z:hover{background:#7C3AED}.file-upload-area.svelte-170ed9z.svelte-170ed9z{display:flex;flex-direction:column;gap:8px}.file-input-hidden.svelte-170ed9z.svelte-170ed9z{display:none}.file-upload-label.svelte-170ed9z.svelte-170ed9z{display:flex;align-items:center;gap:8px;padding:12px;border:2px dashed #D1D5DB;border-radius:6px;background:#F9FAFB;cursor:pointer;transition:all 0.15s;font-size:14px;color:#374151}.file-upload-label.svelte-170ed9z.svelte-170ed9z:hover{border-color:#8B5CF6;background:#F3F4F6}.file-upload-label.svelte-170ed9z .material-symbols-outlined.svelte-170ed9z{font-size:20px;color:#6B7280}.file-remove-btn.svelte-170ed9z.svelte-170ed9z{padding:6px 12px;border:1px solid #DC2626;border-radius:6px;background:white;color:#DC2626;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s;align-self:flex-start}.file-remove-btn.svelte-170ed9z.svelte-170ed9z:hover{background:#FEE2E2}.course-codes-container.svelte-170ed9z.svelte-170ed9z{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:12px;border:1px solid #D1D5DB;border-radius:6px;background:#F9FAFB}.course-code-checkbox.svelte-170ed9z.svelte-170ed9z{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:4px;transition:background 0.15s}.course-code-checkbox.svelte-170ed9z.svelte-170ed9z:hover{background:#F3F4F6}.course-code-checkbox.svelte-170ed9z input[type="checkbox"].svelte-170ed9z{width:18px;height:18px;cursor:pointer;accent-color:#8B5CF6}.course-code-checkbox.svelte-170ed9z span.svelte-170ed9z:first-of-type{flex:1;font-size:14px;color:#374151}.hrwl-badge.svelte-170ed9z.svelte-170ed9z{padding:2px 8px;border-radius:4px;background:#FEF3C7;color:#92400E;font-size:11px;font-weight:600}.form-field.svelte-5luxce.svelte-5luxce{margin-bottom:20px}.form-field.svelte-5luxce label.svelte-5luxce{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required.svelte-5luxce.svelte-5luxce{color:#DC2626}.filter-group.svelte-5luxce.svelte-5luxce{display:inline-flex;gap:12px;align-items:center;border:1px solid #E5E7EB;border-radius:8px;padding:8px;background:#F9FAFB}.drill-down-section.svelte-5luxce.svelte-5luxce{border:1px solid #E5E7EB;border-radius:8px;padding:16px;background:#F9FAFB}.drill-down-group.svelte-5luxce.svelte-5luxce{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.drill-down-item.svelte-5luxce.svelte-5luxce{flex:1;min-width:200px}.drill-down-label.svelte-5luxce.svelte-5luxce{display:block;font-size:12px;font-weight:500;color:#6B7280;margin-bottom:6px}.form-select.svelte-5luxce.svelte-5luxce{width:100%;min-width:200px;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;background:linear-gradient(to bottom, #f3f4f6 0%, #e5e7eb 100%);cursor:pointer;font-weight:600;transition:all 0.15s}.form-select.svelte-5luxce.svelte-5luxce:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.form-textarea.svelte-5luxce.svelte-5luxce{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#111827;font-family:inherit;resize:vertical;transition:all 0.15s}.form-textarea.svelte-5luxce.svelte-5luxce:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.form-footer.svelte-5luxce.svelte-5luxce{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #E5E7EB}.btn-secondary.svelte-5luxce.svelte-5luxce{padding:10px 20px;border:1px solid #D1D5DB;border-radius:6px;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s}.btn-secondary.svelte-5luxce.svelte-5luxce:hover{background:#F9FAFB;border-color:#9CA3AF}.btn-primary.svelte-5luxce.svelte-5luxce{padding:10px 20px;border:none;border-radius:6px;background:#8B5CF6;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.15s}.btn-primary.svelte-5luxce.svelte-5luxce:hover{background:#7C3AED}.forbidden-container.svelte-1ijzs2w.svelte-1ijzs2w{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.forbidden-content.svelte-1ijzs2w.svelte-1ijzs2w{text-align:center;max-width:400px}.forbidden-icon.svelte-1ijzs2w.svelte-1ijzs2w{font-size:64px;color:#8B5CF6;margin-bottom:1rem;display:block}h1.svelte-1ijzs2w.svelte-1ijzs2w{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 0.5rem 0}p.svelte-1ijzs2w.svelte-1ijzs2w{color:#6b7280;margin:0 0 0.5rem 0;font-size:1rem}.subtitle.svelte-1ijzs2w.svelte-1ijzs2w{font-size:0.875rem;color:#9ca3af;margin-bottom:1.5rem}.actions.svelte-1ijzs2w.svelte-1ijzs2w{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}.back-btn.svelte-1ijzs2w.svelte-1ijzs2w{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#8B5CF6;color:white;border:none;border-radius:8px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:background 0.15s}.back-btn.svelte-1ijzs2w.svelte-1ijzs2w:hover{background:#7c4ee4}.back-btn.svelte-1ijzs2w .material-symbols-outlined.svelte-1ijzs2w{font-size:18px}.logout-btn.svelte-1ijzs2w.svelte-1ijzs2w{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:white;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.15s}.logout-btn.svelte-1ijzs2w.svelte-1ijzs2w:hover{background:#f3f4f6;color:#374151;border-color:#9ca3af}.logout-btn.svelte-1ijzs2w .material-symbols-outlined.svelte-1ijzs2w{font-size:18px}.role-management.svelte-257itm.svelte-257itm{padding:0}.page-header.svelte-257itm.svelte-257itm{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header.svelte-257itm h1.svelte-257itm{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.subtitle.svelte-257itm.svelte-257itm{color:#6b7280;font-size:0.875rem;margin:0.25rem 0 0}.role-layout.svelte-257itm.svelte-257itm{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;min-height:600px}.panel-title.svelte-257itm.svelte-257itm{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 0.75rem}.panel-subtitle.svelte-257itm.svelte-257itm{color:#6b7280;font-size:0.875rem;margin:0}.role-list-panel.svelte-257itm.svelte-257itm{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;overflow-y:auto;max-height:800px}.role-search-bar.svelte-257itm.svelte-257itm{position:relative}.role-search-bar.svelte-257itm .search-icon.svelte-257itm{position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af;pointer-events:none}.role-search-input.svelte-257itm.svelte-257itm{width:100%;padding:0.4rem 2rem 0.4rem 2rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.8125rem;box-sizing:border-box;background:white}.role-search-input.svelte-257itm.svelte-257itm:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,0.1)}.clear-search.svelte-257itm.svelte-257itm{position:absolute;right:0.375rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;color:#9ca3af}.clear-search.svelte-257itm .material-symbols-outlined.svelte-257itm{font-size:16px}.clear-search.svelte-257itm.svelte-257itm:hover{color:#6b7280}.role-list.svelte-257itm.svelte-257itm{display:flex;flex-direction:column;gap:0.5rem}.role-card.svelte-257itm.svelte-257itm{display:block;width:100%;text-align:left;background:white;border:1px solid #e5e7eb;border-radius:6px;padding:0.75rem;cursor:pointer;transition:all 0.15s}.role-card.svelte-257itm.svelte-257itm:hover{border-color:#8B5CF6}.role-card.selected.svelte-257itm.svelte-257itm{border-color:#8B5CF6;background:#f5f3ff;box-shadow:0 0 0 2px rgba(139,92,246,0.1)}.role-card-header.svelte-257itm.svelte-257itm{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.25rem}.role-name.svelte-257itm.svelte-257itm{font-weight:600;font-size:0.875rem;color:#1f2937}.role-description.svelte-257itm.svelte-257itm{font-size:0.75rem;color:#6b7280;margin:0 0 0.25rem;line-height:1.4}.role-meta.svelte-257itm.svelte-257itm{display:flex;gap:1rem;font-size:0.75rem;color:#9ca3af;align-items:center}.user-count.svelte-257itm.svelte-257itm{display:flex;align-items:center;gap:0.25rem}.role-list-empty.svelte-257itm.svelte-257itm{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1.5rem;color:#9ca3af;font-size:0.8125rem}.permission-panel.svelte-257itm.svelte-257itm{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;min-width:0}.permission-header.svelte-257itm.svelte-257itm{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.permission-actions.svelte-257itm.svelte-257itm{display:flex;gap:0.5rem;align-items:center}.matrix-toolbar.svelte-257itm.svelte-257itm{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.perm-search-bar.svelte-257itm.svelte-257itm{position:relative;flex:1;max-width:320px}.perm-search-bar.svelte-257itm .search-icon.svelte-257itm{position:absolute;left:0.5rem;top:50%;transform:translateY(-50%);font-size:18px;color:#9ca3af;pointer-events:none}.perm-search-input.svelte-257itm.svelte-257itm{width:100%;padding:0.375rem 2rem 0.375rem 2rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.8125rem;box-sizing:border-box;background:white}.perm-search-input.svelte-257itm.svelte-257itm:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,0.1)}.matrix-toolbar-actions.svelte-257itm.svelte-257itm{display:flex;gap:0.25rem;margin-left:auto}.btn-text.svelte-257itm.svelte-257itm{background:none;border:none;padding:0.25rem 0.5rem;font-size:0.75rem;color:#8B5CF6;font-weight:500;cursor:pointer;border-radius:4px}.btn-text.svelte-257itm.svelte-257itm:hover{background:#f5f3ff}.permission-matrix.svelte-257itm.svelte-257itm{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.matrix-header.svelte-257itm.svelte-257itm{display:grid;grid-template-columns:1fr 64px 64px 64px 64px 72px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1}.matrix-header.svelte-257itm .matrix-col.svelte-257itm{padding:0.5rem 0.75rem;font-size:0.75rem;font-weight:600;color:#6b7280;text-align:center}.matrix-header.svelte-257itm .path-col.svelte-257itm{text-align:left}.matrix-body.svelte-257itm.svelte-257itm{min-height:0}.section-header.svelte-257itm.svelte-257itm{display:grid;grid-template-columns:1fr auto;align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;min-height:40px}.section-header.expanded.svelte-257itm.svelte-257itm{background:#f3f4f6}.section-toggle.svelte-257itm.svelte-257itm{display:flex;align-items:center;gap:0.375rem;background:none;border:none;padding:0.5rem 0.75rem;cursor:pointer;font-size:0.8125rem;color:#1f2937;text-align:left;width:100%}.section-toggle.svelte-257itm.svelte-257itm:hover{background:rgba(139,92,246,0.04)}.section-toggle.no-children.svelte-257itm.svelte-257itm{cursor:default;padding-left:1rem}.section-toggle.no-children.svelte-257itm.svelte-257itm:hover{background:none}.section-toggle.svelte-257itm .chevron.svelte-257itm{font-size:20px;color:#6b7280;transition:transform 0.15s}.section-summary.svelte-257itm.svelte-257itm{font-size:0.6875rem;font-weight:500;margin-left:0.5rem;padding:0.125rem 0.5rem;border-radius:9999px;background:#f3f4f6}.section-levels-readonly.svelte-257itm.svelte-257itm{display:grid;grid-template-columns:64px 64px 64px 64px 72px;align-items:center}.level-dot-cell.svelte-257itm.svelte-257itm{text-align:center;padding:0.25rem}.level-dot-cell.svelte-257itm input[type="radio"].svelte-257itm{width:14px;height:14px;accent-color:#8B5CF6;cursor:default}.matrix-row.svelte-257itm.svelte-257itm{display:grid;grid-template-columns:1fr 64px 64px 64px 64px 72px;align-items:center;border-bottom:1px solid #f3f4f6;min-height:36px}.matrix-row.svelte-257itm.svelte-257itm:last-child{border-bottom:none}.matrix-row.child-row.svelte-257itm.svelte-257itm:hover{background:#fafafa}.matrix-row.inherited-row.svelte-257itm.svelte-257itm{background:#fefce8}.matrix-col.path-col.svelte-257itm.svelte-257itm{padding:0.375rem 0.75rem;font-size:0.8125rem;color:#374151}.child-cell.svelte-257itm.svelte-257itm{display:flex;align-items:center;gap:0.5rem}.child-cell.svelte-257itm .indent.svelte-257itm{padding-left:1.5rem;color:#374151}.inherited-badge.svelte-257itm.svelte-257itm{font-size:0.5625rem;padding:0.0625rem 0.375rem;border-radius:9999px;background:#fef3c7;color:#92400e;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.parent-no-inherit.svelte-257itm.svelte-257itm{text-align:center;color:#d1d5db;font-size:0.875rem}.matrix-col.level-col.svelte-257itm.svelte-257itm{text-align:center;padding:0.25rem}.matrix-col.level-col.svelte-257itm input[type="radio"].svelte-257itm{width:16px;height:16px;cursor:pointer;accent-color:#8B5CF6}.matrix-col.level-col.svelte-257itm input[type="radio"].svelte-257itm:disabled{cursor:default;opacity:0.5}.matrix-empty.svelte-257itm.svelte-257itm{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:2rem;color:#9ca3af;font-size:0.8125rem}.permission-footer.svelte-257itm.svelte-257itm{display:flex;justify-content:flex-end;gap:0.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #e5e7eb}.empty-state.svelte-257itm.svelte-257itm{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#9ca3af;gap:0.75rem}.loading.svelte-257itm.svelte-257itm{text-align:center;padding:3rem;color:#6b7280}.btn-primary.svelte-257itm.svelte-257itm{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.15s}.btn-primary.svelte-257itm.svelte-257itm:hover{background:#7c4ee4}.btn-primary.svelte-257itm.svelte-257itm:disabled{opacity:0.5;cursor:not-allowed}.btn-primary.svelte-257itm .material-symbols-outlined.svelte-257itm{font-size:18px}.btn-secondary.svelte-257itm.svelte-257itm{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:white;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.15s}.btn-secondary.svelte-257itm.svelte-257itm:hover{background:#f3f4f6;border-color:#8B5CF6;color:#8B5CF6}.btn-secondary.svelte-257itm .material-symbols-outlined.svelte-257itm{font-size:18px}.btn-danger.svelte-257itm.svelte-257itm{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;background:white;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:0.875rem;cursor:pointer;transition:all 0.15s}.btn-danger.svelte-257itm.svelte-257itm:hover{background:#fef2f2}.btn-danger.svelte-257itm .material-symbols-outlined.svelte-257itm{font-size:18px}.modal-overlay.svelte-257itm.svelte-257itm{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:200}.modal-content.svelte-257itm.svelte-257itm{background:white;border-radius:12px;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,0.15)}.modal-content.svelte-257itm h3.svelte-257itm{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:#1f2937}.form-group.svelte-257itm.svelte-257itm{margin-bottom:1rem}.form-group.svelte-257itm label.svelte-257itm{display:block;font-size:0.8125rem;font-weight:500;color:#374151;margin-bottom:0.375rem}.form-group.svelte-257itm input.svelte-257itm,.form-group.svelte-257itm textarea.svelte-257itm{width:100%;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;box-sizing:border-box}.form-group.svelte-257itm input.svelte-257itm:focus,.form-group.svelte-257itm textarea.svelte-257itm:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139,92,246,0.1)}.modal-actions.svelte-257itm.svelte-257itm{display:flex;justify-content:flex-end;gap:0.75rem;margin-top:1.25rem}@media(max-width: 900px){.role-layout.svelte-257itm.svelte-257itm{grid-template-columns:1fr}.role-list-panel.svelte-257itm.svelte-257itm{max-height:300px}.matrix-header.svelte-257itm.svelte-257itm,.matrix-row.svelte-257itm.svelte-257itm,.section-levels-readonly.svelte-257itm.svelte-257itm{grid-template-columns:1fr 48px 48px 48px 48px 56px}}.user-roles-page.svelte-1954hp1.svelte-1954hp1{padding:0}.controls-bar.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.controls-left.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;gap:1rem}.filter-select.svelte-1954hp1.svelte-1954hp1{min-width:180px;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.875rem}.result-count.svelte-1954hp1.svelte-1954hp1{font-size:0.8125rem;color:#6b7280;white-space:nowrap}.btn-assign.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.15s}.btn-assign.svelte-1954hp1.svelte-1954hp1:hover{background:#7c4ee4}.btn-assign.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:18px}.loading.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:4rem;color:#6b7280;font-size:0.875rem}@keyframes svelte-1954hp1-spin{to{transform:rotate(360deg)}}.spin.svelte-1954hp1.svelte-1954hp1{animation:svelte-1954hp1-spin 1s linear infinite}.table-wrapper.svelte-1954hp1.svelte-1954hp1{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.user-roles-table.svelte-1954hp1.svelte-1954hp1{width:100%;border-collapse:collapse}.user-roles-table.svelte-1954hp1 thead th.svelte-1954hp1{background:#f9fafb;padding:0.625rem 1rem;font-size:0.75rem;font-weight:600;color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:0.025em;border-bottom:1px solid #e5e7eb}.user-roles-table.svelte-1954hp1 tbody tr.svelte-1954hp1{border-bottom:1px solid #f3f4f6}.user-roles-table.svelte-1954hp1 tbody tr.svelte-1954hp1:last-child{border-bottom:none}.user-roles-table.svelte-1954hp1 tbody tr.svelte-1954hp1:hover{background:#fafafa}.user-roles-table.svelte-1954hp1 tbody td.svelte-1954hp1{padding:0.75rem 1rem;font-size:0.8125rem;vertical-align:middle}.user-cell.svelte-1954hp1.svelte-1954hp1{line-height:1.3}.user-name.svelte-1954hp1.svelte-1954hp1{display:block;font-weight:600;color:#1f2937}.user-username.svelte-1954hp1.svelte-1954hp1{display:block;font-size:0.75rem;color:#9ca3af}.email-cell.svelte-1954hp1.svelte-1954hp1{color:#6b7280}.role-tags.svelte-1954hp1.svelte-1954hp1{display:flex;flex-wrap:wrap;gap:0.375rem}.role-tag.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;background:#ede9fe;color:#6d28d9;padding:0.1875rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.badge.superadmin.svelte-1954hp1.svelte-1954hp1{display:inline-flex;padding:0.125rem 0.5rem;border-radius:9999px;font-size:0.6875rem;font-weight:500;background:#fef3c7;color:#92400e;white-space:nowrap}.btn-edit-roles.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;gap:0.25rem;background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;padding:0.25rem 0.625rem;font-size:0.75rem;font-weight:500;white-space:nowrap;transition:all 0.15s}.btn-edit-roles.svelte-1954hp1.svelte-1954hp1:hover{border-color:#8B5CF6;color:#8B5CF6;background:#f5f3ff}.btn-edit-roles.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:14px}.empty-row.svelte-1954hp1.svelte-1954hp1{padding:3rem 1rem !important}.empty-state.svelte-1954hp1.svelte-1954hp1{text-align:center;padding:1rem;color:#9ca3af}.empty-state.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:40px;color:#d1d5db}.empty-state.svelte-1954hp1 p.svelte-1954hp1{margin:0.5rem 0 1rem;font-size:0.875rem}.btn-assign-small.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;gap:0.375rem;padding:0.4375rem 0.875rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.8125rem;font-weight:600;cursor:pointer}.btn-assign-small.svelte-1954hp1.svelte-1954hp1:hover{background:#7c4ee4}.btn-assign-small.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:16px}.modal-overlay.svelte-1954hp1.svelte-1954hp1{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);display:flex;align-items:flex-start;justify-content:center;padding-top:6vh;z-index:200}.modal-content.svelte-1954hp1.svelte-1954hp1{background:white;border-radius:12px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0, 0, 0, 0.2);overflow:hidden}.modal-header.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.modal-header.svelte-1954hp1 h3.svelte-1954hp1{margin:0;font-size:1rem;font-weight:700;color:#1f2937}.modal-close.svelte-1954hp1.svelte-1954hp1{display:inline-flex;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:6px;color:#9ca3af;transition:all 0.15s}.modal-close.svelte-1954hp1.svelte-1954hp1:hover{background:#f3f4f6;color:#374151}.modal-close.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:20px}.modal-body.svelte-1954hp1.svelte-1954hp1{flex:1;overflow-y:auto;padding:0 1.25rem 1.25rem}.modal-footer.svelte-1954hp1.svelte-1954hp1{display:flex;justify-content:flex-end;gap:0.75rem;padding:0.875rem 1.25rem;border-top:1px solid #f3f4f6;flex-shrink:0}.modal-section.svelte-1954hp1.svelte-1954hp1{margin-bottom:1.25rem}.modal-section.svelte-1954hp1.svelte-1954hp1:last-child{margin-bottom:0}.section-title.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.5rem}.section-number.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:9999px;background:#8B5CF6;color:white;font-size:0.6875rem;font-weight:700}.selected-user-card.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;gap:0.625rem;padding:0.625rem 0.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.avatar.svelte-1954hp1.svelte-1954hp1{width:2.25rem;height:2.25rem;border-radius:9999px;background:#ede9fe;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;flex-shrink:0}.avatar.small.svelte-1954hp1.svelte-1954hp1{width:1.75rem;height:1.75rem;font-size:0.75rem}.selected-user-info.svelte-1954hp1.svelte-1954hp1{flex:1;min-width:0}.selected-user-name.svelte-1954hp1.svelte-1954hp1{display:block;font-weight:600;font-size:0.8125rem;color:#1f2937}.selected-user-meta.svelte-1954hp1.svelte-1954hp1{display:block;font-size:0.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.change-user-btn.svelte-1954hp1.svelte-1954hp1{display:inline-flex;background:none;border:none;cursor:pointer;color:#9ca3af;padding:0.25rem;border-radius:4px;flex-shrink:0;transition:all 0.15s}.change-user-btn.svelte-1954hp1.svelte-1954hp1:hover{color:#8B5CF6;background:#f5f3ff}.change-user-btn.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:18px}.search-input-wrapper.svelte-1954hp1.svelte-1954hp1{position:relative;display:flex;align-items:center}.search-icon.svelte-1954hp1.svelte-1954hp1{position:absolute;left:0.75rem;color:#9ca3af;font-size:20px;pointer-events:none}.modal-search-input.svelte-1954hp1.svelte-1954hp1{width:100%;padding:0.625rem 2.5rem 0.625rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:0.875rem;background:white !important;font-weight:normal !important;box-sizing:border-box}.modal-search-input.svelte-1954hp1.svelte-1954hp1:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.search-spinner.svelte-1954hp1.svelte-1954hp1{position:absolute;right:0.75rem;font-size:18px;color:#8B5CF6}.search-results-area.svelte-1954hp1.svelte-1954hp1{margin-top:0.5rem;max-height:220px;overflow-y:auto}.search-hint.svelte-1954hp1.svelte-1954hp1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;color:#9ca3af;text-align:center}.search-hint.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:32px;color:#d1d5db;margin-bottom:0.375rem}.search-hint.svelte-1954hp1 p.svelte-1954hp1{margin:0;font-size:0.8125rem}.search-result-item.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;width:100%;padding:0.5rem;border:none;border-radius:6px;background:transparent;cursor:pointer;text-align:left;gap:0.625rem;transition:background 0.1s}.search-result-item.svelte-1954hp1.svelte-1954hp1:hover{background:#f5f3ff}.result-info.svelte-1954hp1.svelte-1954hp1{flex:1;min-width:0}.result-name.svelte-1954hp1.svelte-1954hp1{display:block;font-weight:600;font-size:0.8125rem;color:#1f2937}.result-meta.svelte-1954hp1.svelte-1954hp1{display:block;font-size:0.6875rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.existing-count.svelte-1954hp1.svelte-1954hp1{font-size:0.6875rem;color:#6b7280;background:#f3f4f6;padding:0.125rem 0.375rem;border-radius:4px;white-space:nowrap}.result-arrow.svelte-1954hp1.svelte-1954hp1{font-size:18px;color:#d1d5db;flex-shrink:0}.search-result-item.svelte-1954hp1:hover .result-arrow.svelte-1954hp1{color:#8B5CF6}.role-group-label.svelte-1954hp1.svelte-1954hp1{font-size:0.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.375rem}.role-group-hint.svelte-1954hp1.svelte-1954hp1{text-transform:none;font-weight:400;letter-spacing:0;font-style:italic}.role-list.svelte-1954hp1.svelte-1954hp1{display:flex;flex-direction:column;gap:0.25rem}.role-option.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.625rem;border:1px solid #e5e7eb;border-radius:6px;background:white;text-align:left;font-size:0.875rem}.role-option.selectable.svelte-1954hp1.svelte-1954hp1{cursor:pointer;transition:all 0.15s}.role-option.selectable.svelte-1954hp1.svelte-1954hp1:hover{border-color:#c4b5fd;background:#faf5ff}.role-option.selectable.selected.svelte-1954hp1.svelte-1954hp1{border-color:#8B5CF6;background:#f5f3ff}.role-check.svelte-1954hp1.svelte-1954hp1{display:inline-flex;flex-shrink:0}.role-check.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:20px}.role-check.svelte-1954hp1 .material-symbols-outlined.checked.svelte-1954hp1{color:#8B5CF6}.role-check.svelte-1954hp1 .material-symbols-outlined.unchecked.svelte-1954hp1{color:#d1d5db}.role-check.svelte-1954hp1 .material-symbols-outlined.removed-icon.svelte-1954hp1{color:#6b7280;font-size:18px}.role-option.current-role.svelte-1954hp1.svelte-1954hp1{border-color:#d1fae5;background:#f0fdf4}.role-option.current-role.svelte-1954hp1.svelte-1954hp1:hover{border-color:#fca5a5;background:#fef2f2}.role-option.current-role.svelte-1954hp1:hover .role-option-name.svelte-1954hp1{color:#9ca3af}.role-option.current-role.svelte-1954hp1:hover .remove-action.svelte-1954hp1{opacity:1}.remove-action.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.6875rem;font-weight:600;color:#ef4444;opacity:0;transition:opacity 0.15s}.remove-action.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:16px}.role-option.removing.svelte-1954hp1.svelte-1954hp1{border-color:#fecaca;background:#fef2f2;border-style:dashed}.role-option.removing.svelte-1954hp1.svelte-1954hp1:hover{border-color:#86efac;background:#f0fdf4}.role-option-name.strike.svelte-1954hp1.svelte-1954hp1{text-decoration:line-through;color:#9ca3af}.role-option-name.svelte-1954hp1.svelte-1954hp1{font-weight:500;color:#374151;flex:1}.remove-tag.svelte-1954hp1.svelte-1954hp1{font-size:0.6875rem;color:#ef4444;font-weight:500}.all-assigned-note.svelte-1954hp1.svelte-1954hp1{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:0.8125rem;color:#15803d}.all-assigned-note.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:20px}.btn-primary.svelte-1954hp1.svelte-1954hp1{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.15s}.btn-primary.svelte-1954hp1.svelte-1954hp1:hover{background:#7c4ee4}.btn-primary.svelte-1954hp1.svelte-1954hp1:disabled{opacity:0.5;cursor:not-allowed}.btn-primary.svelte-1954hp1 .material-symbols-outlined.svelte-1954hp1{font-size:16px}.btn-cancel.svelte-1954hp1.svelte-1954hp1{padding:0.5rem 1rem;background:white;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:background 0.15s}.btn-cancel.svelte-1954hp1.svelte-1954hp1:hover{background:#f3f4f6}@media(max-width: 768px){.controls-bar.svelte-1954hp1.svelte-1954hp1{flex-direction:column;align-items:stretch}.controls-left.svelte-1954hp1.svelte-1954hp1{flex-wrap:wrap}.modal-content.svelte-1954hp1.svelte-1954hp1{margin:0 1rem;max-width:none}}.system-admins-page.svelte-p7kpvd.svelte-p7kpvd{padding:0}.controls-bar.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.controls-left.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;gap:1rem}.result-count.svelte-p7kpvd.svelte-p7kpvd{font-size:0.8125rem;color:#6b7280;white-space:nowrap}.btn-add.svelte-p7kpvd.svelte-p7kpvd{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.15s}.btn-add.svelte-p7kpvd.svelte-p7kpvd:hover{background:#7c4ee4}.btn-add.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:18px}.info-banner.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:1rem;font-size:0.8125rem;color:#1e40af}.info-banner.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:18px;flex-shrink:0}.loading.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:4rem;color:#6b7280;font-size:0.875rem}@keyframes svelte-p7kpvd-spin{to{transform:rotate(360deg)}}.spin.svelte-p7kpvd.svelte-p7kpvd{animation:svelte-p7kpvd-spin 1s linear infinite}.table-wrapper.svelte-p7kpvd.svelte-p7kpvd{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admins-table.svelte-p7kpvd.svelte-p7kpvd{width:100%;border-collapse:collapse}.admins-table.svelte-p7kpvd thead th.svelte-p7kpvd{background:#f9fafb;padding:0.625rem 1rem;font-size:0.75rem;font-weight:600;color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:0.025em;border-bottom:1px solid #e5e7eb}.admins-table.svelte-p7kpvd tbody tr.svelte-p7kpvd{border-bottom:1px solid #f3f4f6}.admins-table.svelte-p7kpvd tbody tr.svelte-p7kpvd:last-child{border-bottom:none}.admins-table.svelte-p7kpvd tbody tr.svelte-p7kpvd:hover{background:#fafafa}.admins-table.svelte-p7kpvd tbody td.svelte-p7kpvd{padding:0.75rem 1rem;font-size:0.8125rem;vertical-align:middle}.user-cell-inner.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;gap:0.625rem}.user-details.svelte-p7kpvd.svelte-p7kpvd{display:flex;flex-direction:column;gap:0.125rem}.user-name.svelte-p7kpvd.svelte-p7kpvd{font-weight:600;color:#1f2937}.email-cell.svelte-p7kpvd.svelte-p7kpvd{color:#6b7280}.username-cell.svelte-p7kpvd.svelte-p7kpvd{color:#6b7280}.username.svelte-p7kpvd.svelte-p7kpvd{font-family:monospace;font-size:0.8125rem}.no-data.svelte-p7kpvd.svelte-p7kpvd{color:#d1d5db}.avatar.svelte-p7kpvd.svelte-p7kpvd{width:2.25rem;height:2.25rem;border-radius:9999px;background:#ede9fe;color:#7c3aed;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;flex-shrink:0}.avatar.small.svelte-p7kpvd.svelte-p7kpvd{width:1.75rem;height:1.75rem;font-size:0.75rem}.badge.superadmin.svelte-p7kpvd.svelte-p7kpvd{display:inline-flex;padding:0.125rem 0.5rem;border-radius:9999px;font-size:0.6875rem;font-weight:500;background:#fef3c7;color:#92400e;white-space:nowrap;width:-moz-fit-content;width:fit-content}.actions-cell.svelte-p7kpvd.svelte-p7kpvd{text-align:right}.btn-remove.svelte-p7kpvd.svelte-p7kpvd{display:inline-flex;align-items:center;gap:0.25rem;padding:0.375rem 0.75rem;background:white;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:0.8125rem;font-weight:500;cursor:pointer;transition:all 0.15s}.btn-remove.svelte-p7kpvd.svelte-p7kpvd:hover{background:#fef2f2;border-color:#dc2626}.btn-remove.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:16px}.empty-row.svelte-p7kpvd.svelte-p7kpvd{padding:3rem 1rem !important}.empty-state.svelte-p7kpvd.svelte-p7kpvd{text-align:center;padding:1rem;color:#9ca3af}.empty-state.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:40px;color:#d1d5db}.empty-state.svelte-p7kpvd p.svelte-p7kpvd{margin:0.5rem 0 1rem;font-size:0.875rem}.btn-add-small.svelte-p7kpvd.svelte-p7kpvd{display:inline-flex;align-items:center;gap:0.375rem;padding:0.4375rem 0.875rem;background:#8B5CF6;color:white;border:none;border-radius:6px;font-size:0.8125rem;font-weight:600;cursor:pointer}.btn-add-small.svelte-p7kpvd.svelte-p7kpvd:hover{background:#7c4ee4}.btn-add-small.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:16px}.modal-overlay.svelte-p7kpvd.svelte-p7kpvd{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);display:flex;align-items:flex-start;justify-content:center;padding-top:6vh;z-index:200}.modal-content.svelte-p7kpvd.svelte-p7kpvd{background:white;border-radius:12px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0, 0, 0, 0.2);overflow:hidden}.modal-header.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.modal-header.svelte-p7kpvd h3.svelte-p7kpvd{margin:0;font-size:1rem;font-weight:700;color:#1f2937}.modal-close.svelte-p7kpvd.svelte-p7kpvd{display:inline-flex;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:6px;color:#9ca3af;transition:all 0.15s}.modal-close.svelte-p7kpvd.svelte-p7kpvd:hover{background:#f3f4f6;color:#374151}.modal-close.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:20px}.modal-body.svelte-p7kpvd.svelte-p7kpvd{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.modal-section.svelte-p7kpvd.svelte-p7kpvd{margin-bottom:1rem}.section-title.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;gap:0.5rem;font-size:0.8125rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.75rem}.section-icon.svelte-p7kpvd.svelte-p7kpvd{font-size:18px;color:#8B5CF6}.results-title.svelte-p7kpvd.svelte-p7kpvd{margin-top:1rem;margin-bottom:0.5rem;padding-top:0.75rem;border-top:1px solid #f3f4f6}.search-input-wrapper.svelte-p7kpvd.svelte-p7kpvd{position:relative;display:flex;align-items:center}.search-icon.svelte-p7kpvd.svelte-p7kpvd{position:absolute;left:0.75rem;color:#9ca3af;font-size:20px;pointer-events:none}.modal-search-input.svelte-p7kpvd.svelte-p7kpvd{width:100%;padding:0.625rem 2.5rem 0.625rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:0.875rem;background:white !important;font-weight:normal !important;box-sizing:border-box}.modal-search-input.svelte-p7kpvd.svelte-p7kpvd:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.search-spinner.svelte-p7kpvd.svelte-p7kpvd{position:absolute;right:0.75rem;font-size:18px;color:#8B5CF6}.search-results-area.svelte-p7kpvd.svelte-p7kpvd{margin-top:0.5rem;max-height:300px;overflow-y:auto}.search-hint.svelte-p7kpvd.svelte-p7kpvd{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;color:#9ca3af;text-align:center}.search-hint.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:32px;color:#d1d5db;margin-bottom:0.375rem}.search-hint.svelte-p7kpvd p.svelte-p7kpvd{margin:0;font-size:0.8125rem}.search-result-item.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:center;width:100%;padding:0.5rem;border:none;border-radius:6px;background:transparent;cursor:pointer;text-align:left;gap:0.625rem;transition:background 0.1s}.search-result-item.svelte-p7kpvd.svelte-p7kpvd:hover{background:#f5f3ff}.search-result-item.svelte-p7kpvd.svelte-p7kpvd:disabled{opacity:0.5;cursor:not-allowed}.result-info.svelte-p7kpvd.svelte-p7kpvd{flex:1;min-width:0}.result-name.svelte-p7kpvd.svelte-p7kpvd{display:block;font-weight:600;font-size:0.8125rem;color:#1f2937}.result-meta.svelte-p7kpvd.svelte-p7kpvd{display:block;font-size:0.6875rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-icon.svelte-p7kpvd.svelte-p7kpvd{font-size:22px;color:#8B5CF6;flex-shrink:0;transition:color 0.15s}.search-result-item.svelte-p7kpvd:hover .add-icon.svelte-p7kpvd{color:#7c3aed}.admin-warning.svelte-p7kpvd.svelte-p7kpvd{display:flex;align-items:flex-start;gap:0.5rem;padding:0.625rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:0.8125rem;color:#92400e}.admin-warning.svelte-p7kpvd .material-symbols-outlined.svelte-p7kpvd{font-size:18px;flex-shrink:0;margin-top:1px}@media(max-width: 768px){.controls-bar.svelte-p7kpvd.svelte-p7kpvd{flex-direction:column;align-items:stretch}.controls-left.svelte-p7kpvd.svelte-p7kpvd{flex-wrap:wrap}.modal-content.svelte-p7kpvd.svelte-p7kpvd{margin:0 1rem;max-width:none}}.header.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem;gap:1rem}.header.svelte-1wg0dcm h2.svelte-1wg0dcm{margin:0;font-size:1.35rem;color:#111827}.header.svelte-1wg0dcm p.svelte-1wg0dcm{margin:0.25rem 0 0;color:#6b7280;font-size:0.875rem}.header-actions.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;align-items:center;gap:0.75rem}.count.svelte-1wg0dcm.svelte-1wg0dcm{color:#6b7280;font-size:0.8125rem;white-space:nowrap}.info-banner.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;align-items:center;gap:0.5rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:8px;padding:0.55rem 0.75rem;margin-bottom:1rem;font-size:0.8125rem}.info-banner.svelte-1wg0dcm .material-symbols-outlined.svelte-1wg0dcm{font-size:18px}.btn-primary.svelte-1wg0dcm.svelte-1wg0dcm{background:#8B5CF6;color:#fff;border:none;border-radius:6px;padding:0.5rem 0.9rem;display:inline-flex;align-items:center;gap:0.25rem;cursor:pointer;font-weight:600}.btn-primary.svelte-1wg0dcm.svelte-1wg0dcm:hover{background:#7c4ee4}.btn-primary.svelte-1wg0dcm.svelte-1wg0dcm:disabled{opacity:0.55;cursor:not-allowed}.loading.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;align-items:center;justify-content:center;gap:0.5rem;color:#6b7280;padding:3rem}.spin.svelte-1wg0dcm.svelte-1wg0dcm{animation:svelte-1wg0dcm-spin 1s linear infinite}@keyframes svelte-1wg0dcm-spin{to{transform:rotate(360deg)}}.table-wrap.svelte-1wg0dcm.svelte-1wg0dcm{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:auto}table.svelte-1wg0dcm.svelte-1wg0dcm{width:100%;border-collapse:collapse}th.svelte-1wg0dcm.svelte-1wg0dcm,td.svelte-1wg0dcm.svelte-1wg0dcm{padding:0.75rem 0.85rem;border-bottom:1px solid #f3f4f6;font-size:0.82rem;text-align:left;vertical-align:middle}th.svelte-1wg0dcm.svelte-1wg0dcm{background:#f9fafb;color:#6b7280;text-transform:uppercase;font-size:0.72rem}.name.svelte-1wg0dcm.svelte-1wg0dcm{font-weight:600;color:#111827}.muted.svelte-1wg0dcm.svelte-1wg0dcm{color:#6b7280;font-size:0.75rem}.empty.svelte-1wg0dcm.svelte-1wg0dcm{text-align:center;color:#9ca3af;padding:2rem}.actions.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;gap:0.45rem}.actions.svelte-1wg0dcm button.svelte-1wg0dcm{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:0.35rem 0.6rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.2rem}.actions.svelte-1wg0dcm button.svelte-1wg0dcm:hover{border-color:#8B5CF6;color:#8B5CF6}.actions.svelte-1wg0dcm .danger.svelte-1wg0dcm{color:#dc2626;border-color:#fecaca}.prefix.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.75rem;background:#f3f4f6;padding:0.2rem 0.4rem;border-radius:4px;color:#111827}.badge.svelte-1wg0dcm.svelte-1wg0dcm{display:inline-flex;padding:0.18rem 0.6rem;border-radius:9999px;font-size:0.72rem;font-weight:600}.badge.admin.svelte-1wg0dcm.svelte-1wg0dcm{background:#ede9fe;color:#6d28d9}.badge.role.svelte-1wg0dcm.svelte-1wg0dcm{background:#dbeafe;color:#1e40af}.badge.active.svelte-1wg0dcm.svelte-1wg0dcm{background:#d1fae5;color:#065f46}.badge.inactive.svelte-1wg0dcm.svelte-1wg0dcm{background:#fee2e2;color:#991b1b}.role-tags.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;flex-wrap:wrap;gap:0.3rem}.role-tag.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.72rem;background:#f3f4f6;color:#374151;border-radius:9999px;padding:0.15rem 0.45rem}.modal-bg.svelte-1wg0dcm.svelte-1wg0dcm{position:fixed;inset:0;background:rgba(0,0,0,0.42);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.api-key-modal.svelte-1wg0dcm.svelte-1wg0dcm{width:100%;max-width:840px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(15, 23, 42, 0.3)}.api-key-modal-header.svelte-1wg0dcm.svelte-1wg0dcm{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg, #ffffff 0%, #fafafa 100%)}.api-key-modal-header.svelte-1wg0dcm h3.svelte-1wg0dcm{margin:0;font-size:1.1rem;color:#111827}.icon-btn.svelte-1wg0dcm.svelte-1wg0dcm{background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;color:#64748b;width:2rem;height:2rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.icon-btn.svelte-1wg0dcm.svelte-1wg0dcm:hover{color:#334155;background:#f1f5f9}.field.svelte-1wg0dcm.svelte-1wg0dcm{display:grid;gap:0.35rem}.api-key-modal-body.svelte-1wg0dcm.svelte-1wg0dcm{padding:1.1rem 1.25rem;display:grid;gap:0.8rem}.success-body.svelte-1wg0dcm.svelte-1wg0dcm{text-align:center;gap:0.9rem}.success-icon-wrap.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;justify-content:center}.success-icon.svelte-1wg0dcm.svelte-1wg0dcm{font-size:46px;border-radius:9999px;padding:0.8rem}.success-icon-success.svelte-1wg0dcm.svelte-1wg0dcm{color:#16a34a;background:#dcfce7}.success-title.svelte-1wg0dcm.svelte-1wg0dcm{margin:0;color:#374151;font-size:0.95rem;font-weight:600}.key-box-row.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;align-items:center;gap:0.6rem;width:100%}.key-box.svelte-1wg0dcm.svelte-1wg0dcm{flex:1;padding:0.8rem;border:1px solid #ddd6fe;background:#faf5ff;border-radius:10px;font-family:monospace;font-size:0.92rem;color:#1f2937;word-break:break-all;text-align:left}.inline-copy-btn.svelte-1wg0dcm.svelte-1wg0dcm{white-space:nowrap;align-self:stretch}.api-key-modal-body.svelte-1wg0dcm label.svelte-1wg0dcm{font-size:0.84rem;font-weight:600;color:#334155}.section-label.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.8rem;font-weight:600;color:#374151}.api-key-modal-body.svelte-1wg0dcm input.svelte-1wg0dcm{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:0.65rem 0.7rem;font-size:0.875rem;background:#fff !important;font-weight:400 !important;color:#111827}.api-key-modal-body.svelte-1wg0dcm input.svelte-1wg0dcm:focus{outline:none;border-color:#8B5CF6;box-shadow:0 0 0 3px rgba(139, 92, 246, 0.1)}.toggles.svelte-1wg0dcm.svelte-1wg0dcm{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.65rem}.checkbox-card.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;align-items:flex-start;gap:0.55rem;padding:0.65rem 0.75rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer}.checkbox-card.svelte-1wg0dcm input.svelte-1wg0dcm{margin-top:0.15rem;width:16px !important;height:16px}.checkbox-text.svelte-1wg0dcm.svelte-1wg0dcm{display:grid;gap:0.1rem}.checkbox-title.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.85rem;font-weight:600;color:#0f172a}.checkbox-subtitle.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.75rem;color:#64748b;line-height:1.3}.roles.svelte-1wg0dcm.svelte-1wg0dcm{max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;padding:0.7rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.45rem;background:#fcfcfd}.role-toggle.svelte-1wg0dcm.svelte-1wg0dcm{border:1px solid #d1d5db;background:#ffffff;border-radius:9px;padding:0.5rem 0.65rem;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;cursor:pointer;transition:all 0.15s ease}.role-toggle.svelte-1wg0dcm.svelte-1wg0dcm:hover{border-color:#8B5CF6;background:#faf5ff}.role-toggle.selected.svelte-1wg0dcm.svelte-1wg0dcm{border-color:#8B5CF6;background:#f5f3ff;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.12)}.role-toggle-name.svelte-1wg0dcm.svelte-1wg0dcm{font-size:0.82rem;font-weight:600;color:#1f2937;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch.svelte-1wg0dcm.svelte-1wg0dcm{width:2.3rem;height:1.35rem;border-radius:9999px;background:#d1d5db;position:relative;transition:background 0.18s ease;flex-shrink:0;border:1px solid rgba(0, 0, 0, 0.08)}.switch-thumb.svelte-1wg0dcm.svelte-1wg0dcm{position:absolute;top:1px;left:1px;width:1.05rem;height:1.05rem;border-radius:9999px;background:#ffffff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:transform 0.18s ease}.switch.on.svelte-1wg0dcm.svelte-1wg0dcm{background:#8B5CF6}.switch.on.svelte-1wg0dcm .switch-thumb.svelte-1wg0dcm{transform:translateX(0.92rem)}.api-key-modal-actions.svelte-1wg0dcm.svelte-1wg0dcm{display:flex;justify-content:flex-end;gap:0.5rem;padding:0.9rem 1.25rem;border-top:1px solid #eef2f7;background:#f8fafc}.api-key-modal-actions.svelte-1wg0dcm button.svelte-1wg0dcm{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:0.55rem 1rem;cursor:pointer;font-weight:600;color:#111827}.api-key-modal-actions.svelte-1wg0dcm .btn-primary.svelte-1wg0dcm{background:#8B5CF6 !important;border-color:#8B5CF6 !important;color:#fff !important}.api-key-modal-actions.svelte-1wg0dcm .btn-primary.svelte-1wg0dcm:hover{background:#7c4ee4 !important;border-color:#7c4ee4 !important}@media(max-width: 768px){.header.svelte-1wg0dcm.svelte-1wg0dcm{flex-direction:column}.header-actions.svelte-1wg0dcm.svelte-1wg0dcm{width:100%;justify-content:space-between}.api-key-modal.svelte-1wg0dcm.svelte-1wg0dcm{max-width:100%}.toggles.svelte-1wg0dcm.svelte-1wg0dcm{grid-template-columns:1fr}.key-box-row.svelte-1wg0dcm.svelte-1wg0dcm{flex-direction:column;align-items:stretch}.roles.svelte-1wg0dcm.svelte-1wg0dcm{grid-template-columns:1fr}}.batches-page.svelte-4qdhac.svelte-4qdhac{max-width:1200px;margin:0 auto}.page-header.svelte-4qdhac.svelte-4qdhac{margin-bottom:1.5rem}.back-link.svelte-4qdhac.svelte-4qdhac{display:inline-block;font-size:0.875rem;color:#8B5CF6;text-decoration:none;margin-bottom:0.5rem}.back-link.svelte-4qdhac.svelte-4qdhac:hover{text-decoration:underline}.page-subtitle.svelte-4qdhac.svelte-4qdhac{font-size:0.9375rem;color:#6b7280;margin:0 0 1rem 0}.btn-import.svelte-4qdhac.svelte-4qdhac{padding:0.5rem 1rem;background:#8B5CF6;color:#fff;border:none;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer}.btn-import.svelte-4qdhac.svelte-4qdhac:hover{background:#7c4ee4}.error-box.svelte-4qdhac.svelte-4qdhac{padding:0.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:0.875rem;color:#991b1b;margin-bottom:1rem}.import-error-box.svelte-4qdhac.svelte-4qdhac{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.import-error-box.svelte-4qdhac span.svelte-4qdhac{flex:1}.error-dismiss.svelte-4qdhac.svelte-4qdhac{flex-shrink:0;padding:0.25rem 0.5rem;background:transparent;border:none;font-size:1.25rem;line-height:1;color:#991b1b;cursor:pointer;border-radius:4px}.error-dismiss.svelte-4qdhac.svelte-4qdhac:hover{background:#fee2e2}.card.table-card.svelte-4qdhac.svelte-4qdhac{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05)}.loading-state.svelte-4qdhac.svelte-4qdhac,.empty-state.svelte-4qdhac.svelte-4qdhac{padding:3rem 2rem;text-align:center;color:#6b7280}.spinner.svelte-4qdhac.svelte-4qdhac{display:inline-block;width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#8B5CF6;border-radius:50%;animation:svelte-4qdhac-spin 0.6s linear infinite;margin-bottom:0.75rem}@keyframes svelte-4qdhac-spin{to{transform:rotate(360deg)}}.empty-icon.svelte-4qdhac.svelte-4qdhac{font-size:3rem;color:#d1d5db;display:block;margin-bottom:0.5rem}.btn-primary.svelte-4qdhac.svelte-4qdhac{display:inline-block;margin-top:1rem;padding:0.5rem 1rem;background:#8B5CF6;color:#fff;border-radius:6px;font-size:0.875rem;font-weight:500;text-decoration:none}.btn-primary.svelte-4qdhac.svelte-4qdhac:hover{background:#7c4ee4}.batches-table.svelte-4qdhac.svelte-4qdhac{width:100%;border-collapse:collapse;font-size:0.875rem}.batches-table.svelte-4qdhac th.svelte-4qdhac{text-align:left;padding:0.75rem 1rem;background:#f3f4f6;font-weight:600;color:#374151}.batches-table.svelte-4qdhac td.svelte-4qdhac{padding:0.75rem 1rem;border-top:1px solid #e5e7eb}.batch-row.svelte-4qdhac.svelte-4qdhac{cursor:pointer;transition:background 0.15s}.batch-row.svelte-4qdhac.svelte-4qdhac:hover{background:#f9fafb}.batch-row.svelte-4qdhac.svelte-4qdhac:focus{outline:2px solid #8B5CF6;outline-offset:-2px}.status-badge.svelte-4qdhac.svelte-4qdhac{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.badge-test.svelte-4qdhac.svelte-4qdhac{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:#fef3c7;color:#92400e}.badge-live.svelte-4qdhac.svelte-4qdhac{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:#dbeafe;color:#1e40af}.status-completed.svelte-4qdhac.svelte-4qdhac{background:#d1fae5;color:#065f46}.status-running.svelte-4qdhac.svelte-4qdhac{background:#dbeafe;color:#1e40af}.status-failed.svelte-4qdhac.svelte-4qdhac{background:#fee2e2;color:#991b1b}.status-unknown.svelte-4qdhac.svelte-4qdhac{background:#f3f4f6;color:#4b5563}.result-summary.svelte-4qdhac.svelte-4qdhac{font-size:0.8125rem;color:#6b7280}.pagination-info.svelte-4qdhac.svelte-4qdhac{padding:0.75rem 1rem;font-size:0.8125rem;color:#6b7280;border-top:1px solid #e5e7eb}.dialog-overlay.svelte-4qdhac.svelte-4qdhac{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.dialog-backdrop.svelte-4qdhac.svelte-4qdhac{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;background:rgba(0, 0, 0, 0.4);cursor:pointer;font:inherit}.dialog-card.svelte-4qdhac.svelte-4qdhac{position:relative;width:100%;max-width:560px;min-height:320px;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);display:flex;flex-direction:column}.dialog-body.svelte-4qdhac.svelte-4qdhac{flex:1;min-height:0;max-height:60vh;overflow-y:auto}.dialog-title.svelte-4qdhac.svelte-4qdhac{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 0.5rem 0}.dialog-desc.svelte-4qdhac.svelte-4qdhac{font-size:0.875rem;color:#6b7280;margin:0 0 1rem 0}.upload-area.svelte-4qdhac.svelte-4qdhac{position:relative;margin-bottom:1rem}.upload-area.svelte-4qdhac .file-input.svelte-4qdhac{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-area.svelte-4qdhac .file-label.svelte-4qdhac{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;font-size:0.875rem;color:#374151;cursor:pointer}.upload-area.svelte-4qdhac .file-label.svelte-4qdhac:hover{background:#f3f4f6;border-color:#9ca3af}.upload-icon.svelte-4qdhac.svelte-4qdhac{font-size:1.25rem;color:#6b7280}.test-mode-row.svelte-4qdhac.svelte-4qdhac{display:flex;align-items:flex-start;gap:0.5rem;margin-bottom:1.25rem}.test-mode-checkbox.svelte-4qdhac.svelte-4qdhac{margin-top:0.25rem;width:1rem;height:1rem;accent-color:#8B5CF6}.test-mode-label.svelte-4qdhac.svelte-4qdhac{font-size:0.875rem;color:#374151;cursor:pointer;line-height:1.4}.dialog-errors.svelte-4qdhac.svelte-4qdhac{padding:0.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:0.875rem;color:#991b1b;margin-bottom:1rem}.dialog-errors-text.svelte-4qdhac.svelte-4qdhac{display:block}.dialog-actions.svelte-4qdhac.svelte-4qdhac{display:flex;justify-content:flex-end;gap:0.75rem}.dialog-actions.svelte-4qdhac .btn-secondary.svelte-4qdhac{padding:0.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer}.dialog-actions.svelte-4qdhac .btn-secondary.svelte-4qdhac:hover{background:#f9fafb;border-color:#9ca3af}.dialog-actions.svelte-4qdhac .btn-primary.svelte-4qdhac:disabled{opacity:0.6;cursor:not-allowed}.batch-detail-page.svelte-1jy6n1.svelte-1jy6n1{max-width:1200px;margin:0 auto}.page-header.svelte-1jy6n1.svelte-1jy6n1{margin-bottom:1.5rem}.back-link.svelte-1jy6n1.svelte-1jy6n1{display:inline-block;font-size:0.875rem;color:#8B5CF6;text-decoration:none;margin-bottom:0.5rem}.back-link.svelte-1jy6n1.svelte-1jy6n1:hover{text-decoration:underline}.page-title.svelte-1jy6n1.svelte-1jy6n1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.error-box.svelte-1jy6n1.svelte-1jy6n1{padding:0.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:0.875rem;color:#991b1b;margin-bottom:1rem}.card.svelte-1jy6n1.svelte-1jy6n1{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0, 0, 0, 0.05)}.card-title.svelte-1jy6n1.svelte-1jy6n1{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 1rem 0}.meta-list.svelte-1jy6n1.svelte-1jy6n1{display:grid;grid-template-columns:auto 1fr;gap:0.5rem 2rem;font-size:0.875rem}.meta-list.svelte-1jy6n1 dt.svelte-1jy6n1{color:#6b7280;font-weight:500}.meta-list.svelte-1jy6n1 dd.svelte-1jy6n1{margin:0;color:#1f2937}.test-mode-banner.svelte-1jy6n1.svelte-1jy6n1{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:0.875rem;color:#92400e;margin-bottom:1rem}.test-mode-banner.svelte-1jy6n1 .material-symbols-outlined.svelte-1jy6n1{font-size:1.25rem;flex-shrink:0}.badge-test.svelte-1jy6n1.svelte-1jy6n1{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:#fef3c7;color:#92400e}.badge-live.svelte-1jy6n1.svelte-1jy6n1{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500;background:#dbeafe;color:#1e40af}.error-detail.svelte-1jy6n1.svelte-1jy6n1{color:#991b1b}.batch-actions.svelte-1jy6n1.svelte-1jy6n1{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-delete.svelte-1jy6n1.svelte-1jy6n1{padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer}.btn-delete.svelte-1jy6n1.svelte-1jy6n1:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.btn-delete.svelte-1jy6n1.svelte-1jy6n1:disabled{opacity:0.6;cursor:not-allowed}.loading-state.svelte-1jy6n1.svelte-1jy6n1{padding:3rem 2rem;text-align:center;color:#6b7280}.spinner.svelte-1jy6n1.svelte-1jy6n1{display:inline-block;width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#8B5CF6;border-radius:50%;animation:svelte-1jy6n1-spin 0.6s linear infinite;margin-bottom:0.75rem}@keyframes svelte-1jy6n1-spin{to{transform:rotate(360deg)}}.status-badge.svelte-1jy6n1.svelte-1jy6n1{display:inline-block;padding:0.2rem 0.5rem;border-radius:9999px;font-size:0.75rem;font-weight:500}.status-success.svelte-1jy6n1.svelte-1jy6n1,.status-completed.svelte-1jy6n1.svelte-1jy6n1{background:#d1fae5;color:#065f46}.status-failure.svelte-1jy6n1.svelte-1jy6n1,.status-failed.svelte-1jy6n1.svelte-1jy6n1{background:#fee2e2;color:#991b1b}.status-unknown.svelte-1jy6n1.svelte-1jy6n1{background:#f3f4f6;color:#4b5563}.items-table.svelte-1jy6n1.svelte-1jy6n1{width:100%;border-collapse:collapse;font-size:0.875rem}.items-table.svelte-1jy6n1 th.svelte-1jy6n1{text-align:left;padding:0.75rem 1rem;background:#f3f4f6;font-weight:600;color:#374151}.items-table.svelte-1jy6n1 td.svelte-1jy6n1{padding:0.75rem 1rem;border-top:1px solid #e5e7eb}.no-items.svelte-1jy6n1.svelte-1jy6n1{color:#6b7280;margin:0}.page.svelte-lzp0tv{max-width:1000px}h1.svelte-lzp0tv{margin:0 0 0.5rem 0;font-size:1.75rem;font-weight:700;color:#111827}p.svelte-lzp0tv{margin:0;color:#4b5563}.page.svelte-lzp0tv{max-width:1000px}h1.svelte-lzp0tv{margin:0 0 0.5rem 0;font-size:1.75rem;font-weight:700;color:#111827}p.svelte-lzp0tv{margin:0;color:#4b5563}.page.svelte-lzp0tv{max-width:1000px}h1.svelte-lzp0tv{margin:0 0 0.5rem 0;font-size:1.75rem;font-weight:700;color:#111827}p.svelte-lzp0tv{margin:0;color:#4b5563}.page.svelte-odtd0v.svelte-odtd0v{width:100%;max-width:1200px;margin:0 auto}.header.svelte-odtd0v h1.svelte-odtd0v{margin:0 0 0.25rem 0;font-size:1.75rem}.header.svelte-odtd0v p.svelte-odtd0v{margin:0 0 1rem 0;color:#4b5563}.filters.svelte-odtd0v.svelte-odtd0v{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr auto;gap:0.75rem;margin-bottom:1rem}.filters.svelte-odtd0v input.svelte-odtd0v,.filters.svelte-odtd0v select.svelte-odtd0v,.filters.svelte-odtd0v button.svelte-odtd0v{padding:0.6rem 0.75rem;border-radius:6px;border:1px solid #d1d5db}.filters.svelte-odtd0v button.svelte-odtd0v{background:#8b5cf6;color:#fff;border-color:#8b5cf6;cursor:pointer}.table-wrap.svelte-odtd0v.svelte-odtd0v{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px}table.svelte-odtd0v.svelte-odtd0v{width:100%;border-collapse:collapse}th.svelte-odtd0v.svelte-odtd0v,td.svelte-odtd0v.svelte-odtd0v{text-align:left;padding:0.75rem;border-bottom:1px solid #f3f4f6;font-size:0.9rem}thead.svelte-odtd0v th.svelte-odtd0v{background:#f9fafb;color:#6b7280;font-weight:600}.state.svelte-odtd0v.svelte-odtd0v{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.state.error.svelte-odtd0v.svelte-odtd0v{color:#b91c1c}.pagination.svelte-odtd0v.svelte-odtd0v{display:flex;align-items:center;gap:0.75rem;margin-top:1rem}.pagination.svelte-odtd0v button.svelte-odtd0v{padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer}.page.svelte-115mcc9.svelte-115mcc9{width:100%;max-width:1000px;margin:0 auto}h1.svelte-115mcc9.svelte-115mcc9{margin:0.5rem 0 1rem 0}h2.svelte-115mcc9.svelte-115mcc9{margin-top:1.25rem;margin-bottom:0.5rem}.card.svelte-115mcc9.svelte-115mcc9{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:grid;gap:0.5rem}.state.svelte-115mcc9.svelte-115mcc9{padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.state.error.svelte-115mcc9.svelte-115mcc9{color:#b91c1c}.actions.svelte-115mcc9.svelte-115mcc9{margin:1rem 0;display:flex;gap:0.5rem}.actions.svelte-115mcc9 input.svelte-115mcc9{flex:1;border:1px solid #d1d5db;border-radius:6px;padding:0.6rem}.actions.svelte-115mcc9 button.svelte-115mcc9{border:1px solid #8b5cf6;background:#8b5cf6;color:#fff;border-radius:6px;padding:0.6rem 0.85rem;cursor:pointer}.row.svelte-115mcc9.svelte-115mcc9{display:grid;grid-template-columns:90px 1fr 1fr;gap:0.5rem;padding:0.35rem 0;border-bottom:1px solid #f3f4f6}.page.svelte-1x1k58p.svelte-1x1k58p{width:100%;max-width:1200px;margin:0 auto}.header.svelte-1x1k58p h1.svelte-1x1k58p{margin:0 0 0.35rem 0;font-size:1.9rem}.header.svelte-1x1k58p p.svelte-1x1k58p{margin:0 0 1.25rem 0;color:#4b5563}.grid.svelte-1x1k58p.svelte-1x1k58p{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1rem}.card.svelte-1x1k58p.svelte-1x1k58p{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;text-decoration:none;color:inherit;display:grid;gap:0.5rem;transition:border-color 0.15s, box-shadow 0.15s}.card.svelte-1x1k58p.svelte-1x1k58p:hover{border-color:#8b5cf6;box-shadow:0 4px 14px rgba(139, 92, 246, 0.12)}.icon.svelte-1x1k58p.svelte-1x1k58p{color:#8b5cf6;font-size:1.5rem}h2.svelte-1x1k58p.svelte-1x1k58p{margin:0;font-size:1.1rem}p.svelte-1x1k58p.svelte-1x1k58p{margin:0;color:#6b7280}.sidebar.svelte-16uaq3y.svelte-16uaq3y{width:280px;background:linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);display:flex;flex-direction:column;align-items:stretch;transition:left 0.2s, background 0.2s;z-index:100;height:100vh}.sidebar.collapsed.svelte-16uaq3y.svelte-16uaq3y{width:72px}.sidebar-header.svelte-16uaq3y.svelte-16uaq3y{display:flex;align-items:center;justify-content:center;height:72px;padding:0 2rem;border-bottom:1px solid rgba(255,255,255,0.15);flex-shrink:0;position:relative}.collapse-btn.svelte-16uaq3y.svelte-16uaq3y{position:absolute;right:10px;top:12px;background:rgba(255,255,255,0.12);border:none;color:#fff;border-radius:8px;padding:6px;cursor:pointer}.sidebar-logo.svelte-16uaq3y.svelte-16uaq3y{height:20px}.sidebar-nav-container.svelte-16uaq3y.svelte-16uaq3y{flex:1;overflow-y:auto;transition:height 0.3s ease, opacity 0.3s ease}.sidebar-nav.svelte-16uaq3y.svelte-16uaq3y{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem;transition:transform 0.3s ease, opacity 0.3s ease}.nav-link.svelte-16uaq3y.svelte-16uaq3y{display:flex;align-items:center;gap:1rem;padding:0.85rem 2rem;color:rgba(255,255,255,0.9);text-decoration:none;font-weight:600;border-left:3px solid transparent;border-radius:0 8px 8px 0;transition:background 0.2s, border-color 0.2s, color 0.2s;font-size:0.98rem}.nav-link.svelte-16uaq3y .label.svelte-16uaq3y{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed.svelte-16uaq3y .nav-link.svelte-16uaq3y{justify-content:center;padding:0.85rem 0}.collapsed.svelte-16uaq3y .nav-link .label.svelte-16uaq3y{display:none}.collapsed.svelte-16uaq3y .nav-section-title.svelte-16uaq3y{display:none}.collapsed.svelte-16uaq3y .section-links.svelte-16uaq3y{max-height:none;opacity:1}.nav-link.active.svelte-16uaq3y.svelte-16uaq3y,.nav-link.svelte-16uaq3y.svelte-16uaq3y:hover{background:rgba(255,255,255,0.12);color:#ffffff;border-left:3px solid #22D3EE}.material-symbol.svelte-16uaq3y.svelte-16uaq3y{font-size:22px;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:transform 0.3s ease}[data-theme="dark"] .nav-link.svelte-16uaq3y .material-symbol.svelte-16uaq3y{color:#93C5FD;opacity:0.9}[data-theme="dark"] .nav-link.active.svelte-16uaq3y .material-symbol.svelte-16uaq3y,[data-theme="dark"] .nav-link.svelte-16uaq3y:hover .material-symbol.svelte-16uaq3y{color:#93C5FD;opacity:1}.nav-link.active.svelte-16uaq3y .material-symbol.svelte-16uaq3y,.nav-link.svelte-16uaq3y:hover .material-symbol.svelte-16uaq3y{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.nav-link.svelte-16uaq3y.svelte-16uaq3y:focus-visible{outline:2px solid rgba(34, 211, 238, 0.65);outline-offset:2px}.nav-section-title.svelte-16uaq3y.svelte-16uaq3y{padding:0.75rem 2rem 0 2rem;color:rgba(255,255,255,0.65);font-size:0.8125rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;background:none;width:100%;text-align:left;transition:color 0.15s}.nav-section-title.svelte-16uaq3y.svelte-16uaq3y:hover{color:rgba(255,255,255,0.9)}.nav-section-title.svelte-16uaq3y.svelte-16uaq3y:focus-visible{outline:2px solid rgba(34, 211, 238, 0.65);outline-offset:-2px;border-radius:4px}.section-chevron.svelte-16uaq3y.svelte-16uaq3y{font-size:16px;transition:transform 0.25s ease;flex-shrink:0}.section-chevron.rotated.svelte-16uaq3y.svelte-16uaq3y{transform:rotate(-90deg)}.section-links.svelte-16uaq3y.svelte-16uaq3y{overflow:hidden;transition:max-height 0.3s ease, opacity 0.2s ease;max-height:500px;opacity:1}.section-links.section-collapsed.svelte-16uaq3y.svelte-16uaq3y{max-height:0;opacity:0}.nav-favorites.svelte-16uaq3y.svelte-16uaq3y{display:flex;flex-direction:column;gap:0}.nav-link-nested.svelte-16uaq3y.svelte-16uaq3y{padding-left:3rem;font-size:0.875rem;font-weight:500}.nav-link-nested.svelte-16uaq3y .nav-nested-marker.svelte-16uaq3y{font-size:1.1rem;opacity:0.9;flex-shrink:0;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20}.sidebar-footer.svelte-16uaq3y.svelte-16uaq3y{padding:1rem 2rem;font-size:0.7rem;color:rgba(255, 255, 255, 0.4);border-top:1px solid rgba(255, 255, 255, 0.1);flex-shrink:0;margin-top:auto;text-align:center;font-weight:400;letter-spacing:0.02em}.collapsed.svelte-16uaq3y .sidebar-footer.svelte-16uaq3y{padding:1rem 0.5rem;font-size:0.65rem;word-break:break-all}@media(max-width: 900px){.sidebar.svelte-16uaq3y.svelte-16uaq3y{position:fixed;left:-280px;top:0;height:100vh;box-shadow:2px 0 12px rgba(10,53,118,0.08)}.sidebar.open.svelte-16uaq3y.svelte-16uaq3y{left:0}}.header.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;height:72px;background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:0 2.5rem 0 2rem}.left-section.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center}.title-container.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:1rem}.title.svelte-mkl10o.svelte-mkl10o{font-size:1.35rem;font-weight:600;color:var(--color-primary)}.center-section.svelte-mkl10o.svelte-mkl10o{flex:1;display:flex;align-items:center;justify-content:center}.right-section.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:1.5rem}.search.svelte-mkl10o.svelte-mkl10o{display:none;align-items:center;background:#ffffff;border:1px solid #E5E7EB;border-radius:8px;padding:0.5rem 0.9rem;gap:0.7rem;width:520px}.search.svelte-mkl10o input.svelte-mkl10o{border:none;background:transparent;outline:none;font-size:1rem;width:100%}.search.svelte-mkl10o.svelte-mkl10o:focus-within{box-shadow:0 0 0 3px rgba(139, 92, 246, 0.16);border-color:#8B5CF6}.search.expanded.svelte-mkl10o.svelte-mkl10o{width:640px}.global-search.svelte-mkl10o.svelte-mkl10o{display:none;position:absolute;top:64px;width:640px;max-height:60vh;overflow:auto;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:1000}.search-empty.svelte-mkl10o.svelte-mkl10o{padding:20px;text-align:center;color:#6B7280}.result-item.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.result-item.svelte-mkl10o.svelte-mkl10o:hover,.result-item.active.svelte-mkl10o.svelte-mkl10o{background:#F9FAFB}.type-badge.svelte-mkl10o.svelte-mkl10o{font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:#6B7280;background:#EEF2FF;padding:4px 8px;border-radius:999px}.result-title.svelte-mkl10o.svelte-mkl10o{font-weight:600;color:#111827}.result-meta.svelte-mkl10o.svelte-mkl10o{font-size:12px;color:#6B7280}.actions.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:0.9rem}.icon-btn.svelte-mkl10o.svelte-mkl10o{background:none;border:none;font-size:1.2rem;color:#6B7280;cursor:pointer;padding:0.5rem;border-radius:50%;transition:background 0.2s;display:flex;align-items:center;justify-content:center}.icon-btn.svelte-mkl10o.svelte-mkl10o:hover{background:#EEF2FF}.avatar.svelte-mkl10o.svelte-mkl10o{width:40px;height:40px;border-radius:50%;background:var(--header-avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.material-symbol.svelte-mkl10o.svelte-mkl10o{font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}@media(max-width: 900px){.search.svelte-mkl10o.svelte-mkl10o{width:250px}}@media(max-width: 768px){.search.svelte-mkl10o.svelte-mkl10o{width:180px}}.dropdown.svelte-mkl10o.svelte-mkl10o{position:absolute;top:100%;right:2rem;background:var(--color-white);border:1px solid var(--header-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:200px;z-index:1000}.dropdown-item.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:0.8rem;padding:0.8rem 1rem;color:var(--color-text-main);cursor:pointer;transition:background 0.2s}.dropdown-item.svelte-mkl10o.svelte-mkl10o:hover{background:var(--header-avatar-bg)}.dropdown-item.logout.svelte-mkl10o.svelte-mkl10o{color:var(--color-text-main);border-top:1px solid var(--header-border)}.avatar-container.svelte-mkl10o.svelte-mkl10o{position:relative}.recently-viewed-container.svelte-mkl10o.svelte-mkl10o{position:relative}.recently-viewed-dropdown.svelte-mkl10o.svelte-mkl10o{position:absolute;top:100%;right:0;margin-top:0.5rem;background:var(--color-white);border:1px solid var(--header-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:320px;max-width:400px;max-height:500px;overflow-y:auto;z-index:1000}.recently-viewed-header.svelte-mkl10o.svelte-mkl10o{padding:1rem;border-bottom:1px solid var(--header-border);font-weight:600;font-size:0.875rem;color:var(--color-text-main)}.recently-viewed-item.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:flex-start;gap:0.75rem;padding:0.75rem 1rem;cursor:pointer;transition:background 0.2s;border-bottom:1px solid #f3f4f6;text-decoration:none;color:inherit}.recently-viewed-item.svelte-mkl10o.svelte-mkl10o:last-child{border-bottom:none}.recently-viewed-item.svelte-mkl10o.svelte-mkl10o:hover{background:var(--header-avatar-bg);text-decoration:none;color:inherit}.recently-viewed-item-icon.svelte-mkl10o.svelte-mkl10o{width:2rem;height:2rem;border-radius:6px;background:#EEF2FF;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8B5CF6;font-size:1.125rem}.recently-viewed-item-content.svelte-mkl10o.svelte-mkl10o{flex:1;min-width:0}.recently-viewed-item-title.svelte-mkl10o.svelte-mkl10o{font-weight:500;font-size:0.875rem;color:var(--color-text-main);margin-bottom:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recently-viewed-item-meta.svelte-mkl10o.svelte-mkl10o{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--color-text-muted)}.recently-viewed-item-type.svelte-mkl10o.svelte-mkl10o{text-transform:capitalize;font-weight:500}.recently-viewed-item-time.svelte-mkl10o.svelte-mkl10o{color:#9ca3af}.recently-viewed-empty.svelte-mkl10o.svelte-mkl10o{padding:2rem 1rem;text-align:center;color:var(--color-text-muted);font-size:0.875rem}.recently-viewed-empty-icon.svelte-mkl10o.svelte-mkl10o{font-size:2rem;color:#d1d5db;margin-bottom:0.5rem}.header.theme-dark.svelte-mkl10o .dropdown.svelte-mkl10o{background-color:#1E293B !important;border-color:#334155 !important;box-shadow:0 4px 16px rgba(0, 0, 0, 0.35)}.header.theme-dark.svelte-mkl10o .dropdown-item.svelte-mkl10o{color:#94A3B8 !important}.header.theme-dark.svelte-mkl10o .dropdown-item.svelte-mkl10o:hover{background:#334155 !important;color:#93C5FD !important}.header.theme-dark.svelte-mkl10o .dropdown-item.logout.svelte-mkl10o{border-top-color:#334155 !important}.app-shell.svelte-1mu6wv9{display:flex;height:100vh;background:var(--color-light-bg);overflow:hidden}.content-wrapper.svelte-1mu6wv9{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-content.svelte-1mu6wv9{flex:1;padding:2.5rem;background:var(--color-light-bg);background-color:var(--color-white);overflow:auto}html.theme-dark .main-content.svelte-1mu6wv9,html[data-theme="dark"] .main-content.svelte-1mu6wv9{background:#1E293B !important;background-color:#1E293B !important}.sidebar-overlay.svelte-1mu6wv9{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);z-index:99;border:none;cursor:pointer}@media(max-width: 900px){.sidebar-overlay.open.svelte-1mu6wv9{display:block}}