/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-500:oklch(62.7% .265 303.9);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.min-h-\[81px\]{min-height:81px}.min-h-screen{min-height:100vh}.w-\[400px\]{width:400px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.min-w-2xl{min-width:var(--container-2xl)}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-700{border-color:var(--color-gray-700)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-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: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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}*{font-family:Arial,sans-serif;box-sizing:border-box;margin:0;padding:0}.app{padding:40px;display:flex;flex-direction:column;gap:20px;height:100vh}.table-management{background:#f9fafb;padding:20px;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px}.table-management h4{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.sidebar{display:flex;flex-direction:column;width:100px;font-family:Arial,sans-serif}:root{--color-primary: #667EEA;--color-secondary: #764BA2;--color-heading: #2D3748;--color-dark: #4A5568;--color-light: #EDF2F7;--color-border: #E2E8F0;--color-hover: #f9f9f9;--color-tab-hover: #c2c4c9d2;--font-size-small: 14px;--font-size-medium: 16px;--font-size-large: 28px;--radius-small: 6px;--radius-medium: 8px;--radius-rounded: 999px;--spacing-xs: 2px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--spacing-xxl: 15px}.close_btn_normal{width:32px;height:32px;border:2px solid #ef4444;background:#fff;color:#ef4444;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.close_btn_normal:hover{background:#fef2f2}label:has(+input[required]):after,label:has(+select[required]):after,label:has(+textarea[required]):after{content:"*";color:#dc3545;font-weight:700;margin-left:4px}@media (max-width: 1000px){.charts-wrapper{flex-direction:column!important}}.charts-wrapper{display:flex;gap:15px;width:100%;flex-direction:row;margin-bottom:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;min-height:40px;transition:all .3s ease}.btn{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff}.driverreg-page{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.form-header_{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;margin-bottom:20px}.section-subtitle{font-size:14px;color:#718096;margin-top:4px;margin-bottom:16px}.viewproject-form{width:100%}.driverreg-page .form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;grid-template-columns:repeat(4,1fr)}.driverreg-page .form-group{display:flex;flex-direction:column;flex:1;min-width:200px;max-width:200px}.form-group.full-width{max-width:100%}.form-group.button-field{justify-content:flex-end}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select,.form-group textarea,.form-input{width:100%;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.form-group textarea{height:auto;padding:12px 16px;resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{border-color:#5b6fd8}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6}.form-group select,.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.file-input-custom{border:1px solid #e2e8f0;border-radius:8px;padding:8px;font-size:14px;cursor:pointer;width:100%}.search-driver-row{display:flex;gap:12px;align-items:flex-end}.search-driver-input{flex:1;max-width:300px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.search-driver-input:focus{border-color:#5b6fd8}.section-header-with-btn{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.add-child-btn{padding:10px 20px;background-color:#5b6fd8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.child-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px;align-items:start}.remove-child-btn{padding:10px 20px;background-color:#e53e3e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.remove-child-btn:hover{background-color:#c53030}@media (max-width: 768px){.driverreg-page{padding:16px}.driverreg-card{padding:20px}.form-group{max-width:100%;min-width:100%}.form-row{flex-direction:column;gap:16px;grid-template-columns:repeat(4,1fr)}.search-driver-row{flex-direction:column;align-items:stretch}.search-driver-input{max-width:100%}.child-row{flex-direction:column;align-items:stretch}.section-header-with-btn{flex-direction:column;gap:12px}.add-child-btn{width:100%}}.popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{background-color:#fff;border-radius:8px;padding:20px 24px;width:320px;max-width:90%;box-shadow:0 4px 12px #00000040;position:relative;text-align:center;animation:fadeIn .3s ease-in-out}.popup-title{font-size:18px;font-weight:600;color:#333;margin-bottom:10px}.popup-message{color:#555;font-size:14px;margin-bottom:20px}.popup-button{background-color:#007bff;color:#fff;border:none;padding:8px 18px;border-radius:4px;cursor:pointer;font-size:14px}.popup-button:hover{background-color:#0056b3}.popup-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:20px;color:#666;cursor:pointer}.popup-close:hover{color:#000}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn_icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px}.small_loader{display:inline-block;border:2px solid rgba(255,255,255,.4);border-top:2px solid white;border-radius:50%;animation:spin .7s linear infinite}.box-with-icon{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-left:2px solid #4A5568;border-right:2px solid #4A5568;border-bottom:2px solid #4A5568;padding:10px 15px;gap:10px;cursor:pointer;transition:background .2s}.box-with-icon:first-child{border-top:2px solid #4A5568}.box-with-icon:last-child{border-bottom:2px solid #4A5568}.box-with-icon:hover{background-color:#f9f9f9}.box-icon{font-size:28px;display:flex;align-items:center;color:#4a5568}.box-text{font-size:16px;color:#4a5568}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;max-height:40px;transition:all .3s ease;background:linear-gradient(120deg,#667eea,#764ba2);color:#fff}.btn:hover{background:linear-gradient(120deg,#5a6edc,#693e94)}.btn_icon{display:inline-flex;align-items:center}.icon_btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:40px;height:40px;border:none;cursor:pointer;transition:all .3s ease;color:#fff}.icon_btn:hover{opacity:.9}.icon_btn .btn_icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px}.dropdown_wrapper{display:flex;flex-direction:column;margin-bottom:12px}.dropdown_label{margin-bottom:2px;font-size:14px;color:#4a5568;font-weight:700}.dropdown{padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;width:200px;color:#4a5568}.dropdown option{color:#4a5568}.input_wrapper{display:flex;flex-direction:column;margin-bottom:2px}.input_label{margin-bottom:2px;font-size:14px;color:#4a5568;font-weight:700}.input{padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;color:#000}.input::placeholder{color:#4a5568;opacity:1}.inputDate_wrapper{display:flex;flex-direction:column;margin-bottom:8px;font-family:Arial,sans-serif;width:100%;max-width:160px;box-sizing:border-box}.inputDate_label{margin-bottom:4px;font-size:14px;color:#4a5568;font-weight:700}.inputDate_field{padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;color:#000;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;transition:.3s}.inputDate_field:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99;outline:none}.inputDate_field::-webkit-inner-spin-button,.inputDate_field::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3)}.date_time_form_group{display:flex;flex-direction:column;margin:15px;font-family:Arial,sans-serif;width:200px}.date_form_label{margin-bottom:6px;font-size:14px;font-weight:600;color:#4a4a4a}.date_time_form_input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:.3s}.date_time_form_input:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.logo-box{display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#667eea,#764ba2);padding:15px;cursor:pointer;transition:background .2s;width:100px}.logo-box:hover{background-color:#f9f9f9}.logo-img{width:40px;height:auto}.auth_main_header{font-size:26px;font-weight:700;text-align:center;margin-bottom:10px;background:linear-gradient(120deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-img-wrapper{display:flex;justify-content:center;margin:15px 0}.profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover}.sub-header{font-size:18px;font-weight:600;color:#2d3748;text-align:center;margin-bottom:20px}.tab_button_normal{display:inline-block;padding:10px 20px;border-radius:999px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;background-color:#edf2f7;color:#4a5568}.tab_button_normal:hover{background:#c2c4c9d2}.tab_button_selected{display:inline-block;padding:10px 20px;border-radius:999px;border:2px solid #667EEA;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;background:#fff;color:#4a5568}.tab_button_selected:hover{box-shadow:0 2px 10px #9babf379}.textarea_wrapper{display:flex;flex-direction:column;margin-bottom:12px}.textarea_label{margin-bottom:2px;font-size:14px;color:#4a5568;font-weight:700}.textarea{width:250px;padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;color:#000}.textarea::placeholder{color:#4a5568;opacity:1}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{display:none}.slider{position:absolute;cursor:pointer;background:#ccc;border-radius:20px;inset:0;transition:.3s}.slider:before{content:"";height:16px;width:16px;background:#fff;border-radius:50%;position:absolute;left:2px;bottom:2px;transition:.3s}input:checked+.slider{background:#6c63ff}input:checked+.slider:before{transform:translate(20px)}.upload_form-group{display:flex;flex-direction:column;margin:15px;font-family:Arial,sans-serif;width:250px}.upload_form-label{margin-bottom:6px;font-size:14px;font-weight:600;color:#4a4a4a}.upload_form-input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:.3s}.upload_form-input:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.search_box_wrapper{display:flex;gap:8px;align-items:center}.search_input{padding:8px 12px!important;border:2px solid #E2E8F0!important;border-radius:6px!important;font-size:14px!important;color:#000!important;width:250px!important}.search_input::placeholder{color:#4a5568!important;opacity:1!important}.search_btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:20px;min-height:40px;transition:all .3s ease;background:linear-gradient(120deg,#667eea,#764ba2);color:#fff}.search_btn:hover{background:linear-gradient(120deg,#5a6edc,#693e94)}.driver-today-badge{display:inline-block;padding:6px 12px;background-color:#eef2ff;color:#1e40af;font-size:13px;font-weight:600;border-radius:999px;border:1px solid #c7d2fe;letter-spacing:.2px}.driver-today-badge:hover{background-color:#e0e7ff}.maindashboard-header-box{display:flex;align-items:center;justify-content:space-between;width:100%}.maindashboard-header-title{font-size:32px;font-weight:700;color:#1f2937;text-align:center}.maindashboard-header-item{position:relative}.maindashboard-analytics-tabs{display:flex;gap:20px}.maindashboard_download_report_button{padding:12px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-width:250px}@media (max-width: 768px){.maindashboard-header-box{flex-direction:column;align-items:center;gap:12px}.maindashboard-header-title{order:1}.maindashboard-date-filter{order:2;width:100%}.maindashboard-week-filter{order:3;width:100%}.maindashboard-date-filter>div,.maindashboard-week-filter>div{width:100%}.maindashboard-analytics-tabs{flex-direction:column;width:100%}}.reports_container{background:#fff;padding:5px 25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:calc(100vw - 280px);box-sizing:border-box}.reports_table_filter_div{display:flex;margin-bottom:12px;flex-direction:column;gap:10px}.reports_table_title_row{display:flex;justify-content:center;margin-bottom:10px}.reports_table_title_heading_tag{color:#333;font-size:18px;font-weight:700}.reports_filters_row{display:flex;flex-wrap:wrap;gap:10px}.reports_container .reports_search_input{padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:12px;width:300px}.reports_container .reports_rows_per_page_input_tag{width:60px;padding:4px 6px;border:1px solid #ccc;border-radius:4px;text-align:center}.reports_table_tag_wrapper{overflow-x:auto;border-radius:6px;border:1px solid #e0e0e0}.reports_table_tag{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.reports_table_thead_tr_tag{background:#e6f2ff;text-align:left}.reports_table_thead_tr_th_tag{border-bottom:2px solid #d0e2ff;border:2px solid #d0e2ff;text-transform:capitalize;padding:10px 16px}.reports_table_tbody_tr_tag{border-bottom:1px solid #eee;text-align:left}.reports_table_tbody_tr_tag:hover{background-color:#faebd7}.reports_table_tbody_tr_td_tag{text-align:left;border:2px solid #d0e2ff;padding:10px 16px;word-break:break-all}.reports_table_tbody_tr_tag_row_even{background:#fafafa;border-bottom:1px solid #eee}.reports_table_tbody_tr_tag_row_odd{background:#fff;border-bottom:1px solid #eee}.reports_table_tbody_tr_total_row{background-color:#ffe69b}.reports_no_record_found_error{padding:20px;color:#e81919}.reports_pagination_container_div{margin-top:10px;display:flex;justify-content:center;gap:10px;align-items:center}.reports_pagination_button{padding:6px 12px;border-radius:6px;cursor:pointer;background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;font-size:10px}.reports_pagination_button:disabled{background:#eee;cursor:not-allowed;color:#000}.reports_pagination_text{font-size:14px}.ReportAndAnalytics_container{display:flex;background-color:#f5f6fa;overflow:hidden}.ReportAndAnalytics_sidebar{display:flex;flex-direction:column;height:90vh;background-color:#fff;border-right:1px solid #e0e0e0;box-sizing:border-box;transition:width .25s ease;box-shadow:0 2px 8px #0000001a;border-radius:12px}.ReportAndAnalytics_sidebar.expanded{width:200px}.ReportAndAnalytics_sidebar.collapsed{width:60px}.ReportAndAnalytics_sidebar_header{display:flex;align-items:center;justify-content:space-between;padding:10px;flex-shrink:0}.ReportAndAnalytics_sidebar_heading{font-size:18px;font-weight:600;margin:0}.ReportAndAnalytics_sidebar_collapse_btn{cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.ReportAndAnalytics_sidebar_tabs{flex:1;overflow-y:auto;padding:5px}.ReportAndAnalytics_sidebar_tab{margin-bottom:6px;padding:6px;border-radius:6px;cursor:pointer;color:#333;display:flex;align-items:center;transition:background-color .2s;font-size:12px}.ReportAndAnalytics_sidebar_tab.center{justify-content:center}.ReportAndAnalytics_sidebar_tab.left{justify-content:flex-start}.ReportAndAnalytics_sidebar_tab.active{background-color:#1976d2;color:#fff;font-weight:500}.ReportAndAnalytics_sidebar_tab:hover{background-color:#95c3f2}.ReportAndAnalytics_content{flex:1;padding:0 24px 24px;overflow-y:auto}.loader-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.reports_table_tag.combined_table{table-layout:auto;white-space:nowrap}.reports_table_tag.combined_table .reports_table_tbody_tr_td_tag{word-break:normal}.physical-checkup-container{margin-top:25px;background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:calc(100vw - 280px)}.physical-checkup-header{display:flex;justify-content:space-between;margin-bottom:12px}.physical-checkup-header h3{font-size:18px;font-weight:600;margin:0}.physical-checkup-table-wrapper{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.physical-checkup-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.physical-checkup-table thead tr{background-color:#e6f2ff}.physical-checkup-table th,.physical-checkup-table td{padding:10px;text-align:center;border-bottom:1px solid #eaeaea}.physical-checkup-table th{font-weight:600}.physical-checkup-table tbody tr:hover{background-color:#f9f9f9}.physical-checkup-controls{display:flex;gap:16px;align-items:center}.physical-checkup-controls input[type=text]{padding:6px 10px;border:1px solid #ccc;border-radius:6px;width:240px}.physical-checkup-container .rows-control input{width:60px;padding:4px;border:1px solid #ccc;border-radius:4px;text-align:center}.physical-checkup-pagination{margin-top:12px;display:flex;justify-content:center;gap:12px}.physical-checkup-pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ccc;cursor:pointer}.physical-checkup-pagination button:disabled{opacity:.5;cursor:not-allowed}.mental-checkup-container{margin-top:25px;background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:calc(100vw - 280px)}.mental-checkup-header{display:flex;justify-content:space-between;margin-bottom:12px}.mental-checkup-header h3{font-size:18px;font-weight:600;margin:0}.mental-checkup-table-wrapper{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.mental-checkup-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.mental-checkup-table thead tr{background-color:#e6f2ff}.mental-checkup-table th,.mental-checkup-table td{padding:10px;text-align:center;border-bottom:1px solid #eaeaea}.mental-checkup-table th{font-weight:600}.mental-checkup-table tbody tr:hover{background-color:#f9f9f9}.mental-checkup-controls{display:flex;gap:16px;align-items:center}.mental-checkup-controls input[type=text]{padding:6px 10px;border:1px solid #ccc;border-radius:6px;width:240px}.mental-checkup-container .rows-control input{width:60px;padding:4px;border:1px solid #ccc;border-radius:4px;text-align:center}.mental-checkup-pagination{margin-top:12px;display:flex;justify-content:center;gap:12px}.mental-checkup-pagination button{padding:6px 12px;border-radius:6px;border:1px solid #ccc;cursor:pointer}.mental-checkup-pagination button:disabled{opacity:.5;cursor:not-allowed}.health_table_wrapper{width:100%;overflow-x:auto;font-family:Arial,sans-serif}.table_heading{margin-bottom:8px;font-weight:700}.health_table{width:100%;border-collapse:collapse;font-size:14px}.health_table th,.health_table td{padding:6px 8px;text-align:center}.table_title{background-color:#f3d6c8;font-weight:700}.highlight_column{font-weight:700}.daily-signoff-container{margin-top:25px;background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:calc(100vw - 280px)}.daily-signoff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.daily-signoff-header h3{font-size:18px;font-weight:600;margin:0}.daily-signoff-controls{display:flex;gap:16px;align-items:center}.daily-signoff-controls input[type=text]{padding:6px 10px;border:1px solid #ccc;border-radius:6px;width:300px;font-size:13px}.daily-signoff-controls input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.rows-control{display:flex;align-items:center;gap:8px}.rows-control label{font-size:13px;font-weight:500;color:#333}.daily-signoff-container .rows-control input{width:60px;padding:4px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:13px}.daily-signoff-container .rows-control input:focus{outline:none;border-color:#4a90e2}.daily-signoff-table-wrapper{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.daily-signoff-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.daily-signoff-table thead tr{background-color:#e6f2ff}.daily-signoff-table th,.daily-signoff-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #eaeaea}.daily-signoff-table th{font-weight:600;color:#333;position:sticky;top:0;background-color:#e6f2ff;z-index:10}.daily-signoff-table tbody tr:hover{background-color:#f9f9f9}.daily-signoff-table tbody tr:nth-child(2n){background-color:#fafafa}.daily-signoff-table tbody tr:nth-child(2n):hover{background-color:#f5f5f5}.daily-signoff-pagination{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:12px}.daily-signoff-pagination button{padding:8px 16px;border-radius:6px;border:1px solid #ccc;background-color:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.daily-signoff-pagination button:hover:not(:disabled){background-color:#4a90e2;color:#fff;border-color:#4a90e2}.daily-signoff-pagination button:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.daily-signoff-pagination span{font-size:13px;font-weight:500;color:#333}.daily-signoff-table tbody td[colspan]{text-align:center;padding:40px 20px;color:#666;font-size:14px}@media (max-width: 1200px){.daily-signoff-container{max-width:calc(100vw - 40px);margin:20px}.daily-signoff-header{flex-direction:column;align-items:flex-start;gap:12px}.daily-signoff-controls{width:100%;flex-wrap:wrap}.daily-signoff-controls input[type=text]{flex:1;min-width:200px}}@media (max-width: 768px){.daily-signoff-container{padding:15px}.daily-signoff-table{font-size:12px}.daily-signoff-table th,.daily-signoff-table td{padding:8px}}.lens-stock-report{padding:20px;background:#f5f5f5;min-height:100vh}.report-header h2{margin:0 0 10px;font-size:24px;color:#333}.admin-badge{background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-left:10px}.date-range{display:flex;align-items:center;gap:10px}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.store-selector{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;outline:none;cursor:pointer}.store-selector:focus{border-color:#5c6ac4}.matrix-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.stock-matrix{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.stock-matrix th{background:#f8f9fa;padding:12px 8px;text-align:center;font-weight:600;color:#333;border:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.stock-matrix td{padding:10px 8px;text-align:center;border:1px solid #e0e0e0}.row-header{background:#f8f9fa;font-weight:600;color:#333;position:sticky;left:0;z-index:5}.total-cell{background:#e3f2fd;font-weight:600;color:#1976d2}.grand-total-cell{background:#1976d2;color:#fff;font-weight:700;font-size:16px}.total-row{background:#e3f2fd}.total-row td{font-weight:600;color:#1976d2}.cell-zero{background:#ffebee;color:#c62828}.cell-low{background:#fff3e0;color:#ef6c00}.cell-medium{background:#fff9c4;color:#f57f17}.cell-high{background:#e8f5e9;color:#2e7d32}.legend{display:flex;gap:20px;justify-content:center;padding-top:15px;border-top:1px solid #e0e0e0}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.legend-item span{width:30px;height:20px;border-radius:3px;border:1px solid #ddd}@media (max-width: 768px){.filters{flex-direction:column;align-items:stretch}.export-btn{margin-left:0}.date-range{flex-direction:column;width:100%}.date-input,.store-selector{width:100%}.legend{flex-wrap:wrap}.stock-matrix{font-size:12px}.stock-matrix th,.stock-matrix td{padding:8px 4px}}.matrix-container::-webkit-scrollbar{height:8px}.matrix-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.matrix-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.matrix-container::-webkit-scrollbar-thumb:hover{background:#555}.store-plus-power-summary{padding:20px;background:#f5f5f5;min-height:100vh}.report-header h2{margin:0 0 10px;font-size:24px;color:#333;font-weight:600}.report-header p{margin:0;color:#666;font-size:14px}.filters{background:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;box-shadow:0 2px 4px #0000001a}.date-range{display:flex;align-items:center;gap:10px;font-size:14px}.date-range label{font-weight:500;color:#333}.date-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.date-input:focus{border-color:#5c6ac4}.export-btn{padding:8px 20px;background:#5c6ac4;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s;margin-left:auto}.export-btn:hover{background:#4c5ab8}.export-btn:active{transform:scale(.98)}.report-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;margin-bottom:20px}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.report-table th{padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.report-table th:not(:first-child){text-align:right}.report-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.report-table tbody tr:hover{background-color:#f8f9fa}.report-table td{padding:12px 16px;color:#495057}.location-cell{font-weight:500;color:#333}.number-cell{text-align:right;font-family:Courier New,monospace}.balance-positive{color:#28a745;font-weight:600}.balance-negative{color:#dc3545;font-weight:600}.balance-zero{color:#6c757d}.grand-total-row{background:#e9ecef;border-top:2px solid #adb5bd;border-bottom:2px solid #adb5bd;font-weight:700}.grand-total-row:hover{background:#e9ecef!important}.grand-total-label{font-weight:700;color:#212529;font-size:15px}.grand-total-number{text-align:right;font-weight:700;color:#212529;font-family:Courier New,monospace;font-size:15px}.no-data{text-align:center;padding:40px;color:#6c757d;font-style:italic}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px}.info-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #5c6ac4}.info-card h4{margin:0 0 8px;font-size:16px;color:#333;font-weight:600}.info-card p{margin:0;font-size:13px;color:#666;line-height:1.5}@media (max-width: 768px){.store-plus-power-summary,.report-header{padding:15px}.report-header h2{font-size:20px}.filters{flex-direction:column;align-items:stretch}.export-btn{margin-left:0;width:100%}.date-range{flex-direction:column;width:100%;align-items:stretch}.date-input{width:100%}.report-table{font-size:12px}.report-table th,.report-table td{padding:10px 8px}.info-section{grid-template-columns:1fr}}@media print{.filters,.export-btn{display:none}.store-plus-power-summary{background:#fff}.report-container,.report-header{box-shadow:none}}.report-container::-webkit-scrollbar{height:8px}.report-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.report-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.report-container::-webkit-scrollbar-thumb:hover{background:#555}.campdashboard-header-box{display:flex;align-items:center;justify-content:space-between;width:100%}.campdashboard-header-title{font-size:32px;font-weight:700;color:#1f2937;text-align:center}.campdashboard-header-item{position:relative}.campdashboard-analytics-tabs{display:flex;gap:20px}.campdashboard_download_report_button{padding:12px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-width:250px}@media (max-width: 768px){.campdashboard-header-box{flex-direction:column;align-items:center;gap:12px}.campdashboard-header-title{order:1}.campdashboard-date-filter{order:2;width:100%}.campdashboard-week-filter{order:3;width:100%}.campdashboard-date-filter>div,.campdashboard-week-filter>div{width:100%}.campdashboard-analytics-tabs{flex-direction:column;width:100%}}.MainDashBoard_TargetAllocationCompletedPerformanceChart-performance-chart-container{width:100%;box-sizing:border-box}.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-header-row{display:flex;flex-direction:column;gap:16px;width:100%}.MainDashBoard_TargetAllocationCompletedPerformanceChart-chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;width:100%;box-sizing:border-box}.MainDashBoard_TargetAllocationCompletedPerformanceChart-header-section{width:100%}.MainDashBoard_TargetAllocationCompletedPerformanceChart-chart-title{margin:0;font-size:clamp(14px,2.5vw,18px);font-weight:600;color:#2e7d32;line-height:1.3;flex-shrink:0;word-wrap:break-word}.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-metrics{display:flex;flex-direction:column;gap:20px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-performance-metric{width:100%}.MainDashBoard_TargetAllocationCompletedPerformanceChart-performance-value{font-size:clamp(24px,6vw,36px);font-weight:700;margin:0 0 8px;color:#1f2937;line-height:1.1}.MainDashBoard_TargetAllocationCompletedPerformanceChart-performance-label{font-size:14px;color:#6b7280;margin-bottom:16px;font-weight:500}.MainDashBoard_TargetAllocationCompletedPerformanceChart-progress-container{width:100%}.MainDashBoard_TargetAllocationCompletedPerformanceChart-progress-bg{background-color:#f3f4f6;border-radius:10px;height:12px;overflow:hidden;margin-bottom:8px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-progress-bar{height:100%;border-radius:10px;transition:width .4s ease,background-color .3s ease}.MainDashBoard_TargetAllocationCompletedPerformanceChart-progress-legend{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;font-weight:500}.MainDashBoard_TargetAllocationCompletedPerformanceChart-secondary-metrics{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start}.MainDashBoard_TargetAllocationCompletedPerformanceChart-metric-item{flex:1;min-width:100px;max-width:140px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-metric-value{font-size:clamp(16px,3vw,20px);font-weight:700;color:#1f2937;margin-bottom:4px;line-height:1.2}.MainDashBoard_TargetAllocationCompletedPerformanceChart-metric-value--success{color:#4caf50}.MainDashBoard_TargetAllocationCompletedPerformanceChart-metric-label{font-size:12px;color:#6b7280;font-weight:500;line-height:1.3}@media (min-width: 768px){.MainDashBoard_TargetAllocationCompletedPerformanceChart-chart-title{width:30%}.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-header-row{flex-direction:row;align-items:flex-start;gap:24px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-metrics{flex:1;display:flex;flex-direction:row;align-items:center;gap:24px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-performance-metric{flex:1;max-width:300px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-secondary-metrics{flex:1;justify-content:space-around}.MainDashBoard_TargetAllocationCompletedPerformanceChart-metric-item{min-width:120px}}@media (min-width: 1024px){.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-header-row{gap:32px}.MainDashBoard_TargetAllocationCompletedPerformanceChart-chart-title{flex:0 0 200px;font-size:clamp(16px,2vw,20px)}.MainDashBoard_TargetAllocationCompletedPerformanceChart-main-metrics{align-items:center}}.DriverScreeningStatus_regTime-container{width:100%;padding:20px;box-sizing:border-box}.DriverScreeningStatus_regTime-headerTableRow{display:flex;gap:20px;align-items:flex-start}.DriverScreeningStatus_regTime-pageTitle{width:30%;font-size:24px;font-weight:600}.DriverScreeningStatus_regTime-tableWrapper{width:70%;overflow-x:auto}.rowHeader{font-weight:600}.DriverScreeningStatus_regTime-dataTable th,.DriverScreeningStatus_regTime-dataTable td{padding:10px;text-align:left}.DriverScreeningStatus_regTime-cardsSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin-top:30px;align-items:stretch}.DriverScreeningStatus_regTime-card{background:#fff;border-radius:12px;padding:20px 20px 10px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;height:100%}@media (max-width: 992px){.DriverScreeningStatus_regTime-card{flex:1 1 45%}}@media (max-width: 600px){.DriverScreeningStatus_regTime-cardsSection{flex-direction:column}.DriverScreeningStatus_regTime-card{width:100%}}@media (max-width: 768px){.DriverScreeningStatus_regTime-headerTableRow{flex-direction:column}.DriverScreeningStatus_regTime-pageTitle,.DriverScreeningStatus_regTime-tableWrapper{width:100%}}.DriverScreeningStatus_regTime-dataTable{width:100%;border-collapse:collapse}.DriverScreeningStatus_regTime-dataTable th,.DriverScreeningStatus_regTime-dataTable td{padding:12px;text-align:left;border-right:3px solid #ffffff;border-bottom:3px solid #ffffff}.DriverScreeningStatus_regTime-dataTable th:last-child,.DriverScreeningStatus_regTime-dataTable td:last-child{border-right:none}.DriverScreeningStatus_regTime-dataTable th{font-weight:600}.rowHeader{font-weight:600;width:120px}.DriverScreeningStatus_regTime-dataTable tbody tr:last-child td{border-bottom:none}.dashboard{display:flex;height:100vh;background-color:#f7f9fc;font-family:Inter,sans-serif;overflow-x:hidden}.sidebar{width:80px;min-width:80px;max-width:80px;background-color:#fff;color:#5c5858;display:flex;flex-direction:column;align-items:center;border-right:1px solid #e5e7eb;height:100vh;position:fixed;top:0;left:0;z-index:1000;overflow-y:auto}.sidebar-logo{width:100%;text-align:center;color:#fff;padding:16px 0;font-weight:700;background:#fff;font-size:14px;min-height:60px;display:flex;align-items:center;justify-content:center}.sidebar-menu{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;color:#4a5568;overflow-y:auto}.menu-item{width:100%;text-align:center;padding:12px 0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .25s ease;font-size:12px;text-decoration:none;color:#4a5568;border-left:4px solid transparent}.menu-item:hover{background-color:#667eea14;color:#667eea}.menu-item.active{background-color:#667eea26;color:#667eea;font-weight:500;border-left:4px solid #667eea}.menu-item svg{font-size:18px;margin-bottom:4px}.main{flex:1;display:flex;flex-direction:column;margin-left:80px;min-height:100vh;width:calc(100% - 80px)}.navbar{height:60px;min-height:60px;background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;position:sticky;top:0;z-index:100}.navbar-profile{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.navbar-username{font-weight:500;color:#333}.navbar-avatar{width:32px;height:32px;background-color:#f5c6a5;border-radius:50%;color:#333;display:flex;align-items:center;justify-content:center;font-weight:700}.content{flex:1;padding:20px;background-color:#f7f9fc;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.profile-popup{position:absolute;top:45px;right:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000026;border-radius:8px;z-index:100;min-width:200px;padding:8px}.camp-title_{font-size:16px;font-weight:600;color:#2d3748;margin:0}.logout-btn{width:100%;padding:8px 16px;background:#f79393;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;border-radius:20px;width:50%}.logout-btn:hover{background-color:#f3f4f6}.info-div{height:20vh;overflow-y:scroll}@media (max-width: 1024px){.sidebar{width:70px;min-width:70px;max-width:70px}.main{margin-left:70px;width:calc(100% - 70px)}.content{padding:15px}}@media (max-width: 768px){.sidebar{width:60px;min-width:60px;max-width:60px}.main{margin-left:60px;width:calc(100% - 60px)}.menu-item{padding:10px 0;font-size:10px}.menu-item svg{font-size:16px}.content{padding:10px}.navbar{padding:0 10px}.navbar-username{font-size:14px}}@media (max-width: 480px){.sidebar{width:50px;min-width:50px;max-width:50px}.main{margin-left:50px;width:calc(100% - 50px)}.menu-item span{display:none}.menu-item{padding:12px 0}.menu-item svg{font-size:18px;margin-bottom:0}.sidebar-logo{font-size:12px}}.inventory-container{width:100%;min-height:100vh;position:relative}.inventory-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e5e7eb;margin-bottom:0;box-shadow:none}.inventory-tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-button{padding:10px 20px;border:none;background:transparent;border-radius:0;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#6b7280;border-bottom:2px solid transparent}.tab-button:hover{color:#4f46e5}.tab-button.active{background:transparent;color:#4f46e5;border-bottom:2px solid #4f46e5}.inventory-content{background:#fff;padding:24px;margin:0;box-shadow:none}.stock-register-container,.stocks-container{width:100%;background:#fff;padding:20px}.heading{font-size:20px;margin-bottom:20px;font-weight:600;color:#111827}.stock-register-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:20px;flex-wrap:wrap}.search-filters{display:flex;gap:15px;align-items:flex-end;flex:1;flex-wrap:wrap}.date-filters{display:flex;gap:15px;align-items:flex-end}.date-filters>div{display:flex;flex-direction:column;gap:5px}.date-filters label{font-size:13px;color:#6b7280;font-weight:500}.action-buttons{display:flex;gap:10px}.search-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;min-width:250px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#6366f1}.date-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.date-input:focus{border-color:#6366f1}.btn-icon{padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;min-width:40px;height:38px}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af}.btn-icon:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:8px 24px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:8px 24px;background:#fff;color:#6366f1;border:1px solid #6366f1;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f0f9ff}.stock-table-container,.stocks-table-container{width:100%;overflow-x:auto;margin-top:20px;border:1px solid #e5e7eb;border-radius:4px}.stock-table,.stocks-table{width:100%;border-collapse:collapse;font-size:14px}.stock-table thead,.stocks-table thead{background:#f9fafb}.stock-table th,.stocks-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:13px}.stock-table td,.stocks-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#6b7280;text-align:left}.stock-table tbody tr:hover,.stocks-table tbody tr:hover{background:#f9fafb}.min-stock-cell{display:flex;align-items:center;gap:8px}.edit-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.edit-btn img{width:16px;height:16px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:90%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.view-modal{width:1000px;max-width:95%}.modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.close-button{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.close-button:hover{background:#f3f4f6;color:#ef4444}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.table-container{width:100%;overflow-x:auto;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:4px}.table-container-physical-varification{width:100%;overflow-x:auto}.receive-table,.issue-table,.indent-table,.transfer-table,.inwarding-table,.verification-table,.view-indent-table{width:100%;border-collapse:collapse;font-size:14px}.receive-table thead,.issue-table thead,.indent-table thead,.transfer-table thead,.inwarding-table thead,.verification-table thead,.view-indent-table thead{background:#f9fafb}.receive-table th,.issue-table th,.indent-table th,.transfer-table th,.inwarding-table th,.verification-table th,.view-indent-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:13px}.receive-table td,.issue-table td,.indent-table td,.transfer-table td,.inwarding-table td,.verification-table td,.view-indent-table td{padding:12px;border-bottom:1px solid #e5e7eb}.input-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;background:#fff;cursor:pointer;transition:border-color .3s}.input-select:focus{border-color:#6366f1}.input-select:disabled{background:#f3f4f6;cursor:not-allowed}.input-text{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.input-text:focus{border-color:#6366f1}.input-text.readonly{background:#f3f4f6;cursor:not-allowed}.input-date,.input-time{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;transition:border-color .3s}.input-date:focus,.input-time:focus{border-color:#6366f1}.input-date.readonly{background:#f3f4f6;cursor:not-allowed}.input-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;resize:vertical;font-family:inherit;transition:border-color .3s}.input-textarea:focus{border-color:#6366f1}.input-textarea.readonly{background:#f3f4f6;cursor:not-allowed}.btn-add{width:32px;height:32px;color:#fff;border:none;border-radius:4px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-add:hover{background:#059669}.custom_add_btn_responsiveness{color:#10b981}.custom_add_btn_responsiveness:hover{background:#059669;color:#fff}.custom_remove_btn_responsiveness{color:#ef4444;width:32px;height:32px;border:none;border-radius:4px;font-size:20px;cursor:pointer;align-items:center;justify-content:center}.custom_remove_btn_responsiveness:hover{background:#dc2626;color:#fff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.form-row-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-section{padding:0}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.form_actions_responsiveness{padding-top:12px;padding-bottom:12px}.inventory-inwarding-container{width:100%}.file-upload-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;margin-bottom:20px}.file-upload-group{display:flex;flex-direction:column;gap:8px}.file-upload-group label{font-size:14px;font-weight:500;color:#374151}.file-input{padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer}.file-status{font-size:12px;color:#6b7280;font-style:italic}.inventory-indent-container,.transfer-out-container{width:100%}.indent-header,.transfer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap}.search-section{flex:1}.indent-table-container,.transfer-table-container{width:100%;overflow-x:auto;margin-bottom:20px;border:1px solid #e5e7eb;border-radius:4px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-verified{background-color:#dbeafe;color:#1e40af}.status-unknown{background-color:#f3f4f6;color:#6b7280}.btn-view,.btn-update{padding:6px 16px;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s}.btn-view:hover,.btn-update:hover{background:#4f46e5}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;min-width:40px}.pagination-btn:hover:not(:disabled){background:#f3f4f6}.pagination-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.view-modal{width:900px;max-width:95%}.view-indent-top-info{display:flex;gap:40px;margin-bottom:16px;flex-wrap:wrap}.view-info-item{display:flex;flex-direction:column;gap:4px}.view-info-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.view-info-value{font-size:14px;font-weight:400;color:#1f2937}.view-indent-raised{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.view-indent-items-section{margin-bottom:24px}.view-indent-items-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.view-indent-items-table thead{background-color:#f9fafb}.view-indent-items-table th{padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.view-indent-items-table td{padding:10px 12px;font-size:14px;color:#1f2937;border-bottom:1px solid #e5e7eb}.view-indent-items-table tbody tr:last-child td{border-bottom:none}.view-indent-items-table tbody tr:hover{background-color:#f9fafb}.empty-items-notice{padding:30px;text-align:center;background-color:#fef3c7;border:1px solid #fde68a;border-radius:4px}.empty-items-notice p{color:#92400e;font-size:13px;margin:0}.view-indent-field{margin-bottom:20px}.view-field-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.view-field-value{padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#1f2937}.view-field-textarea{padding:10px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;color:#1f2937;min-height:60px;line-height:1.5}.view-indent-status-section{margin-bottom:24px;display:flex;align-items:center}.view-indent-bottom-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-close-modal{padding:8px 24px;background:#6b7280;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.btn-close-modal:hover{background:#4b5563}@media (max-width: 768px){.view-indent-top-info{flex-direction:column;gap:16px}.view-indent-bottom-info{grid-template-columns:1fr;gap:16px}}.physical-verification-container{width:100%}.physical-verification-container h2{font-size:20px;font-weight:600;color:#111827;margin-bottom:20px}.verification-info{display:flex;gap:24px;padding:16px;background:#f9fafb;border-radius:6px;margin-bottom:20px;flex-wrap:wrap}.datetime-group{display:flex;gap:12px;flex-wrap:wrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin-top:16px;color:#6b7280;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:#f9fafb;border-radius:6px;text-align:center}.empty-state p{color:#6b7280;font-size:16px;margin:0}.error-message{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px}.error-message div{color:#991b1b;font-size:14px}.error-message button{padding:6px 16px;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .3s}.error-message button:hover{background:#b91c1c}@media (max-width: 768px){.inventory-tabs{flex-direction:column}.tab-button{width:100%}.stock-register-header,.indent-header,.transfer-header,.search-filters{flex-direction:column;align-items:stretch}.action-buttons{justify-content:stretch}.action-buttons button{flex:1}.form-row-multi{grid-template-columns:1fr}.modal-container,.modal-content{max-width:100%;margin:10px}.view-modal{width:100%;max-width:100%}.indent-info-header,.info-grid{grid-template-columns:1fr}.datetime-group{flex-direction:column}}.modal-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.stock-table-container::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px;height:8px}.modal-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.stock-table-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.stock-table-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.stock-table-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#555}.col-small{width:80px;min-width:80px}.col-large{width:150px;min-width:150px}.col-action{width:50px;min-width:50px}.input-qty{width:70px!important;padding:6px 8px!important;text-align:center}.modal-container.transfer-modal{max-width:1100px}.transfer-modal .form-row-multi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.transfer-modal .form-row-four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.transfer-modal .form-group{display:flex;flex-direction:column;gap:6px}.transfer-modal .form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:2px}.transfer-modal .input-text{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.transfer-modal .input-text:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-modal .input-text::placeholder{color:#9ca3af}.transfer-modal .input-text:read-only{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.transfer-modal .input-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.transfer-modal .input-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-modal .input-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;transition:border-color .2s}.transfer-modal .input-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-modal .table-container{margin:20px 0;border:1px solid #e5e7eb;border-radius:8px}.transfer-modal .transfer-table{width:100%;border-collapse:collapse}.transfer-modal .transfer-table thead{background-color:#f9fafb}.transfer-modal .transfer-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.transfer-modal .transfer-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.transfer-modal .transfer-table tbody tr:last-child td{border-bottom:none}.transfer-modal .btn-add{background-color:#10b981;color:#fff;border:none;width:32px;height:32px;border-radius:6px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.transfer-modal .btn-add:hover{background-color:#059669}@media (max-width: 1024px){.transfer-modal .form-row-four{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.transfer-modal .form-row-multi,.transfer-modal .form-row-four{grid-template-columns:1fr}}.transfer-in-modal{width:95%;max-width:1400px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-size:14px;font-weight:500;color:#555}.form-input,.form-textarea{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#6366f1}.form-input:disabled{background-color:#e9ecef;cursor:not-allowed}.form-textarea{resize:vertical;font-family:inherit}.table-container{overflow-x:auto!important;margin-top:12px}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table thead{background-color:#fff;position:sticky;top:0;z-index:10}.items-table th{padding:12px 8px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd;white-space:nowrap}.items-table td{padding:8px;border-bottom:1px solid #e9ecef}.table-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.table-input:focus{outline:none;border-color:#6366f1}.table-input:disabled{background-color:#f1f3f5;cursor:not-allowed}.file-preview{display:block;margin-top:4px;color:#28a745;font-size:12px}.status-transfer-out{background-color:#fef3c7;color:#d97706}@media (max-width: 768px){.transfer-in-modal{width:98%;max-height:95vh}.form-grid{grid-template-columns:1fr}.items-table{font-size:12px}.items-table th,.items-table td{padding:6px 4px}}.physical-verification-container{padding:20px;max-width:1400px;margin:0 auto}.physical-verification-container h2{font-size:24px;color:#333;margin-bottom:20px;border-bottom:2px solid #4caf50;padding-bottom:10px}.form-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.verification-info{display:flex;gap:30px;margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:6px}.info-label{font-weight:600;color:#555;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.datetime-group{display:flex;gap:15px}.input-date,.input-time{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1;max-width:200px}.input-date:focus,.input-time:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.table-container{margin:20px 0;overflow-x:auto}.verification-table{width:100%;border-collapse:collapse;min-width:1200px}.verification-table thead{background:#f9fafb;color:#fff}.verification-table th{padding:12px 8px;text-align:left;font-weight:600;font-size:13px;white-space:nowrap}.verification-table tbody tr{border-bottom:1px solid #ddd}.verification-table tbody tr:hover{background:#f9f9f9}.verification-table td{padding:10px 8px}.input-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;min-width:150px}.input-select:disabled{background:#f5f5f5;cursor:not-allowed}.input-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.input-text{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;min-width:100px}.input-text:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.input-text.readonly{background:#f5f5f5;cursor:not-allowed}.input-text::placeholder{color:#999}.input-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical}.input-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-primary{padding:12px 30px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background:#45a049}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:10px 24px;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-secondary:hover{background:#0b7dda}.btn-secondary:active{transform:scale(.98)}.btn-remove{padding:6px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap}.btn-remove:hover{background:#da190b}.btn-remove:disabled{background:#ccc;cursor:not-allowed}.btn-remove:active:not(:disabled){transform:scale(.98)}.alert-message{padding:20px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:20px 0;text-align:center}.alert-message p{margin:0;color:#856404;font-size:16px;font-weight:500}@media screen and (max-width: 1200px){.verification-info{flex-direction:column;gap:10px}.table-container{overflow-x:scroll}}@media screen and (max-width: 768px){.physical-verification-container{padding:10px}.form-section{padding:15px}.datetime-group{flex-direction:column}.input-date,.input-time{max-width:100%}.verification-table th,.verification-table td{padding:8px 6px;font-size:12px}.form-actions{flex-direction:column}.status-partial-fulfilled{background-color:#fff3cd;color:#856404;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status-fulfilled{background-color:#d4edda;color:#155724;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}}.modal_overlay_transferout_popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stock-register-filter-section{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.stock-register-filter-section .search-input{flex:1;min-width:200px;max-width:400px;padding:10px 14px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.stock-register-filter-section .store-select{min-width:150px;max-width:200px;padding:10px 14px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background-color:#fff}.stock-register-filter-section .store-badge{padding:10px 14px;background-color:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#374151;font-weight:500}.stock-register-btn-group{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.stock-register-btn-group .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s,opacity .2s;white-space:nowrap;text-decoration:none}.stock-register-btn-group .btn-primary{background-color:#6366f1;color:#fff}.stock-register-btn-group .btn-primary:hover{background-color:#4f46e5}.stock-register-btn-group .btn-success{background-color:#10b981;color:#fff;position:relative}.stock-register-btn-group .btn-success:hover{background-color:#059669}.stock-register-btn-group .btn-warning{background-color:#f59e0b;color:#fff}.stock-register-btn-group .btn-warning:hover{background-color:#d97706}.stock-register-btn-group .btn-danger{background-color:#ef4444;color:#fff}.stock-register-btn-group .btn-danger:hover{background-color:#dc2626}.stock-register-btn-group .cart-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.stock-register-table-container{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:0;margin-top:0;background:#fff}.stock-register-table{width:100%;min-width:1500px;border-collapse:collapse;font-size:13px}.stock-register-table th,.stock-register-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:wrap;text-overflow:ellipsis}.stock-register-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.025em;position:sticky;top:0;z-index:10}.stock-register-table tbody tr:hover{background-color:#f9fafb}.stock-register-table th:nth-child(1),.stock-register-table td:nth-child(1){width:40px;min-width:40px;max-width:40px;text-align:center}.stock-register-table th:nth-child(2),.stock-register-table td:nth-child(2){width:150px;min-width:150px;max-width:150px;text-align:center}.stock-register-table th:nth-child(3),.stock-register-table td:nth-child(3){width:130px;min-width:130px;max-width:130px}.stock-register-table th:nth-child(4),.stock-register-table td:nth-child(4){width:90px;min-width:90px;max-width:90px}.stock-register-table th:nth-child(5),.stock-register-table td:nth-child(5){width:100px;min-width:100px;max-width:100px;text-align:center}.stock-register-table th:nth-child(n+6):nth-child(-n+18),.stock-register-table td:nth-child(n+6):nth-child(-n+18){width:80px;min-width:80px;max-width:80px;text-align:center}.stock-register-table th:nth-child(18),.stock-register-table td:nth-child(18){width:85px;min-width:85px;max-width:85px}.stock-register-table th:nth-child(19),.stock-register-table td:nth-child(19){width:70px;min-width:70px;max-width:70px;text-align:right}.stock-register-table th:nth-child(20),.stock-register-table td:nth-child(20){width:80px;min-width:80px;max-width:80px;text-align:center}.stock-register-table .store-name-badge{display:inline-block;padding:4px 8px;background-color:#dbeafe;color:#1e40af;border-radius:4px;font-size:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stock-register-table .low-stock-row{background-color:#fef2f2!important}.stock-register-table .low-stock-row:hover{background-color:#fee2e2!important}.stock-register-table .low-stock-cell{color:#dc2626;font-weight:600}.stock-register-table .btn-sm{padding:4px 8px;font-size:11px;border-radius:4px}.stock-register-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border-top:1px solid #e5e7eb}.stock-register-pagination .pagination-btn{padding:8px 14px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.stock-register-pagination .pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.stock-register-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.stock-register-pagination .pagination-btn.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.stock-register-pagination-info{text-align:center;font-size:13px;color:#6b7280;padding:8px 16px;background:#fff}.stock-register-table .loading-row td,.stock-register-table .empty-row td{text-align:center!important;padding:40px!important}.stock-register-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.stock-register-empty-state .empty-icon{font-size:48px;margin-bottom:12px}.stock-register-empty-state .empty-text{font-size:14px;color:#6b7280}@media (max-width: 1200px){.stock-register-filter-section{flex-wrap:wrap}.stock-register-filter-section .search-input{min-width:100%;max-width:100%;order:-1;margin-bottom:8px}.stock-register-btn-group{width:100%;justify-content:flex-end;flex-wrap:wrap;margin-left:0}}@media (max-width: 768px){.stock-register-filter-section{padding:12px;gap:8px}.stock-register-filter-section .store-select{min-width:100%;max-width:100%}.stock-register-btn-group{gap:6px}.stock-register-btn-group .btn{padding:8px 12px;font-size:13px}}.stock-register-table-container::-webkit-scrollbar{height:8px}.stock-register-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.stock-register-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.stock-register-table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.alert-banner{display:flex;gap:15px;padding:16px 20px;margin:15px 20px;border-radius:8px;align-items:flex-start}.alert-banner.warning{background-color:#fff8e6;border:1px solid #ffcc00;border-left:4px solid #ffcc00}.alert-banner.error{background-color:#fef2f2;border:1px solid #ef4444;border-left:4px solid #ef4444}.alert-banner.success{background-color:#f0fdf4;border:1px solid #22c55e;border-left:4px solid #22c55e}.alert-icon{flex-shrink:0;font-size:20px}.alert-banner.warning .alert-icon{color:#d97706}.alert-banner.error .alert-icon{color:#dc2626}.alert-banner.success .alert-icon{color:#16a34a}.alert-content{flex:1}.alert-content strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#1f2937}.alert-content p{font-size:13px;color:#4b5563;margin:4px 0}.alert-content ul{margin:8px 0;padding-left:20px}.alert-content li{font-size:13px;color:#6b7280;margin-bottom:4px}.alert-action{font-weight:500;color:#374151!important;margin-top:8px!important}.inventory-status-row{margin:-5px 0 15px;padding-left:5px}.field-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;margin-top:4px}.field-status.checking{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.field-status.checking .status-dot{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:blink 1s ease-in-out infinite}.field-status.available{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.field-status.available svg{font-size:12px;color:#10b981}.field-status.unavailable{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.field-status.unavailable svg{font-size:12px;color:#ef4444}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.helper-text{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#6b7280}.helper-text.error{color:#dc2626}.helper-text.success{color:#16a34a}.helper-text svg{font-size:12px}.form-group label{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-actions button:disabled,button.btn-primary:disabled{background-color:#d1d5db!important;border-color:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed;opacity:.7}.stock-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px}.stock-badge.in-stock{background-color:#ecfdf5;color:#059669}.stock-badge.low-stock{background-color:#fffbeb;color:#d97706}.stock-badge.out-of-stock{background-color:#fef2f2;color:#dc2626}select:disabled{background-color:#f9fafb;cursor:not-allowed}@media (max-width: 768px){.alert-banner{flex-direction:column;gap:10px}.field-status{font-size:11px;padding:4px 10px}.inventory-status-row{margin:0 0 10px}}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}.login-container__login{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif}.login-card__login{background:#fff;padding:40px 50px;border-radius:12px;width:400px;box-shadow:0 10px 25px #0000001a;text-align:center}.welcome-text__login{color:#6c4ed2;margin-bottom:15px;font-weight:600}.login-title__login{margin:20px 0;color:#333;font-weight:600}.login-logo__login{width:120px;height:auto;margin:0 auto}.form-group__login{margin-bottom:20px;text-align:left}.form-group__login label{display:block;margin-bottom:3px;font-size:13px;font-weight:700;color:#4a5568}.form-group__login input{width:100%;padding:10px 12px;border:1px solid #e1e8ef;border-radius:6px;background:#f8fbff;font-size:14px;outline:none}.form-group__login input:focus{border-color:#6c4ed2}.error-text__login{color:#e53e3e;font-size:13px;margin-bottom:15px;text-align:center}.extra-links__login{margin-top:15px}.extra-links__login a{font-size:13px;color:#6c4ed2;text-decoration:none}.extra-links__login a:hover{text-decoration:underline}.captcha-box__login{display:flex;align-items:center;gap:12px}.captcha-question__login{font-weight:700;font-size:16px}.forgot-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif}.forgot-card{background:#fff;padding:40px 50px;border-radius:12px;width:400px;box-shadow:0 10px 25px #0000001a;text-align:center}.forgot-title{margin:20px 0;color:#333;font-weight:600}.forgot-logo{width:120px;height:auto;margin:0 auto}.reset-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif}.reset-card{background:#fff;padding:40px 50px;border-radius:12px;width:400px;box-shadow:0 10px 25px #0000001a;text-align:center}.reset-title{margin:20px 0;color:#333;font-weight:600}.reset-logo{width:120px;height:auto;margin:0 auto}.form-group_{margin-bottom:20px;text-align:left}.form-group_ label{display:block;margin-bottom:3px;font-size:13px;font-weight:700;color:#4a5568}.form-group_ input{width:100%;padding:10px 12px;border:1px solid #e1e8ef;border-radius:6px;background:#f8fbff;font-size:14px;outline:none}.form-group_ input:focus{border-color:#6c4ed2}.reset-btn{width:100%;padding:12px;border:none;background:linear-gradient(90deg,#6c63ff,#764ba2);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s ease}.reset-btn:hover{background:linear-gradient(90deg,#5a54e8,#623c8d)}.otp-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Poppins,sans-serif}.otp-card{background:#fff;padding:40px 50px;border-radius:12px;width:400px;box-shadow:0 10px 25px #0000001a;text-align:center}.welcome-text{color:#6c4ed2;margin-bottom:15px;font-weight:600}.otp-title{margin:15px 0 5px;color:#333;font-weight:600}.otp-subtext{margin-bottom:20px;color:#4a5568;font-size:13px}.otp-logo{width:120px;height:auto;margin:0 auto}.otp-inputs{display:flex;justify-content:space-between;margin-bottom:20px}.otp-inputs input{width:45px;height:50px;text-align:center;font-size:18px;font-weight:600;border:1px solid #e1e8ef;border-radius:6px;background:#f8fbff;outline:none;transition:border .2s}.otp-inputs input:focus{border-color:#6c4ed2}.extra-links{margin-top:15px}.extra-links a{font-size:13px;color:#6c4ed2;text-decoration:none}.extra-links a:hover{text-decoration:underline}.report-container{padding:20px;background:#f5f5f5;min-height:100vh}.report-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.report-header h2{margin:0 0 20px;color:#333}.report-controls{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-size:14px;font-weight:600;color:#555}.report-select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px;background:#fff}.refresh-button,.export-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.refresh-button{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff}.refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.export-button{background:#4caf50;color:#fff}.export-button:hover:not(:disabled){background:#45a049}.export-button:disabled{opacity:.6;cursor:not-allowed}.report-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.report-table-container h3{margin:0 0 20px;color:#333;font-size:18px}.report-table{width:100%;border-collapse:collapse;background:#fff}.report-table thead{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff}.report-table th{padding:12px;text-align:center;font-weight:600;font-size:14px}.report-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px}.report-table tbody tr:hover{background:#f5f5f5}.report-table tbody tr:last-child td{border-bottom:none}.loading-spinner{text-align:center;padding:40px;font-size:16px;color:#666}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-card h4{margin:0 0 10px;color:#666;font-size:14px;font-weight:600;text-transform:uppercase}.stat-value{margin:0;font-size:32px;font-weight:700;color:#667eea}@media (max-width: 768px){.report-controls{flex-direction:column;align-items:stretch}.control-group,.report-select,.refresh-button,.export-button{width:100%}.report-table{font-size:12px}.report-table th,.report-table td{padding:8px}.report-stats{grid-template-columns:1fr}}@media print{.report-header{box-shadow:none}.report-controls,.export-button,.refresh-button{display:none}.report-table{page-break-inside:avoid}}.store-inventory-container{padding:20px;background-color:#f5f5f5;min-height:100vh}.store-inventory-header{margin-bottom:20px}.store-inventory-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.alert-message{padding:12px 20px;border-radius:4px;margin-bottom:20px;font-size:14px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.controls-row{display:flex;gap:20px;margin-bottom:20px;align-items:flex-end}.store-select-wrapper{flex:0 0 300px}.date-select-wrapper{flex:0 0 200px}.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.required{color:#dc3545}.store-select,.date-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .3s}.store-select:focus,.date-input:focus{outline:none;border-color:#6c63ff}.date-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.search-wrapper{flex:1}.search-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;background-color:#fff;transition:border-color .3s}.search-input:focus{outline:none;border-color:#6c63ff}.search-input::placeholder{color:#999}.table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.inventory-table{width:100%;border-collapse:collapse;font-size:14px}.inventory-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.inventory-table thead tr{border-bottom:2px solid #e0e0e0}.inventory-table th{padding:12px 15px;text-align:left;font-weight:600;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.inventory-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.inventory-table tbody tr:hover{background-color:#f8f9fa}.inventory-table tbody tr:last-child{border-bottom:none}.inventory-table td{padding:12px 15px;color:#666}.inventory-table td:first-child{color:#999;font-weight:500}.quantity-input{width:100%;max-width:200px;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}.quantity-input:focus{outline:none;border-color:#6c63ff}.quantity-input::placeholder{color:#ccc;font-size:13px}.quantity-input.input-disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.quantity-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.submit-row{display:flex;justify-content:flex-end;gap:10px;padding:20px 0}.submit-button{padding:12px 30px;font-size:14px;font-weight:600;color:#fff;background-color:#6c63ff;border:none;border-radius:4px;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #6c63ff4d}.submit-button:hover:not(:disabled){background-color:#5a52d5;box-shadow:0 4px 8px #6c63ff66;transform:translateY(-1px)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.controls-row{flex-direction:column}.store-select-wrapper{flex:1;width:100%}.table-container{overflow-x:auto}.inventory-table{min-width:800px}.quantity-input{max-width:150px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}.page-container-xyz123{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:auto;display:flex;flex-direction:column}.page-title-xyz123{font-size:20px;margin-bottom:15px;font-weight:600;color:var(--color-heading)}.controls-row-xyz123{display:flex;justify-content:space-between;margin-bottom:15px}.search-input-xyz123{width:250px;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.button-group-xyz123{display:flex;align-items:center;gap:10px}.data-table-xyz123{width:100%;border-collapse:collapse;margin-bottom:15px}.data-table-xyz123 th,.data-table-xyz123 td{border:1px solid #e5e7eb;padding:4px;text-align:center;font-size:14px}.data-table-xyz123 th{background:#f9fafb;font-weight:600;color:var(--color-heading)}.action-buttons-row-xyz123{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;align-items:center}.pagination-xyz123{display:flex;justify-content:center;gap:5px}.pagination-xyz123 button{border:none;cursor:pointer;padding:6px 10px;border-radius:6px;background:#f3f4f6}.pagination-xyz123 button.active{background:#6366f1;color:#fff}.step-action-btn-xyz123{padding:8px 12px;border:none;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;font-size:16px}.step-icon-xyz123{font-size:18px}.step-completed-xyz123{background-color:#28a745!important;color:#fff!important;cursor:pointer!important;opacity:.8!important}.step-completed-xyz123:hover{background-color:#218838!important;opacity:.9!important;transform:scale(1.05)}.step-completed-xyz123:active{background-color:#1e7e34!important;opacity:1!important}.step-enabled-xyz123{background-color:#f1c40f!important;color:#fff!important;cursor:pointer!important;opacity:1!important}.step-enabled-xyz123:hover{background-color:#d4ac0d!important;transform:scale(1.1);box-shadow:0 4px 8px #28a7454d}.step-enabled-xyz123:active{background-color:#1e7e34!important;transform:scale(1.05)}.step-disabled-xyz123{background-color:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important;opacity:.5!important}.step-pending-xyz123{background-color:#afafb1;color:#fff}.step-action-btn-xyz123:disabled{cursor:not-allowed!important;pointer-events:none}.step-action-btn-xyz123{transition:all .2s ease-in-out}.inventory-form-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.inventory-form-title{font-size:20px;font-weight:600;margin-bottom:24px;color:#1f2937}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:6px;margin-bottom:16px}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:6px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media (max-width: 768px){.form-grid-2{grid-template-columns:1fr}}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-required{color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.form-select:disabled{background-color:#f9fafb;cursor:not-allowed}.form-checkbox-wrapper{display:flex;align-items:center;cursor:pointer}.form-checkbox{width:16px;height:16px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;margin-right:8px}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-button-group{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{padding:8px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-clear{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-clear:hover{background:#f9fafb}.btn-submit{background:#2563eb;color:#fff}.btn-submit:hover{background:#1d4ed8}.btn-submit:disabled{background:#93c5fd;cursor:not-allowed}.projects-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.project-table-container{width:100%;overflow-x:visible;flex:1}.projects-table{width:100%;border-collapse:collapse;margin-bottom:15px}.projects-table th,.projects-table td{border:1px solid #e5e7eb;padding:4px;text-align:left;font-size:14px;vertical-align:middle}.projects-table th{background:#f9fafb;font-weight:600;color:var(--color-heading);height:auto}.projects-table select{padding:4px;border-radius:4px;border:1px solid #ccc}.action-buttons_{display:flex;gap:8px;justify-content:flex-start;align-items:center;height:100%;padding:4px;flex-wrap:wrap}.action-buttons_ button{border:none;cursor:pointer;padding:6px 10px;border-radius:6px;width:38px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.action-buttons_ button img{width:16px;height:16px;object-fit:contain}.edit-btn-p{background:#10b981;color:#fff}@media (max-width: 768px){.search-container{flex-direction:column;gap:10px}.search-container input{width:100%}.action-buttons_{gap:5px;flex-direction:row}.action-buttons_ button{width:32px;height:26px;padding:4px 8px}}@media (max-width: 480px){.projects-table th,.projects-table td{padding:2px;font-size:12px}.action-buttons_ button{width:28px;height:24px}.btn-container{flex-direction:column;width:100%}}.pagination{display:flex;justify-content:center;gap:8px;margin-top:auto}.pagination button{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:6px}.open-btn{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.open-btn:hover{background:#4f46e5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.modal{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:650px;max-height:calc(100vh - 40px);position:relative;display:flex;flex-direction:column;margin:auto}.modal-small{max-width:600px;max-height:calc(100vh - 40px)}.modal-large,.modal-wide{max-width:1200px;max-height:calc(100vh - 40px)}.modal h2{margin:0 0 20px;font-size:24px;color:#1f2937;text-align:center;flex-shrink:0}.modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px;margin-bottom:20px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.close-btn{position:absolute;top:15px;right:15px;width:32px;height:32px;border:2px solid #ef4444;background:#fff;color:#ef4444;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;z-index:10}.close-btn:hover{background:#fef2f2}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#6b7280;font-weight:500;text-align:left}.select-input,.date-input,.text-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;box-sizing:border-box}.select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;padding-right:36px}.select-input:focus,.date-input:focus,.text-input:focus{outline:none;border-color:#6366f1}.select-input:disabled,.date-input:disabled,.text-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.form-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.add-icon-btn{width:42px;height:42px;background:#fff;border:1px solid #22c55e;color:#22c55e;border-radius:6px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.add-icon-btn:hover{background:#f0fdf4}.modal-footer{padding-top:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;flex-shrink:0}.submit-btn{padding:10px 40px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:background .2s}.submit-btn:hover{background:#4f46e5}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.allocation-row{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.allocation-row:last-child{border-bottom:none}@media (max-width: 1024px){.form-grid-5{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.modal-overlay{padding:10px}.modal{width:100%;padding:20px;max-height:calc(100vh - 20px)}.form-grid,.form-grid-4,.form-grid-5{grid-template-columns:1fr}.modal h2{font-size:20px;margin-bottom:15px}.add-icon-btn{width:38px;height:38px}}@media (max-width: 480px){.modal{padding:15px}.submit-btn{width:100%}}.popup-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2000}.popup-message{background:#fff;padding:30px 40px;border-radius:12px;text-align:center;max-width:400px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popup-message p{margin:0 0 20px;font-size:16px;color:#1f2937}.popup-close-btn{padding:10px 30px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.popup-close-btn:hover{background:#4f46e5}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin .8s linear infinite;margin-bottom:10px}.camps-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.camps-table{width:100%;border-collapse:collapse;margin-bottom:15px}.camps-table th,.camps-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;font-size:14px;vertical-align:middle}.camps-table th{background:#f9fafb;font-weight:600;color:var(--color-heading)}.camps-table select{padding:4px;border-radius:4px;border:1px solid #ccc}.action-buttons img{width:18px;height:18px;object-fit:contain}.edit-btn-c{background:#10b981;color:#fff}.camps-table td[colspan]{text-align:center;font-style:italic;color:#6b7280}@media (max-width: 900px){.action-buttons{flex-wrap:wrap;gap:6px}.action-buttons button{width:32px;height:26px;padding:4px 8px}.camps-table th,.camps-table td{font-size:13px;padding:6px 8px}}.stores-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.add-btn{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:6px;border:none;cursor:pointer}.store-table{width:100%;border-collapse:collapse;margin-bottom:15px}.store-table th,.store-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;font-size:14px;vertical-align:middle}.store-table th{background:#f9fafb;font-weight:600;color:var(--color-heading)}.action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;padding:4px}.action-buttons button{border:none;cursor:pointer;padding:6px 10px;border-radius:6px;width:36px;height:30px;display:flex;align-items:center;justify-content:center}.action-buttons button img{width:16px;height:16px;object-fit:contain}.edit-btn-s{background:#10b981;color:#fff}.delete-btn{background:#ef4444;color:#fff}.store-table td[colspan]{text-align:center;font-style:italic;color:#6b7280}@media (max-width: 900px){.action-buttons{flex-wrap:wrap;gap:6px}.action-buttons button{width:32px;height:26px;padding:4px 8px}.store-table th,.store-table td{font-size:13px;padding:6px 8px}}.agencies-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.edit-btn-a{background:#10b981;color:#fff}.page-container{width:100%;padding:20px;background-color:#f8f9fa;min-height:100vh}.card-container{width:100%;min-height:100vh;background-color:#f8f9fa;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.card-wrapper{width:100%;max-width:1200px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.card-wrapper-full{width:100%;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.content-wrapper{width:100%}.form-card-wrapper{width:100%;max-width:1200px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000001a;margin:0 auto}.page-header{margin-bottom:15px}.page-title{font-size:20px;font-weight:600;color:#2d3748;margin:0}.content-title{font-size:24px;font-weight:700;color:#2d3748;text-align:center;margin-bottom:20px}.header-with-back{display:flex;align-items:center;gap:15px;margin-bottom:25px}.section-title{font-size:22px;font-weight:600;color:#2d3748;margin:0}.section-heading{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:15px;margin-top:0}.subsection-heading{font-size:16px;font-weight:600;color:#4a5568;margin-bottom:15px;margin-top:0}.section-description{font-size:13px;color:#718096;margin-bottom:15px;margin-top:-8px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:6px;background-color:transparent;color:#667eea;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:#edf2f7}.back-icon{font-size:20px}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.controls-row-right{display:flex;justify-content:flex-end;align-items:center}.search-input{padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;width:300px;outline:none;transition:.3s}.search-input:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.search-input::placeholder{color:#a0aec0}.search-input-large{width:400px}.search-input-wrapper{flex:1;max-width:500px}.button-group{display:flex;gap:10px;align-items:center;margin-left:auto}.search-section,.search-section-text{margin-bottom:20px}.search-section-inline{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-label{font-size:14px;color:#2d3748;margin-bottom:8px;font-weight:500;display:block}.search-input-text{width:100%;max-width:400px;padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;transition:.3s}.search-input-text:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.search-input-inline-full{flex:1;max-width:400px;padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;transition:.3s}.search-input-inline-full:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.search-input-full{width:100%;max-width:400px;padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;transition:.3s}.search-input-full:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.table-container{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.table-container-full{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:visible}.table-container-scroll{background:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;max-width:100%}.table-container-bordered{border:1px solid #E2E8F0}.data-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1200px}.data-table-full{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.data-table thead,.data-table-full thead{background-color:#fff;border-bottom:2px solid #E2E8F0}.data-table thead.gray-header{background-color:#f7fafc}.data-table th,.data-table-full th{padding:15px 12px;text-align:left;font-weight:600;color:#2d3748;font-size:14px;white-space:normal;word-wrap:break-word}.data-table th.padding-large{padding:15px 20px}.data-table tbody tr,.data-table-full tbody tr{border-bottom:1px solid #E2E8F0;transition:background-color .2s}.data-table tbody tr:hover,.data-table-full tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child,.data-table-full tbody tr:last-child{border-bottom:none}.data-table td{padding:15px 12px;color:#2d3748;font-size:14px;white-space:nowrap}.data-table-full td{padding:15px 12px;color:#2d3748;font-size:14px;white-space:normal;word-wrap:break-word;vertical-align:top}.data-table td.padding-large{padding:15px 20px}.data-table td div,.data-table-full td div{padding:2px 0;line-height:1.5}.action-buttons-row{display:flex;gap:8px;align-items:center;justify-content:center}.step-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.step-completed{background-color:#48bb78;color:#fff}.step-completed:hover{background-color:#38a169;transform:scale(1.1)}.step-pending{background-color:#a0aec0;color:#fff}.step-pending:hover{background-color:#718096;transform:scale(1.1)}.step-action-btn-blue{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .2s;background-color:#667eea;color:#fff}.step-action-btn-blue:hover{background-color:#5568d3;transform:scale(1.1)}.step-action-btn-dark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .2s;background-color:#2d3748;color:#fff}.step-action-btn-dark:hover{background-color:#1a202c;transform:scale(1.1)}.step-icon{font-size:16px}.download-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#48bb78;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:10px}.download-btn:hover{background:#38a169;transform:translateY(-1px)}.status-dropdown{padding:6px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;cursor:pointer;transition:.3s;background-color:#fff}.status-dropdown.active{color:#48bb78;font-weight:600}.status-dropdown.inactive{color:#a0aec0;font-weight:600}.status-dropdown:focus{border-color:#667eea}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.pagination button{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;color:#4a5568;transition:all .2s}.pagination button:hover:not(.active):not(.disabled){background-color:#f7fafc;border-color:#667eea}.pagination button.active{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;border:none}.pagination button.disabled{opacity:.5;cursor:not-allowed}.tabs-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.tab-content{width:100%}.tab-button{padding:10px 24px;border:2px solid #E2E8F0;background:#fff;color:#4a5568;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button:hover{border-color:#667eea;color:#667eea}.tab-button-active{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;border-color:transparent}.tab-button-active:hover{background:linear-gradient(120deg,#5568d3,#653a8a)}.registration-form{width:100%}.form-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #E2E8F0}.form-section:last-child{border-bottom:none;padding-bottom:0}.section-header-with-action{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.add-child-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-child-button:hover{opacity:.9;transform:translateY(-1px)}.form-row{display:grid;gap:15px;margin-bottom:20px}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-row-6{grid-template-columns:repeat(6,1fr)}.form-row-2-auto{grid-template-columns:1fr auto;align-items:end;gap:10px}.form-row-single{display:grid;grid-template-columns:1fr;max-width:400px;gap:15px;margin-bottom:20px}.form-row-search{display:grid;grid-template-columns:300px auto;gap:15px;align-items:end;margin-bottom:20px}.form-row-state{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center;margin-bottom:15px}.button-field{display:flex;flex-direction:column;min-width:fit-content}.file-upload-field{display:flex;flex-direction:column}.file-input{padding:8px 12px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;cursor:pointer;background-color:#fff}.file-input::-webkit-file-upload-button{padding:6px 12px;border:none;background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;border-radius:4px;cursor:pointer;font-size:13px;margin-right:10px}.file-status{font-size:12px;color:#a0aec0;margin-top:4px}.checkbox-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px;background-color:#f7fafc;border-radius:6px}.checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667EEA}.checkbox-row label{font-size:14px;color:#4a5568;font-weight:500;cursor:pointer;margin:0}.form-submit{display:flex;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #E2E8F0}.input_label{display:block;font-size:14px;font-weight:500;color:#4a5568;margin-bottom:8px}.input{width:100%;padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;transition:.3s}.input:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}.dropdown{width:100%;padding:10px 15px;border:2px solid #E2E8F0;border-radius:6px;font-size:14px;outline:none;cursor:pointer;transition:.3s;background-color:#fff}.dropdown:focus{border-color:#667eea;box-shadow:0 0 4px #667eea99}input:disabled,select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;opacity:.6}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667EEA}.state-action-buttons{display:flex;gap:8px;align-items:center}.state-add-btn,.state-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.state-add-btn{background:#48bb78;color:#fff}.state-add-btn:hover{background:#38a169;transform:scale(1.05)}.state-remove-btn{background:#f56565;color:#fff}.state-remove-btn:hover{background:#e53e3e;transform:scale(1.05)}.text-center{text-align:center}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mt-20{margin-top:20px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (max-width: 1200px){.controls-row{flex-wrap:wrap}.search-input{width:100%;order:1}.button-group{width:100%;order:2;margin-left:0;justify-content:flex-end}.card-wrapper,.card-wrapper-full,.form-card-wrapper{max-width:100%}}@media (max-width: 1024px){.form-card-wrapper{padding:30px}.form-row-6{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(2,1fr)}.search-section-inline{flex-direction:column;align-items:stretch;gap:15px}.search-input-inline-full{max-width:100%}.controls-row-right{justify-content:stretch}.button-group{width:100%;justify-content:flex-end}}@media (max-width: 768px){.page-container{padding:10px}.card-container{padding:20px 10px}.card-wrapper,.card-wrapper-full,.form-card-wrapper{padding:20px}.button-group{flex-wrap:wrap;justify-content:center}.table-container,.table-container-scroll,.table-container-full{overflow-x:auto}.data-table-full{min-width:800px}.action-buttons-row{min-width:100px}.controls-row{flex-direction:column;align-items:stretch}.search-input,.search-input-large,.search-input-inline-full,.search-input-text{width:100%;max-width:100%}.form-row-2,.form-row-3,.form-row-4,.form-row-6,.form-row-2-auto,.form-row-search,.form-row-single,.form-row-state{grid-template-columns:1fr}.state-action-buttons{justify-content:flex-end}.section-header-with-action{flex-direction:column;align-items:stretch}.add-child-button{width:100%;justify-content:center}.form-submit{justify-content:stretch}.form-submit button{width:100%}.search-section-inline{flex-direction:column;align-items:stretch}.controls-row-right{justify-content:stretch}.button-group{width:100%;flex-direction:column}.button-group button,.download-btn{width:100%;margin-bottom:10px;margin-right:0}}@media (max-width: 480px){.header-with-back{flex-direction:column;align-items:flex-start}.back-button{align-self:flex-start}.section-title{font-size:18px}.content-title{font-size:20px}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}.form-card-wrapper{padding:15px;border-radius:8px}.section-heading{font-size:16px}.subsection-heading{font-size:14px}.tabs-container{flex-wrap:wrap;justify-content:center}.tab-button{margin-bottom:10px}.page-header{margin-bottom:15px}.page-title{font-size:18px}}.project-container-2{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;height:auto}.project-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.project-container-3{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;height:auto}.project-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.loader{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loader-text{margin-top:20px;font-size:16px;color:#555;font-weight:500}.project-container-1{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;height:auto}.project-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.project-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s}.project-back-btn:hover{opacity:.7}.project-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.project-form{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.project-row-2,.project-row-3,.project-row-state{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.project-field{display:flex;flex-direction:column;width:250px}.project-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.project-input,.project-select{width:250px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.project-input::placeholder{color:#a0aec0}.project-input:focus,.project-select:focus{border-color:#5b6fd8}.project-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.project-section{margin-bottom:32px}.project-section-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.state-action-buttons{display:flex;align-items:center;gap:8px}.state-add-btn,.state-remove-btn{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.state-add-btn{background-color:#5b6fd8}.state-add-btn:hover{opacity:.8}.state-remove-btn{background-color:#e53e3e}.state-remove-btn:hover{opacity:.8}.project-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.project-field,.project-input,.project-select{width:100%}}.camp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.camp-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.camp-image-item{position:relative;border:1px solid #ddd;border-radius:8px;padding:8px;text-align:center}.camp-preview-img{width:100%;height:120px;object-fit:cover;border-radius:4px;margin-bottom:5px}.camp-remove-img{position:absolute;top:12px;right:12px;background:#f00c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.camp-image-name{font-size:12px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camp-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.camp-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.camp-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s}.camp-back-btn:hover{opacity:.7}.camp-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.camp-form{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.camp-row-2,.camp-row-3,.camp-row-4,.camp-geo-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.camp-field{display:flex;flex-direction:column;width:250px}.camp-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.camp-input,.camp-select{width:250px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.camp-input::placeholder{color:#a0aec0}.camp-input:focus,.camp-select:focus{border-color:#5b6fd8}.camp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.camp-section{margin-bottom:32px}.camp-section-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.camp-section-desc{font-size:13px;color:#718096;margin-bottom:16px;margin-top:-8px}.camp-upload{position:relative;width:250px}.camp-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.camp-upload-label{display:flex;align-items:center;gap:12px;width:250px;padding:16px 20px;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s}.camp-upload-label:hover{background-color:#edf2f7;border-color:#5b6fd8}.camp-upload-icon{font-size:20px;color:#5b6fd8}.camp-upload-text{font-size:14px;color:#5b6fd8;font-weight:500}.camp-geo-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.camp-location-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#5bc0de;border:none;border-radius:8px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .2s}.camp-location-btn:hover{background-color:#46b8da}.camp-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.camp-create-btn{padding:12px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.camp-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.camp-create-btn:active{transform:translateY(0)}@media (max-width: 768px){.camp-field,.camp-input,.camp-select,.camp-upload,.camp-upload-label{width:100%}}.camp-images-gallery{display:flex;flex-direction:column;gap:1rem}.camp-main-image-container{width:100%;height:400px;background:#f5f5f5;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #e0e0e0}.camp-main-image{max-width:100%;max-height:100%;object-fit:contain}.camp-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.camp-thumbnail{min-width:80px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.camp-thumbnail:hover{border-color:#2196f3;transform:scale(1.05)}.camp-thumbnail.active{border-color:#1976d2;box-shadow:0 0 8px #1976d280}.camp-thumbnail img{width:100%;height:100%;object-fit:cover}.camp-image-counter{text-align:center;font-size:14px;color:#666;padding:.5rem;background:#f5f5f5;border-radius:4px}.editcamp-page{background-color:#f9fafc;min-height:100vh;display:flex;justify-content:center;padding:40px 20px}.editcamp-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:35px 40px}.upload-placeholder{border:2px dashed #E2E8F0;border-radius:8px;padding:30px;text-align:center;background-color:#f7fafc;margin-top:10px}.upload-placeholder.clickable{cursor:pointer;transition:all .3s}.upload-placeholder.clickable:hover{border-color:#667eea;background-color:#edf2f7}.upload-icon{width:50px;height:50px;margin:0 auto 10px;background-color:#e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.upload-placeholder p{color:#a0aec0;font-size:14px;margin:0}.section-hint{font-size:13px;color:#718096;margin:5px 0 15px}.geo-row{display:flex;gap:15px;align-items:flex-end}.geo-row .form-group{flex:1}.geo-btn{width:40px;height:40px;border-radius:6px;border:none;background:#48bb78;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.geo-btn:hover{background:#38a169;transform:scale(1.05)}.camp-existing-images,.camp-new-images{margin-bottom:1.5rem}.camp-subsection-title{font-size:16px;font-weight:600;color:#333;margin-bottom:.75rem}.camp-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.camp-image-item{position:relative;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f5f5f5;transition:all .3s ease}.camp-image-item:hover{border-color:#2196f3;box-shadow:0 4px 12px #0000001a}.camp-preview-img{width:100%;height:150px;object-fit:cover;display:block}.camp-remove-img{position:absolute;top:8px;right:8px;background:#f44336e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.camp-remove-img:hover{background:#d32f2f;transform:scale(1.1)}.camp-image-name{display:block;padding:.5rem;font-size:12px;color:#666;background:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.store-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.store-field-checkbox{margin:10px 0 15px 5px;display:flex;align-items:center;font-size:15px;gap:8px}.store-field-checkbox input{width:16px;height:16px;cursor:pointer}.store-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.store-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.store-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.store-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s}.store-back-btn:hover{opacity:.7}.store-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.store-form{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.store-row-2,.store-row-3,.store-row-4,.store-geo-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.store-field{display:flex;flex-direction:column;width:250px}.store-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.store-input,.store-select{width:250px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.store-input::placeholder{color:#a0aec0}.store-input:focus,.store-select:focus{border-color:#5b6fd8}.store-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.store-section{margin-bottom:32px}.store-section-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.store-section-desc{font-size:13px;color:#718096;margin-bottom:16px;margin-top:-8px}.store-upload{position:relative;width:250px}.store-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.store-upload-label{display:flex;align-items:center;gap:12px;width:250px;padding:16px 20px;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s}.store-upload-label:hover{background-color:#edf2f7;border-color:#5b6fd8}.store-upload-icon{font-size:20px;color:#5b6fd8}.store-upload-text{font-size:14px;color:#5b6fd8;font-weight:500}.store-geo-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.store-location-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#5bc0de;border:none;border-radius:8px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .2s}.store-location-btn:hover{background-color:#46b8da}.store-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.store-create-btn{padding:12px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.store-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.store-create-btn:active{transform:translateY(0)}@media (max-width: 768px){.store-field,.store-input,.store-select,.store-upload,.store-upload-label{width:100%}}.agency-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.agency-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.agency-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.agency-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.agency-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s}.agency-back-btn:hover{opacity:.7}.agency-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.agency-form{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.agency-row-2,.agency-row-3,.agency-row-4,.agency-geo-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.agency-field{display:flex;flex-direction:column;width:250px}.agency-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.agency-input,.agency-select{width:250px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.agency-input::placeholder{color:#a0aec0}.agency-input:focus,.agency-select:focus{border-color:#5b6fd8}.agency-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.agency-section{margin-bottom:32px}.agency-section-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.agency-section-desc{font-size:13px;color:#718096;margin-bottom:16px;margin-top:-8px}.agency-upload{position:relative;width:250px}.agency-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.agency-upload-label{display:flex;align-items:center;gap:12px;width:250px;padding:16px 20px;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s}.agency-upload-label:hover{background-color:#edf2f7;border-color:#5b6fd8}.agency-upload-icon{font-size:20px;color:#5b6fd8}.agency-upload-text{font-size:14px;color:#5b6fd8;font-weight:500}.agency-geo-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.agency-location-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#5bc0de;border:none;border-radius:8px;color:#fff;font-size:18px;cursor:pointer;transition:background-color .2s}.agency-location-btn:hover{background-color:#46b8da}.agency-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.agency-create-btn{padding:12px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.agency-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.agency-create-btn:active{transform:translateY(0)}@media (max-width: 768px){.agency-field,.agency-input,.agency-select,.agency-upload,.agency-upload-label{width:100%}}.agencies-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:auto;display:flex;flex-direction:column}.heading{font-size:20px;margin-bottom:15px;font-weight:600;color:var(--color-heading);text-align:left;align-self:flex-start}.search-container{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center}.agencies-table{width:100%;border-collapse:collapse;margin-bottom:15px}.agencies-table th,.agencies-table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;font-size:14px;vertical-align:middle}.agencies-table th{background:#f9fafb;font-weight:600;color:var(--color-heading)}.agencies-table select{padding:4px;border-radius:4px;border:1px solid #ccc}.action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:6px}.action-buttons button{border:none;cursor:pointer;padding:6px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center}.action-buttons img{width:18px;height:18px}.edit-btn{background:#10b981;color:#fff}.pool-btn{background:#d782da;color:#fff}.arrow-btn{background:#58acd5;color:#fff}.agencies-table td[colspan="5"]{text-align:center;font-style:italic;color:#6b7280}.action-buttons button:hover{opacity:.85;transition:opacity .2s ease}.resource-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.agency-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s;padding:0}.resource-header .heading{margin:0;align-self:center;line-height:1;text-align:left}.agency-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.agency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.agency-name{font-size:18px;font-weight:600;color:var(--color-heading);margin:0}.agency-id{background-color:#f9fafb;color:#6b7280;font-weight:500;font-size:13px;padding:5px 12px;border-radius:6px;border:1px solid #e5e7eb}.agency-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px}.agency-info-item{display:flex;align-items:flex-start;gap:10px}.agency-info-item .icon{font-size:16px;margin-top:2px;flex-shrink:0}.agency-info-item div{font-size:14px;line-height:1.5}.agency-info-item strong{color:var(--color-heading);font-weight:600;display:block;margin-bottom:2px}.verified{color:#16a34a;font-weight:500}.not-verified{color:#dc2626;font-weight:500}.rsx9z-wrapper{max-width:900px;background:#fff;margin:40px auto;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.rsx9z-page-header{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:20px;cursor:pointer;transition:color .2s ease}.rsx9z-page-header:hover{color:#7c6cfb}.rsx9z-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rsx9z-input-group{display:flex;flex-direction:column}.rsx9z-input-label{font-size:12px;color:#4a5568;margin-bottom:6px;font-weight:500}.rsx9z-text-input{width:100%!important;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;outline:none!important;background-color:#f7fafc!important;transition:border-color .2s ease,box-shadow .2s ease!important;box-sizing:border-box!important}.rsx9z-text-input:focus{border-color:#7c6cfb!important;box-shadow:0 0 0 2px #7c6cfb33!important}.rsx9z-display-value{padding:10px 12px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#2d3748;min-height:38px;display:flex;align-items:center;box-sizing:border-box}.rsx9z-button-container{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:10px}.rsx9z-alert-box{padding:10px;background-color:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.rsx9z-alert-box button{padding:5px 10px;background-color:#d00;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.rsx9z-alert-box button:hover{background-color:#a00}@media (max-width: 768px){.rsx9z-wrapper{margin:20px;padding:20px}.rsx9z-grid-layout{grid-template-columns:1fr}.rsx9z-page-header{font-size:1.1rem}}@media (max-width: 480px){.rsx9z-wrapper{margin:10px;padding:15px}.rsx9z-button-container{justify-content:stretch}}.webusers-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.heading{font-size:20px;margin-bottom:15px;font-weight:600;color:var(--color-heading)}.search-container{display:flex;justify-content:space-between;margin-bottom:15px}.search-container input{width:250px;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.btn-container{display:flex;align-items:center}.add-btn{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;padding:2px 6px;border-radius:6px;border:none;cursor:pointer}.users-table{width:100%;border-collapse:collapse;margin-bottom:15px}.users-table th,.users-table td{border:1px solid #e5e7eb;padding:4px;text-align:left;font-size:14px}.users-table th{background:#f9fafb;font-weight:600;color:var(--color-heading)}.users-table select{padding:2px 4px;height:28px;width:100px;border-radius:4px;border:1px solid #ccc;font-size:13px;box-sizing:border-box}.users-table input[type=date]{padding:2px 4px;height:28px;width:120px;border-radius:4px;border:1px solid #ccc;font-size:13px;box-sizing:border-box}.action-buttons button{margin:0 5px;border:none;cursor:pointer;padding:6px 10px;border-radius:6px}.view-btn{background:#6366f1;color:#fff}.edit-btn{background:#10b981!important;color:#fff}.search-container{display:flex;align-items:center;gap:10px;margin-bottom:15px}.btn-container{display:flex;align-items:center;gap:10px}.reports_rows_per_page_div{display:flex;align-items:center;gap:8px}.reports_rows_per_page_input_tag{width:60px;padding:4px 6px;border:1px solid #ccc;border-radius:4px;text-align:center}.container{padding:32px;background:linear-gradient(to bottom,#f8fafc,#fff);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;max-width:1536px;margin:0 auto}.alert{padding:16px 20px;margin-bottom:20px;border-radius:8px;border:1px solid;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#d1fae5;color:#065f46;border-color:#10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border-color:#ef4444}.alert-info{background-color:#dbeafe;color:#1e40af;border-color:#3b82f6}.loading-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.loading-box{background-color:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.loading-content{display:flex;align-items:center;font-weight:600;color:#374151}.spinner{animation:spin 1s linear infinite;margin-right:12px;height:20px;width:20px;color:#3b82f6}.header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.title{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.02em}.subtitle{color:#6b7280;font-size:15px}.role-selection{margin-bottom:32px;background-color:#fff;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.radio-group{display:flex;gap:24px;margin-bottom:20px}.radio-item{display:flex;align-items:center;cursor:pointer}.radio-input{margin-right:10px;height:18px;width:18px;color:#3b82f6;cursor:pointer;accent-color:#3b82f6}.radio-label{font-size:15px;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:#374151;font-size:14px}.text-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;width:100%;max-width:480px;font-size:14px;transition:all .2s}.text-input:hover{border-color:#d1d5db}.text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;width:100%;max-width:480px;font-size:14px;cursor:pointer;transition:all .2s;background-color:#fff}.select-input:hover{border-color:#d1d5db}.select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.management-panel{background:linear-gradient(135deg,#f9fafb,#fff);padding:28px;border-radius:12px;margin-bottom:32px;border:2px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.panel-title{font-size:20px;font-weight:700;margin-bottom:20px;color:#111827;display:flex;align-items:center}.grid-container{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:20px}@media (min-width: 1024px){.grid-container{grid-template-columns:1fr 1fr}}.input-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.input-group{display:flex;box-shadow:0 1px 2px #0000000d;border-radius:8px;overflow:hidden}.input-group-field{padding:12px 16px;border:2px solid #e5e7eb;border-right:none;border-radius:8px 0 0 8px;width:100%;font-size:14px;transition:all .2s}.input-group-field:hover{border-color:#d1d5db}.input-group-field:focus{outline:none;border-color:#3b82f6;z-index:1}.input-group-select{padding:12px 16px;border:2px solid #e5e7eb;border-left:none;border-right:none;width:200px;font-size:14px;cursor:pointer;background-color:#fff;transition:all .2s}.input-group-select:hover{background-color:#f9fafb}.input-group-select:focus{outline:none;border-color:#3b82f6;z-index:1}.input-group-btn{border-radius:0 8px 8px 0;white-space:nowrap;border:2px solid transparent}.permission-inputs{display:flex;flex-direction:column;gap:12px}.full-width{width:100%}.help-text{font-size:12px;color:#6b7280;margin-top:6px;font-style:italic}.button-group{display:flex;gap:12px;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px #2563eb40;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.btn-success{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 6px #10b98140;transform:translateY(-1px)}.btn-success:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:#6b7280;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-secondary:hover{background-color:#4b5563}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:6px;border-radius:6px;border:none;background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-add{color:#10b981}.btn-add:hover{color:#059669;background-color:#d1fae5}.btn-edit{color:#3b82f6}.btn-edit:hover{color:#2563eb;background-color:#dbeafe}.btn-delete{color:#ef4444}.btn-delete:hover{color:#dc2626;background-color:#fee2e2}.btn-save{color:#10b981}.btn-save:hover{color:#059669;background-color:#d1fae5}.btn-cancel{color:#6b7280}.btn-cancel:hover{color:#4b5563;background-color:#f3f4f6}.btn-delete-sub{color:#ef4444}.btn-delete-sub:hover{color:#dc2626;background-color:#fee2e2}.icon-sm{height:18px;width:18px}.icon-xs{height:14px;width:14px}.table-wrapper{overflow-x:auto;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:24px;background-color:#fff;box-shadow:0 1px 3px #00000014}.select-all-bar{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(to right,#f0f9ff,#e0f2fe);border-bottom:2px solid #bae6fd;gap:12px}.checkbox{height:18px;width:18px;cursor:pointer;accent-color:#3b82f6;border-radius:4px}.select-all-label{font-weight:600;color:#0c4a6e;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.permissions-table{width:100%;border-collapse:separate;border-spacing:0}.table-header-row{background:linear-gradient(to bottom,#1e40af,#1e3a8a)}.table-header{padding:16px;text-align:left;font-weight:700;color:#fff;border-bottom:2px solid #1e3a8a;cursor:move;transition:all .2s;position:relative}.table-header:hover{background-color:#ffffff1a}.table-header.dragging{opacity:.5;background-color:#fff3}.header-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-left{display:flex;align-items:center;gap:12px;flex:1}.drag-dots{display:flex;flex-direction:column;gap:2px;cursor:grab;padding:4px;opacity:.7;transition:opacity .2s}.drag-dots:hover{opacity:1}.drag-dots:active{cursor:grabbing}.dot{width:4px;height:4px;background-color:#fff;border-radius:50%}.category-text{font-size:15px;font-weight:700;-webkit-user-select:none;user-select:none}.table-row{transition:background-color .15s}.table-row.even{background-color:#f9fafb}.table-row.odd{background-color:#fff}.table-row:hover{background-color:#f0f9ff}.table-cell{padding:12px 16px;border-bottom:1px solid #e5e7eb;vertical-align:top;min-height:80px;transition:all .2s}.table-cell.drag-over{background-color:#dbeafe;border:2px dashed #3b82f6}.drop-zone{padding:32px;border:2px dashed #d1d5db;border-radius:8px;text-align:center;color:#9ca3af;font-weight:500;background-color:#f9fafb;transition:all .2s}.drop-zone:hover{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6}.permission-item{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;cursor:move;transition:all .2s;box-shadow:0 1px 2px #0000000d}.permission-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.permission-item.dragging-permission{opacity:.5;transform:scale(.95)}.permission-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.permission-left{display:flex;align-items:center;gap:8px;flex:1}.grip-icon{cursor:grab;color:#9ca3af;display:flex;align-items:center;padding:2px;transition:color .2s}.grip-icon:hover{color:#6b7280}.grip-icon:active{cursor:grabbing}.btn-expand{padding:2px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;color:#6b7280;transition:all .2s;border-radius:4px}.btn-expand:hover{background-color:#f3f4f6;color:#374151}.permission-text{font-weight:600;color:#111827;font-size:14px;-webkit-user-select:none;user-select:none}.permission-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s}.permission-item:hover .permission-actions{opacity:1}.technical-name{margin-top:8px;padding:6px 10px;background-color:#f3f4f6;border-radius:6px;font-size:12px;color:#6b7280;font-family:Courier New,monospace;border-left:3px solid #d1d5db}.edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.edit-row{display:flex;align-items:center;gap:8px}.edit-label{font-size:12px;font-weight:600;color:#6b7280;min-width:70px}.edit-input{padding:8px 12px;border:2px solid #e5e7eb;border-radius:6px;flex:1;font-size:13px;transition:all .2s}.edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.edit-actions{display:flex;gap:6px;margin-top:4px}.sub-permissions{margin-top:12px;padding:12px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.quick-add-panel{padding:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;margin-bottom:16px;border:1px solid #bfdbfe}.quick-add-title{font-size:13px;font-weight:700;color:#1e40af;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:12px}.template-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fff;border:2px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.template-item:hover{background-color:#dbeafe;border-color:#3b82f6}.template-checkbox{height:16px;width:16px;cursor:pointer;accent-color:#3b82f6}.template-label{font-weight:500;color:#374151;-webkit-user-select:none;user-select:none;font-size:13px}.sub-permission-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;transition:all .2s}.sub-permission-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.sub-permission-content{display:flex;align-items:center;gap:10px;flex:1}.sub-checkbox{height:16px;width:16px;cursor:pointer;accent-color:#3b82f6}.sub-permission-text{font-weight:500;color:#374151;font-size:13px}.sub-technical-name{font-size:12px;color:#9ca3af;font-family:Courier New,monospace;margin-left:4px}.no-sub-permissions{padding:20px;text-align:center;color:#9ca3af;font-size:13px;font-style:italic;background-color:#fff;border-radius:6px;border:1px dashed #d1d5db}.add-sub-form{padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;margin-top:12px;border:1px solid #fcd34d}.add-sub-title{font-size:13px;font-weight:700;color:#92400e;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.add-sub-inputs{display:flex;flex-direction:column;gap:10px}.add-sub-input{padding:10px 14px;border:2px solid #fbbf24;border-radius:6px;font-size:13px;transition:all .2s;background-color:#fff}.add-sub-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.add-sub-actions{display:flex;gap:8px;margin-top:4px}.empty-state{padding:60px 20px;text-align:center;color:#9ca3af;font-size:15px;background-color:#f9fafb;border-radius:12px;border:2px dashed #d1d5db;margin-bottom:24px}.submit-container{display:flex;justify-content:center;padding-top:24px;border-top:2px solid #e5e7eb}.btn-submit{padding:16px 48px;font-size:16px;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px #0000001a;background-color:#10b981;color:#fff}.btn-submit.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-submit.active:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 12px #10b9814d}.btn-submit.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.container{padding:20px}.header{margin-bottom:24px}.title{font-size:22px}.management-panel{padding:20px}.template-grid{grid-template-columns:1fr}.btn-submit{padding:14px 32px;font-size:14px}}@media print{.btn-primary,.btn-success,.btn-icon,.button-group,.submit-container,.management-panel{display:none}.container{box-shadow:none;padding:0}.permission-item{break-inside:avoid}}.modal-content_role{background:#fff;border-radius:8px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}body{background-color:#f4f4f4;font-family:Inter,sans-serif}.form-container{max-width:900px;background:#fff;margin:40px auto;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.form-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:30px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease}.form-title:hover{color:#7c6cfb}.user-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid #E2E8F0}.form-section:last-of-type{border-bottom:none}.section-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:500;color:#4a5568;display:flex;align-items:center;gap:4px}.required{color:#e53e3e;font-weight:600}.field-hint{font-size:11px;color:#718096;font-style:italic;margin-top:2px}.user-form input,.user-form select{width:100%;padding:10px 12px!important;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;outline:none;background-color:#f7fafc;transition:all .2s ease}.user-form input:focus,.user-form select:focus{border-color:#7c6cfb;box-shadow:0 0 0 3px #7c6cfb1a;background-color:#fff}.user-form input::placeholder{color:#a0aec0;font-size:13px}.date-field{flex:1;display:flex;flex-direction:column}.date-field label{font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.submit-btn_{display:flex;justify-content:flex-end;margin-top:8px;padding-top:16px}.submit-btn_:hover{transform:translateY(-1px)}.status-field{display:flex;flex-direction:column;width:100%}.status-field label{font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.status-field select{padding:10px 12px!important;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;outline:none;background-color:#f7fafc;transition:all .2s ease}.status-field select:focus{border-color:#7c6cfb;box-shadow:0 0 0 3px #7c6cfb1a}@media (max-width: 768px){.form-container{padding:24px;margin:20px}.form-row{grid-template-columns:1fr}.form-title{font-size:1.3rem}}.vision-screening-form-12 .form-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.form-group .max{max-width:400px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-section{margin-bottom:12px}.life_skill_training_form .form-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.form-group.full-width{width:100%}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.file-input-custom{display:inline-block;padding:6px 12px;border-radius:6px;border:1px solid #ccc;cursor:pointer}.file-status{margin-left:10px;font-size:.9rem;color:#555}.camp-step-page{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.camp-step-card{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.form-header{margin-bottom:24px}.social_row .form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-group-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.form-group.full-width{width:auto}input[type=text],input[type=number],input[type=date],select,textarea{padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}textarea{width:100%;height:auto;padding:12px 16px;resize:vertical}input::placeholder,textarea::placeholder{color:#a0aec0}input:focus,select:focus,textarea:focus{border-color:#5b6fd8}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.file-input-custom{border:1px solid #e2e8f0;border-radius:8px;padding:8px;font-size:14px;cursor:pointer}.file-status{display:block;margin-top:6px;font-size:13px;color:#718096}@media (max-width: 768px){.form-group,input[type=text],input[type=number],input[type=date],select,textarea{width:100%}}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.camp-step-page{min-height:100vh;background-color:#fff;padding:0}.viewproject-container{max-width:100%;margin:0}.camp-step-card{background:#fff;min-height:100vh}.viewproject-header{background:#fff;padding:15px 30px;border-bottom:1px solid #e2e8f0}.back-btn{background:transparent;color:#4299e1;border:none;padding:8px 0;cursor:pointer;display:flex;align-items:center;font-size:14px;font-weight:500;transition:all .2s ease}.back-btn:hover{color:#2b6cb0}.form-header{padding:20px 30px;border-bottom:1px solid #e2e8f0;background:#fff}.form-main-title{font-size:20px;font-weight:600;color:#1a202c;margin:0}.viewproject-form{padding:30px;background:#fff}.form-section{margin-bottom:30px;background:#fff;padding:0;border:none}.section-label{font-size:14px;font-weight:600;color:#2d3748;display:block;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.section-subtitle{font-size:12px;color:#718096;margin-bottom:15px;margin-top:-10px}.form-row-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:20px}.form-group label{font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;color:#2d3748;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed;color:#718096;border-color:#e2e8f0}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.form-textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;color:#2d3748;font-family:inherit;resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.form-textarea::placeholder{color:#a0aec0}.lens-in-stock{background:#f0fdf4;padding:20px;border-radius:4px;border:1px solid #bbf7d0}.lens-in-stock .section-label{color:#16a34a;border-bottom:2px solid #86efac}.lens-out-stock{background:#fef2f2;padding:20px;border-radius:4px;border:1px solid #fecaca}.lens-out-stock .section-label{color:#dc2626;border-bottom:2px solid #fca5a5}.otp-verified-message{background:#d1fae5;border:1px solid #6ee7b7;border-radius:4px;padding:12px;margin-top:15px}.otp-verified-message p{margin:0;color:#065f46;font-size:14px;font-weight:500}.form-group.button-field{display:flex;align-items:flex-end}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;margin-top:20px}.exit-form-page{min-height:100vh;background-color:#fff;padding:0}.exit-form-card{max-width:100%;margin:0;background:#fff;min-height:100vh}.exit-form-header{background:#fff;padding:15px 30px;border-bottom:1px solid #e2e8f0}.exit-back-btn{background:transparent;color:#4299e1;border:none;padding:8px 0;cursor:pointer;display:flex;align-items:center;font-size:14px;font-weight:500;transition:all .2s ease}.exit-back-btn:hover{color:#2b6cb0}.exit-form-header-section{padding:20px 30px;border-bottom:1px solid #e2e8f0;background:#fff}.exit-form-main-title{font-size:20px;font-weight:600;color:#1a202c;margin:0}.exit-view-form{padding:30px;background:#fff}.exit-form-section{margin-bottom:30px;background:#fff;padding:0;border:none}.exit-section-label{font-size:14px;font-weight:600;color:#2d3748;display:block;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.exit-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.exit-form-row:last-child{margin-bottom:0}.exit-form-group{display:flex;flex-direction:column}.exit-form-group.full-width{grid-column:1 / -1}.exit-form-group label{font-size:13px;font-weight:500;color:#4a5568;margin-bottom:6px}.exit-input{padding:10px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;color:#2d3748;background:#fff;transition:all .2s ease}.exit-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.exit-input:disabled{background-color:#f7fafc;cursor:not-allowed;color:#718096;border-color:#e2e8f0}.exit-input::placeholder{color:#a0aec0}.exit-textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;color:#2d3748;font-family:inherit;resize:vertical;transition:all .2s ease}.exit-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 1px #4299e1}.exit-form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;margin-top:20px}@media (max-width: 768px){.viewproject-form,.exit-view-form{padding:20px}.form-row,.exit-form-row{grid-template-columns:1fr}.form-main-title,.exit-form-main-title{font-size:18px}}@media (max-width: 480px){.viewproject-header,.exit-form-header{padding:12px 20px}.form-header,.exit-form-header-section{padding:15px 20px}.viewproject-form,.exit-view-form{padding:15px}}@media print{.viewproject-header,.exit-form-header,.back-btn,.exit-back-btn,.form-actions,.exit-form-actions{display:none}.camp-step-page,.exit-form-page{background:#fff;padding:0}}.user-role-badge{display:inline-block;padding:6px 12px;background-color:#007bff;color:#fff;border-radius:4px;font-size:14px;font-weight:500;margin-left:16px}.doctor-section{border-left:4px solid #28a745;background-color:#f8f9fa}.doctor-section .section-label{color:#28a745;font-weight:600}input:disabled,select:disabled,textarea:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.file-input-custom{display:block;width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.file-status{display:block;margin-top:8px;font-size:12px;color:#6c757d;font-style:italic}.form-section{margin-bottom:32px;padding:20px;border:1px solid #dee2e6;border-radius:8px;background-color:#fff}.form-section:last-of-type{margin-bottom:0}.section-label{display:block;font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #007bff}.form-row-1{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;width:auto}.form-group label{font-size:14px;font-weight:500;color:#495057;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out}.form-group input{max-width:200px}.form-group .min{max-width:150px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{margin-top:32px;padding-top:24px;border-top:2px solid #dee2e6;display:flex;justify-content:flex-end;gap:12px}.health_row .form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.user-role-badge{display:block;margin-left:0;margin-top:8px;width:fit-content}.form-section{padding:16px}}.form-section[data-section=physical]{border-left:4px solid #007bff}.form-section[data-section=mental]{border-left:4px solid #6f42c1}.form-section[data-section=doctor]{border-left:4px solid #28a745}.no-permission-alert{padding:20px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;text-align:center;margin:20px 0}.question-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;margin-bottom:12px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;transition:all .2s ease}.question-row:hover{border-color:#6f42c1;box-shadow:0 2px 4px #6f42c11a}.question-label{flex:1;font-size:15px;font-weight:500;color:#2c3e50;line-height:1.5;margin:0;padding-left:8px}.question-select{flex-shrink:0;min-width:150px;padding:10px 12px;border:2px solid #ced4da;border-radius:6px;font-size:14px;font-weight:500;color:#495057;background-color:#fff;cursor:pointer;transition:all .2s ease}.question-select:hover{border-color:#6f42c1}.question-select:focus{outline:none;border-color:#6f42c1;box-shadow:0 0 0 .2rem #6f42c140}.question-select:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.question-select option{padding:8px}.question-select option:checked{background-color:#6f42c1;color:#fff}@media (max-width: 992px){.question-row{gap:15px}.question-label{font-size:14px}.question-select{min-width:140px}}@media (max-width: 768px){.question-row{flex-direction:column;align-items:flex-start;gap:12px}.question-label{border-left:none;border-top:3px solid #6f42c1;padding-left:0;padding-top:8px}.question-select{width:100%;min-width:auto}}@media (max-width: 480px){.question-row{padding:12px}.question-label{font-size:13px}.question-select{font-size:13px;padding:8px 10px}}.validation-error{display:block;color:#dc3545;font-size:12px;margin-top:4px;font-weight:500}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545!important;background-color:#fff5f5}.form-group input:focus.error,.form-group select:focus.error,.form-group textarea:focus.error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}.form-group label:after{content:""}.form-group label:has(+input[required]):after,.form-group label:has(+select[required]):after{content:" *";color:#dc3545;font-weight:700}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:12px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background-color:#e3f2fd}.checkbox-label input[type=checkbox]{margin-right:8px;cursor:pointer;width:16px;height:16px;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{font-size:14px;line-height:1.4}.selected-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:8px;background:#f0f8ff;border-radius:4px;border:1px solid #bbdefb}.selected-label{font-weight:600;color:#1976d2;margin-right:4px}.selected-tag{background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;padding:4px 8px;font-size:13px;color:#1976d2}.form-group.full-width{grid-column:1 / -1}@media (max-width: 900px){.tab-contect{max-width:800px}}.daily-compliance-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;display:flex;flex-direction:column}.daily-table{width:100%;border-collapse:collapse;margin-bottom:15px}.daily-table th{background:#f9fafb;font-weight:600;color:var(--color-heading);height:auto;border:1px solid #e5e7eb;text-align:left;padding:4px}.daily-table td{padding:4px;border:1px solid #e5e7eb;text-align:left}.edit-btn-d{background:#10b981}.signoff-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.heading{font-size:20px;font-weight:600;color:var(--color-heading);margin-bottom:15px}.search-top{display:flex;justify-content:space-between;margin-bottom:15px;align-items:center}.signoff-table{width:100%;border-collapse:collapse}.signoff-table th{background:#f9fafb;font-weight:600;color:var(--color-heading);height:auto;border:1px solid #e5e7eb;text-align:left;padding:4px}.signoff-table td{padding:4px;border:1px solid #eee;font-size:14px;text-align:left}.action-buttons{display:flex;align-items:center;gap:8px}.view-btn{background:#6366f1}.edit-btn img{background:#10b981}.popupOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.popupBox{background:#fff;border-radius:12px;position:relative;box-shadow:0 10px 40px #0000004d;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.popupBox:has(.popup-pdf-viewer){max-width:95vw;max-height:95vh;width:95vw;height:95vh}.closeBtn{position:absolute;top:10px;right:10px;width:36px;height:36px;font-size:28px;line-height:1;border:none;background:#ffffffe6;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:background .2s}.closeBtn:hover{background:#fff}.popupImage{max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:8px;object-fit:contain}.popupVideo{max-width:90vw;max-height:90vh;width:100%;border-radius:8px}.popup-pdf-viewer{width:100%;height:100%;border:none;border-radius:8px}.selected-files,.file-list,.new-files{margin-top:10px;display:flex;flex-direction:column;gap:5px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#f5f5f5;border-radius:4px;font-size:14px}.remove-file-btn{background:#f44;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:18px;line-height:1}.remove-file-btn:hover{background:#c00}.file-list{display:flex;flex-wrap:wrap;gap:10px}.page{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.backBtn{background:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:16px;font-weight:500}.card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.camp-details{color:#4a5568;font-size:14px;margin-bottom:24px}.row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.group{display:flex;flex-direction:column;flex:1;min-width:200px;max-width:250px}.groupFull{flex:1;display:flex;flex-direction:column;width:100%}.label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.input,.select{width:100%;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none}.textarea{width:100%;min-height:100px;padding:12px 16px;font-size:14px;border:1px solid #e2e8f0;border-radius:8px;resize:vertical;color:#2d3748}.fileLabel{display:flex;gap:8px;padding:10px 16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px}.fileBtn{background:#e2e8f0;padding:4px 12px;border-radius:4px;font-size:13px}.uploads-title{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:20px}.submitWrapper{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.submitBtn{padding:12px 32px;background:#5b6fd8;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500}.popupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.popupBox{background:#fff;padding:20px;border-radius:10px;max-width:80%;max-height:85%;overflow:auto;position:relative}.popupImage{max-width:100%;height:auto;border-radius:8px}.popupVideo{width:100%;max-height:500px;border-radius:8px}.closeBtn{position:absolute;top:8px;right:12px;font-size:25px;border:none;background:none;cursor:pointer}.fileBtn{color:#00f;text-decoration:underline;background:none;border:none;cursor:pointer}.docContainer{text-align:center}.downloadBtn{display:inline-block;margin-top:15px;padding:8px 14px;background:#2e7dff;color:#fff;border-radius:5px}.existing-files{margin-bottom:15px}.selected-files{margin-top:10px;display:flex;flex-direction:column;gap:5px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.remove-file-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.remove-file-btn:hover{background:#c82333}.viewBtn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.viewBtn:hover{background:#0056b3}.fileLabel{display:flex;align-items:center;gap:10px;margin-top:8px;cursor:pointer}.fileBtn{background:#28a745;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;border:none;cursor:pointer;transition:background .2s}.fileBtn:hover{background:#218838}.loaderBox{background:#fff;padding:40px 60px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.driverreg-page{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.viewproject-header{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:16px;font-weight:500;transition:opacity .2s}.back-btn:hover{opacity:.7}.driverreg-card{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.form-main-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.section-label{display:block;font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.form-section{margin-bottom:32px}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.form-row-header{display:flex;flex-wrap:wrap;gap:20px}.form-group{display:flex;flex-direction:column;flex:1;min-width:200px;max-width:250px}.form-group label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.form-group input[type=text],.form-group input[type=date]{width:100%;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.form-group input::placeholder{color:#a0aec0}.form-group input:focus{border-color:#5b6fd8}.checklist-table{width:100%;border-collapse:collapse;margin-top:12px}.checklist-table th{background-color:#f7fafc;padding:12px;text-align:left;font-size:14px;font-weight:600;color:#2d3748;border:1px solid #e2e8f0}.checklist-table td{padding:12px;border:1px solid #e2e8f0;font-size:14px;color:#4a5568}.checklist-table tr:nth-child(2n){background-color:#f9fafb}.checklist-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.remarks-input{width:100%;padding:8px;font-size:13px;border:1px solid #e2e8f0;border-radius:4px;outline:none}.remarks-input:focus{border-color:#5b6fd8}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-row label{font-size:14px;color:#4a5568;cursor:pointer;margin:0}.form-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.add-child-btn{padding:12px 24px;background-color:#5b6fd8;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-child-btn:hover{background-color:#4c5fc7}.section-subtitle{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:12px}.big-radio{transform:scale(1.5);accent-color:#007bff;margin:8px}@media (max-width: 768px){.driverreg-page{padding:16px}.driverreg-card{padding:20px}.form-group{max-width:100%;min-width:100%}.form-row{flex-direction:column;gap:16px}.checklist-table{font-size:12px}.checklist-table th,.checklist-table td{padding:8px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto}.transfer-modal-container{background:#fff;border-radius:12px;width:100%;max-width:1100px;max-height:none;box-shadow:0 4px 20px #00000026;position:relative}.transfer-modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb}.transfer-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.transfer-modal-body{padding:20px 24px}.error-alert{background-color:#fee;color:#c00;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.form-row{margin-bottom:16px}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-row.four-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-field.full-width{width:100%}.form-field label{font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.form-control,.form-select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background-color:#fff;transition:border-color .2s}.form-control:focus,.form-select:focus{outline:none;border-color:#6366f1}.form-control:disabled,.form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-control::placeholder{color:#9ca3af}.form-textarea{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;font-family:inherit;resize:vertical;min-height:60px}.form-textarea:focus{outline:none;border-color:#6366f1}.form-textarea::placeholder{color:#9ca3af}.items-table-wrapper{margin-top:16px;margin-bottom:16px;overflow-x:auto}.items-table{width:100%;border-collapse:collapse;font-size:13px}.items-table thead{background-color:#f9fafb}.items-table th{padding:10px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:12px;white-space:nowrap}.items-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6}.items-table tbody tr:last-child td{border-bottom:none}.table-control{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;background-color:#fff;transition:border-color .2s}.table-control.qty-input{max-width:100px;text-align:center}.table-control:focus{outline:none;border-color:#6366f1}.table-control:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.table-control::placeholder{color:#9ca3af;font-size:12px}.file-upload-wrapper{display:flex;align-items:center;gap:8px;width:100%}.file-input{display:none}.file-upload-btn{padding:10px 16px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s;white-space:nowrap}.file-upload-btn:hover{background-color:#e5e7eb}.file-name{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.transfer-modal-footer{padding:14px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.btn-submit{padding:10px 32px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;text-transform:uppercase;letter-spacing:.5px}.btn-submit:hover{background-color:#059669}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.status-transfer-out{background-color:#fef3c7;color:#d97706;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}@media (max-width: 768px){.transfer-modal-container{max-width:100%;max-height:95vh}.form-row.four-cols{grid-template-columns:1fr 1fr}.form-row.three-cols,.form-row.two-cols{grid-template-columns:1fr}.items-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.items-table{min-width:800px}}@media (max-width: 480px){.transfer-modal-container{border-radius:0;max-height:100vh}.transfer-modal-header,.transfer-modal-body,.transfer-modal-footer{padding:16px}.form-row.four-cols{grid-template-columns:1fr}.items-table{font-size:11px}.items-table th,.items-table td{padding:6px 4px}}.shipment-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:9998}.tabs-container{background-color:#fff;display:flex;gap:0;padding:0 40px;border-bottom:1px solid #e5e7eb}.tab-button{padding:16px 24px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#111827}.tab-button.active{color:#6366f1;border-bottom-color:#6366f1;background-color:#f0f0ff;border-radius:8px 8px 0 0}.shipment-card{max-width:900px;margin:40px auto;background:#fff;border-radius:12px;padding:40px 50px;box-shadow:0 2px 8px #00000014}.shipment-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:30px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.form-row.full-width{grid-template-columns:1fr}.form-field{display:flex;flex-direction:column}.remarks-field{width:100%}.field-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.field-input,.field-textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;transition:all .2s ease}.field-input:focus,.field-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.field-input.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.field-input::placeholder,.field-textarea::placeholder{color:#9ca3af}.field-textarea{resize:vertical;font-family:inherit;min-height:80px}.submit-container{display:flex;justify-content:flex-end;margin-top:32px}.submit-button{padding:12px 48px;background-color:#6366f1;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #6366f14d}.submit-button:hover{background-color:#4f46e5;box-shadow:0 4px 8px #6366f166;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.loading{text-align:center;padding:60px 20px;font-size:16px;color:#6b7280}@media (max-width: 1024px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tabs-container{overflow-x:auto;padding:0 20px}.shipment-card{margin:20px;padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.submit-button{width:100%}}@media (max-width: 480px){.tabs-container{padding:0 10px}.tab-button{padding:12px 16px;font-size:13px}.shipment-card{margin:10px;padding:20px}}.popup_close_btn_box{display:flex;justify-content:flex-end;width:100%}.popup_close_btn{background-color:red;color:#fff;width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700}.popup_close_btn:hover{background-color:#8b0000;transform:scale(1.1)}.input-textarea_remarks{width:100%;resize:both;max-width:100%}.form-group_remarks{display:flex;flex-direction:column;gap:6px;width:100%}.viewDriverContainer{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#f5f5f5}.header{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.backBtn{cursor:pointer;font-size:20px;color:#333}.header h2{margin:0;font-size:20px;font-weight:600;color:#333}.formContent{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section h3{font-size:18px;font-weight:600;color:#333;margin-bottom:15px}.sectionNote{font-size:13px;color:#666;margin-bottom:10px}.gridRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.gridRow:last-child{margin-bottom:0}.inputGroup{display:flex;flex-direction:column;gap:8px}.inputGroup label{font-size:14px;font-weight:500;color:#333}.inputGroup input,.inputGroup select,.inputGroup textarea{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;background:#f9f9f9;color:#333}.inputGroup input:read-only,.inputGroup select:disabled,.inputGroup textarea:read-only{cursor:not-allowed;background:#f5f5f5}.inputGroup input::placeholder,.inputGroup textarea::placeholder{color:#999}.fileUpload{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;background:#f9f9f9}.chooseFileBtn{padding:6px 12px;background:#fff;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;cursor:not-allowed;color:#666}.fileName{font-size:13px;color:#999}.checkboxRow{display:flex;align-items:center;gap:8px;margin-bottom:15px}.checkboxRow input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkboxRow label{font-size:14px;font-weight:500;color:#333;cursor:pointer}.fullWidth{width:100%}.addButton{padding:10px 20px;background:#f0f0f0;border:1px dashed #999;border-radius:6px;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;gap:5px}.addButton:hover{background:#e8e8e8}.loading,.error{text-align:center;padding:40px;font-size:16px;color:#666}.error{color:#d32f2f}@media (max-width: 768px){.gridRow{grid-template-columns:1fr}.formContent{padding:20px}}.childrenList{margin:15px 0;display:flex;flex-direction:column;gap:15px}.childRow{display:grid;grid-template-columns:2fr 1fr auto;gap:15px;align-items:end;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.childRow .inputGroup{margin:0}.removeButton{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:not-allowed;font-size:14px;height:40px;opacity:.6}.noChildren{color:#6c757d;font-style:italic;margin:10px 0}.addButton{margin-top:15px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:not-allowed;font-size:14px;opacity:.6}.addButton:disabled,.removeButton:disabled{cursor:not-allowed}.viewDriverContainer_for_css_update input,.editDriverContainer_for_css_update input{padding:8px!important}.camp-calendar-container{padding:20px;background-color:#f5f7fa;min-height:100vh}.calendar-header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.calendar-header h2{margin:0 0 20px;color:#2c3e50;font-size:24px;font-weight:600}.filters-section{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;min-width:180px}.filter-group label{font-size:14px;font-weight:500;color:#555;margin-bottom:5px}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .3s}.filter-group select:hover{border-color:#3788d8}.filter-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.filter-actions{display:flex;gap:10px}.btn-apply,.btn-reset{padding:8px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-apply{background-color:#3788d8;color:#fff}.btn-apply:hover{background-color:#2c6cb5;transform:translateY(-1px)}.btn-reset{background-color:#e74c3c;color:#fff}.btn-reset:hover{background-color:#c0392b;transform:translateY(-1px)}.calendar-wrapper{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.fc{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.fc-event{cursor:pointer;border-radius:4px;padding:2px 4px;font-size:13px}.fc-event:hover{opacity:.8;transform:scale(1.02)}.fc-toolbar-title{font-size:22px!important;font-weight:600!important;color:#2c3e50}.fc-button{background-color:#3788d8!important;border-color:#3788d8!important;text-transform:capitalize!important}.fc-button:hover{background-color:#2c6cb5!important;border-color:#2c6cb5!important}.fc-button-active{background-color:#1e4d8b!important;border-color:#1e4d8b!important}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background-color:#f8f9fa;border-radius:8px 8px 0 0}.modal-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px}.detail-row{display:grid;grid-template-columns:180px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:600;color:#555;font-size:14px}.detail-row span{color:#333;font-size:14px}.detail-row a{color:#3788d8;text-decoration:none;font-weight:500}.detail-row a:hover{text-decoration:underline}@media (max-width: 768px){.filters-section{flex-direction:column}.filter-group,.filter-actions{width:100%}.btn-apply,.btn-reset{flex:1}.modal-content{width:95%;max-height:90vh}.detail-row{grid-template-columns:1fr;gap:5px}.detail-row label{font-weight:600}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}.bulk-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.bulk-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.bulk-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:#5b6fd8;font-size:20px;transition:opacity .2s}.bulk-back-btn:hover{opacity:.7}.bulk-title{font-size:24px;font-weight:600;color:#2d3748;margin:0}.bulk-form{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.bulk-row-3{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.bulk-field{display:flex;flex-direction:column;width:250px}.bulk-label{font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px}.bulk-input,.bulk-textarea{width:250px;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.bulk-textarea{width:100%;height:auto;padding:12px 16px;resize:vertical;font-family:inherit}.bulk-input::placeholder,.bulk-textarea::placeholder{color:#a0aec0}.bulk-input:focus,.bulk-textarea:focus{border-color:#5b6fd8}.bulk-date-hint{font-size:12px;color:#718096;margin-top:4px}.bulk-section{margin-bottom:32px}.bulk-section-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:16px}.bulk-section-desc{font-size:13px;color:#718096;margin-bottom:16px;margin-top:-8px}.bulk-upload{position:relative;width:100%;max-width:500px}.bulk-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bulk-upload-label{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;transition:all .2s}.bulk-upload-label:hover{background-color:#edf2f7;border-color:#5b6fd8}.bulk-upload-icon{font-size:20px;color:#5b6fd8}.bulk-upload-text{font-size:14px;color:#5b6fd8;font-weight:500}.bulk-file-preview{display:flex;flex-direction:column;gap:12px;margin-top:15px}.bulk-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.bulk-file-item:hover{background-color:#edf2f7}.bulk-pdf-icon{font-size:24px;color:#e53e3e;flex-shrink:0}.bulk-file-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.bulk-file-name{font-size:14px;color:#2d3748;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-file-size{font-size:12px;color:#718096;margin-top:2px}.bulk-remove-file{background:#e53e3e1a;color:#e53e3e;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.bulk-remove-file:hover{background:#e53e3e33}.bulk-actions{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.bulk-create-btn{padding:12px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.bulk-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.bulk-create-btn:active{transform:translateY(0)}@media (max-width: 768px){.bulk-field,.bulk-input,.bulk-textarea{width:100%}.bulk-row-3{flex-direction:column}}.bulk-readonly{background-color:#f5f5f5;color:#333;padding:12px;border-radius:4px;border:1px solid #ddd;min-height:40px}.bulk-textarea.bulk-readonly{min-height:100px;white-space:pre-wrap}.bulk-no-files{color:#666;font-style:italic;padding:20px;text-align:center}.bulk-file-clickable:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.popup-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-content{position:relative;width:90%;max-width:1200px;height:90vh;background:#fff;border-radius:8px;overflow:hidden}.popup-close-btn{position:absolute;top:10px;right:10px;z-index:10000;background:#f44;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px}.popup-close-btn:hover{background:#c00}.popup-pdf-viewer{width:100%;height:100%}.bulk-list-container{max-width:1400px;margin:0 auto;padding:24px;background-color:#f8f9fa;min-height:100vh}.bulk-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.bulk-list-title{font-size:28px;font-weight:600;color:#2d3748;margin:0}.bulk-list-create-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.bulk-list-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.bulk-list-filters{background-color:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.bulk-list-filter-field{display:flex;align-items:center;gap:12px}.bulk-list-filter-field label{font-size:14px;font-weight:600;color:#4a5568}.bulk-list-filter-input{width:200px;height:40px;padding:0 12px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.bulk-list-filter-input:focus{border-color:#5b6fd8}.bulk-list-clear-btn{padding:8px 16px;font-size:13px;color:#718096;background-color:#edf2f7;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.bulk-list-clear-btn:hover{background-color:#e2e8f0}.bulk-list-empty{background-color:#fff;padding:60px 40px;border-radius:12px;text-align:center;box-shadow:0 1px 3px #0000001a}.bulk-list-empty p{font-size:16px;color:#718096;margin-bottom:20px}.bulk-list-empty-btn{padding:12px 32px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s}.bulk-list-empty-btn:hover{transform:translateY(-1px)}.bulk-list-table-wrapper{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.bulk-list-table{width:100%;border-collapse:collapse}.bulk-list-table thead{background-color:#f7fafc}.bulk-list-table th{padding:16px 12px;font-size:13px;font-weight:600;color:#4a5568;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap}.bulk-list-table td{padding:16px 12px;font-size:14px;color:#2d3748;text-align:left;border-bottom:1px solid #e2e8f0}.bulk-list-table tbody tr{transition:background-color .2s}.bulk-list-table tbody tr:hover{background-color:#f7fafc}.bulk-list-date,.bulk-list-datetime{white-space:nowrap}.bulk-list-number{text-align:center;font-weight:600;color:#5b6fd8}.bulk-list-files{text-align:center}.bulk-list-file-count{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:#fff5f5;border-radius:6px}.bulk-list-pdf-icon{color:#e53e3e;font-size:16px}.bulk-list-remarks{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-list-no-remarks{color:#a0aec0}.bulk-list-actions{display:flex;gap:8px;justify-content:center}.bulk-list-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.bulk-list-view-btn{background-color:#6366f1;color:#fff}.bulk-list-update-btn{background-color:#10b981;color:#fff}.bulk-list-summary{display:flex;gap:20px;background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.bulk-list-summary-item{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.bulk-list-summary-label{font-size:13px;opacity:.9}.bulk-list-summary-value{font-size:24px;font-weight:700}@media (max-width: 1200px){.bulk-list-table-wrapper{overflow-x:auto}.bulk-list-table{min-width:1000px}}@media (max-width: 768px){.bulk-list-header{flex-direction:column;align-items:flex-start;gap:16px}.bulk-list-summary{flex-direction:column}.bulk-list-filters,.bulk-list-filter-field{flex-direction:column;align-items:stretch}.bulk-list-filter-input{width:100%}}*{box-sizing:border-box}.csv-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.csv-container{max-width:1200px;margin:auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 10px 40px #0000001a}h1{text-align:center;margin-bottom:5px;color:#2d3748}.subtitle{text-align:center;color:#666;margin-bottom:25px;font-size:.95rem}.info-box{background:#fffbeb;border:1px solid #f59e0b;padding:15px;border-radius:6px;margin-bottom:20px}.info-box h4{margin-bottom:8px;color:#92400e}.info-box ul{margin:10px 0;padding-left:20px}.info-box li{margin-bottom:5px;color:#78350f}.btn-template{margin-top:10px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-template:hover{background:#2563eb}.file-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:#f7fafc;border-radius:6px}.file-row label{width:180px;font-weight:500;color:#2d3748}.file-row input{flex:1;padding:8px;border:1px solid #cbd5e0;border-radius:4px}.file-name{font-size:.85rem;color:#4a5568;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row button{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.file-row button:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.file-row button:disabled,.btn-disabled{background:#cbd5e0;cursor:not-allowed;opacity:.6}.actions{margin-top:25px;display:flex;gap:10px;justify-content:center}.btn-success{background:#48bb78;color:#fff;padding:12px 30px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover:not(:disabled){background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.btn-success:disabled{background:#cbd5e0;cursor:not-allowed}.btn-danger{background:#e53e3e;color:#fff;padding:12px 30px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#c53030;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e66}.btn-danger:disabled{background:#cbd5e0;cursor:not-allowed}.loading-spinner{margin-top:30px;text-align:center}.spinner{border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 15px}.loading-spinner p{color:#4a5568;font-weight:500}.results-container{margin-top:30px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.results-header{padding:20px;color:#fff}.results-header.success{background:linear-gradient(135deg,#48bb78,#38a169)}.results-header.error{background:linear-gradient(135deg,#e53e3e,#c53030)}.results-header.batch-success{background:linear-gradient(135deg,#4299e1,#3182ce)}.results-header h3{margin:0 0 8px;font-size:1.3rem}.summary-message{margin:0;font-size:.95rem;opacity:.95}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:20px;background:#f7fafc}.stat-card{background:#fff;padding:20px;border-radius:8px;text-align:center;border:2px solid transparent;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.total{border-color:#4299e1}.stat-card.success{border-color:#48bb78}.stat-card.error{border-color:#e53e3e}.stat-card.skipped{border-color:#ed8936}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-card.total .stat-value{color:#4299e1}.stat-card.success .stat-value{color:#48bb78}.stat-card.error .stat-value{color:#e53e3e}.stat-card.skipped .stat-value{color:#ed8936}.stat-label{font-size:.85rem;color:#718096;font-weight:500}.detail-section{margin-top:20px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.section-header{padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:all .2s;-webkit-user-select:none;user-select:none}.section-header:hover{opacity:.9}.success-header{background:#c6f6d5;color:#22543d}.error-header{background:#fed7d7;color:#742a2a}.skipped-header{background:#feebc8;color:#7c2d12}.toggle-icon{font-size:.9rem}.records-list{max-height:400px;overflow-y:auto;background:#fff}.records-table{width:100%;border-collapse:collapse}.records-table thead{position:sticky;top:0;background:#edf2f7;z-index:1}.records-table th{padding:12px;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #cbd5e0;font-size:.9rem}.records-table td{padding:12px;border-bottom:1px solid #e2e8f0;font-size:.9rem;color:#4a5568}.records-table tbody tr:hover{background:#f7fafc}.abhay-id{font-weight:600;color:#4299e1;font-family:monospace}.error-message{color:#e53e3e;font-size:.85rem}.skip-reason{color:#d69e2e;font-size:.85rem}.batch-results{padding:20px;background:#fff}.batch-item{padding:12px;margin-bottom:10px;background:#f7fafc;border-radius:6px;border-left:4px solid #4299e1}.batch-item strong{color:#2d3748;margin-right:10px}@media (max-width: 768px){.csv-container{padding:20px}.file-row{flex-direction:column;align-items:stretch}.file-row label{width:100%;margin-bottom:5px}.stats-grid{grid-template-columns:repeat(2,1fr)}.actions{flex-direction:column}.btn-success,.btn-danger{width:100%}.records-table{font-size:.8rem}.records-table th,.records-table td{padding:8px}}.records-list::-webkit-scrollbar{width:8px}.records-list::-webkit-scrollbar-track{background:#f1f1f1}.records-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.records-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.template-buttons{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.btn-template{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-template:hover{background:#45a049;transform:translateY(-2px)}.badge-success{background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.badge-error{background-color:#f44336;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.stat-card.info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-stage,.skip-stage,.completed-stages{text-align:center}.loading-subtext{font-size:14px;color:#666;margin-top:10px;font-style:italic}.tab-container{width:100%;overflow-x:auto}.tab-buttons-wrapper{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0!important;min-width:fit-content}.tab-content{margin-top:1.5rem;width:100%}.logs-container{width:100%;padding:1rem!important}.logs-header{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filters-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem!important;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.logs-table{min-width:100%;width:max-content}.pagination-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.page-numbers{display:flex;gap:.25rem}.mobile-search-container{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 900px){.tab-content{max-width:100%}.logs-container{padding:.75rem!important}.stats-grid,.filters-grid{grid-template-columns:1fr}.table-wrapper{max-width:calc(100vw - 2rem);overflow-x:scroll}.logs-table{font-size:.875rem}.logs-table th,.logs-table td{padding:.5rem!important;white-space:nowrap}.pagination-container{flex-direction:column;align-items:stretch}.pagination-buttons{justify-content:center}.page-numbers button{padding:.5rem .75rem!important}}@media (max-width: 768px){.tab-buttons-wrapper{gap:.25rem}.mobile-search-container,.mobile-search-container input,.mobile-search-container button{width:100%}}@media (max-width: 640px){.logs-header h1{font-size:1.5rem}.logs-header p{font-size:.875rem}.filters-container{padding:.75rem!important}.logs-table{font-size:.75rem}.logs-table th,.logs-table td{padding:.375rem!important}.stats-grid{grid-template-columns:1fr}.logs-table th:nth-child(3),.logs-table td:nth-child(3),.logs-table th:nth-child(4),.logs-table td:nth-child(4),.logs-table th:nth-child(6),.logs-table td:nth-child(6){display:none}.pagination-buttons button{font-size:.875rem;padding:.5rem .75rem!important}.page-numbers{display:none}}@media (max-width: 480px){.logs-container{padding:.5rem!important}.stats-grid{gap:.5rem}.filters-grid{gap:.75rem}.logs-table{font-size:.7rem}button{font-size:.875rem;padding:.5rem .75rem!important}}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(59,130,246,.3);border-radius:50%;border-top-color:#3b82f6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;white-space:nowrap}.table-row-hover:hover{background-color:#f9fafb;transition:background-color .15s ease-in-out}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}input:focus,select:focus,button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}button{transition:all .15s ease-in-out}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}[title]{cursor:help;position:relative}.empty-state{text-align:center;padding:3rem 1rem!important;color:#6b7280}.error-message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.error-message-cell{max-width:200px}}@media (max-width: 640px){.error-message-cell{max-width:150px}}.batch-id-cell{font-family:Courier New,monospace;font-size:.75rem}@media (max-width: 640px){.table-card-view,.table-card-view .logs-table{display:block}.table-card-view thead{display:none}.table-card-view tbody{display:block}.table-card-view tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem!important;background:#fff}.table-card-view td{display:block;padding:.5rem 0!important;border:none;text-align:left}.table-card-view td:before{content:attr(data-label);font-weight:600;display:inline-block;width:120px;color:#6b7280;font-size:.875rem}}@media print{.filters-container,.pagination-container,button{display:none}.table-wrapper{overflow:visible}.logs-table{font-size:10pt}}.overdue-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;background:#f5f7fb}.overdue-card{width:100%;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:16px}.overdue-title{font-size:18px;font-weight:600;margin:0;color:#1f2937}.overdue-field{display:flex;flex-direction:column;gap:8px}.overdue-field label{font-size:13px;color:#4b5563}.overdue-input{padding:10px 12px!important;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease;width:150px}.overdue-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:70vw;max-height:80vh;overflow-y:auto;overflow-x:auto}.modal-header{display:flex;justify-content:space-between;align-items:center}.close-btn-history{background:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.history-table{width:100%;border-collapse:collapse;margin-top:15px}.history-table th,.history-table td{border:1px solid #ddd;padding:8px;text-align:center}.history-table th{background:#f4f4f4}.loader-div{height:50px;width:50px;border-top:solid lightskyblue;border-radius:50%;animation:spin 1s linear infinite}.loader-div-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;padding:10px;background:#f1f5f9;border-radius:6px}.download-header-right{display:flex;align-items:center;gap:6px}.count-badge{font-size:11px;background-color:#2563eb;color:#fff;border-radius:999px;padding:2px 8px}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.download-list{max-height:70vh;overflow-y:auto;margin-top:8px;border:1px solid #e2e8f0;border-radius:6px}.download-item{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer}.download-item:hover{background-color:#f8fafc}.download-item.selected{background-color:#e0edff}.select-all-text{font-weight:600}.pa-page{min-height:100vh;background-color:#f5f6fa;padding:24px 16px}.pa-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.pa-header{display:flex;align-items:center;gap:14px;background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 2px 8px #00000012}.pa-header-icon{width:46px;height:46px;background:linear-gradient(135deg,#1a237e,#1a73e8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.pa-title{font-size:18px;font-weight:700;color:#1a237e;margin:0 0 2px}.pa-subtitle{font-size:12px;color:#888;margin:0}.pa-history-btn{margin-left:auto;display:flex;align-items:center;gap:6px;background:#f0f4ff;border:1px solid #c5d5f8;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:#1a73e8;cursor:pointer;transition:background .2s;white-space:nowrap}.pa-history-btn:hover{background:#dde8ff}.pa-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;overflow:hidden}.pa-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:13px;font-weight:700;color:#1a237e;border-bottom:1px solid #f0f0f0;background:#fafbff}.pa-templates{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px}.pa-template-btn{background:#f0f4ff;border:1px solid #c5d5f8;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:600;color:#1a73e8;cursor:pointer;transition:all .18s}.pa-template-btn:hover{background:#1a73e8;color:#fff;border-color:#1a73e8;transform:translateY(-1px)}.pa-form{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.pa-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.pa-label{font-size:13px;font-weight:600;color:#444}.pa-required{color:#e53935;margin-left:2px}.pa-input{width:100%;padding:10px 14px!important;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#222;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pa-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.pa-textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#222;background:#fff;outline:none;resize:vertical;min-height:110px;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.pa-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.pa-char-hint{font-size:11px;color:#aaa;text-align:right}.pa-char-limit{color:#e53935;font-weight:600}.pa-preview{background:#f8faff;border:1px solid #dde8ff;border-radius:10px;padding:14px}.pa-preview-label{font-size:11px;font-weight:700;color:#1a73e8;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.pa-preview-card{background:#fff;border-radius:10px;padding:12px 14px;border:1px solid #e8edf8;box-shadow:0 2px 8px #1a73e814}.pa-preview-app{font-size:10.5px;color:#888;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.pa-preview-title{font-size:14px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.pa-preview-body{font-size:12.5px;color:#555;line-height:1.5}.pa-result{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;font-size:13px}.pa-result-success{background:#e8f5e9;border:1px solid #a5d6a7}.pa-result-error{background:#fdecea;border:1px solid #f5c6c4}.pa-result-icon{font-size:20px;flex-shrink:0}.pa-result-title{font-weight:700;color:#1a1a2e;margin-bottom:3px}.pa-result-detail{color:#555}.pa-audience-info{display:flex;align-items:flex-start;gap:10px;background:#fffbf0;border:1px solid #ffe082;border-radius:8px;padding:10px 14px;font-size:12.5px;color:#666;line-height:1.5}.pa-audience-icon{color:#f9a825;flex-shrink:0;margin-top:2px;font-size:14px}.pa-actions{display:flex;justify-content:flex-end}.pa-send-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1a237e,#1a73e8);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.pa-send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pa-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pa-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:pa-spin .7s linear infinite}@keyframes pa-spin{to{transform:rotate(360deg)}}.pa-history-panel .pa-card-header{background:#fafbff}.pa-empty{padding:20px;text-align:center;color:#bbb;font-size:13px}.pa-history-list{display:flex;flex-direction:column;gap:0}.pa-history-item{padding:12px 20px;border-bottom:1px solid #f0f0f0}.pa-history-item:last-child{border-bottom:none}.pa-history-meta{display:flex;align-items:center;gap:12px;margin-bottom:4px}.pa-history-time{font-size:11px;color:#aaa}.pa-sent-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#2e7d32;background:#e8f5e9;padding:2px 8px;border-radius:20px}.pa-history-title{font-size:13px;font-weight:700;color:#1a1a2e;margin-bottom:2px}.pa-history-msg{font-size:12px;color:#777;line-height:1.4}.pa-icon-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid #ffcdd2;border-radius:6px;padding:4px 10px;font-size:12px;color:#e53935;cursor:pointer;transition:background .15s}.pa-icon-btn:hover{background:#fdecea}@media (max-width: 520px){.pa-header{flex-wrap:wrap;gap:10px}.pa-history-btn{margin-left:0}.pa-templates{gap:6px}.pa-send-btn{width:100%;justify-content:center}.pa-actions{justify-content:stretch}}.pa-audience-filter{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:16px;margin-bottom:16px;background:var(--surface-muted, #f9fafb)}.pa-optional{font-size:11px;font-weight:400;color:var(--text-muted, #9ca3af);margin-left:6px}.pa-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pa-loading-hint{font-size:11px;color:var(--text-muted, #9ca3af);font-weight:400;margin-left:6px}.pa-multiselect{position:relative;width:100%}.pa-multiselect-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s}.pa-multiselect-trigger:hover:not(.pa-multiselect-disabled){border-color:var(--primary, #6366f1)}.pa-multiselect-disabled{background:var(--surface-muted, #f3f4f6);cursor:not-allowed;opacity:.6}.pa-multiselect-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.pa-multiselect-placeholder{color:var(--text-muted, #9ca3af);font-size:14px}.pa-tag{display:inline-flex;align-items:center;gap:5px;background:var(--primary-light, #eef2ff);color:var(--primary, #6366f1);font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px}.pa-tag-remove{cursor:pointer;font-size:10px;opacity:.6}.pa-tag-remove:hover{opacity:1}.pa-multiselect-arrow{font-size:11px;color:var(--text-muted, #9ca3af);flex-shrink:0;transition:transform .2s}.pa-arrow-up{transform:rotate(180deg)}.pa-multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:#fff;border:1px solid var(--border, #d1d5db);border-radius:8px;box-shadow:0 8px 24px #0000001a;max-height:220px;overflow-y:auto}.pa-multiselect-option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;font-size:14px;transition:background .15s}.pa-multiselect-option:hover{background:var(--surface-muted, #f9fafb)}.pa-option-selected{background:var(--primary-light, #eef2ff)}.pa-option-checkbox{accent-color:var(--primary, #6366f1);width:15px;height:15px;flex-shrink:0}.pa-multiselect-empty{padding:16px;text-align:center;color:var(--text-muted, #9ca3af);font-size:13px}@media (max-width: 560px){.pa-filter-row{grid-template-columns:1fr}}.yt-container{height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start;background:#f5f7fb}.yt-card{width:100%;background:#fff;padding:24px;margin:20px;border-radius:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:16px}.yt-title{font-size:18px;font-weight:600;margin:0;color:#1f2937}.yt-field{display:flex;flex-direction:column;gap:8px}.yt-field label{font-size:13px;color:#4b5563}.yt-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;font-size:14px;outline:none;transition:all .2s ease}.yt-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.yt-btn{padding:10px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:.2s ease}.yt-btn:disabled{background:#c7c7c7;cursor:not-allowed}.yt-btn:not(:disabled):hover{background-color:#4f46e5}.yt-status{font-size:14px;font-weight:500;color:#10b981}.yt-selected{font-size:14px;color:#374151}.yt-link{display:inline-block;margin-top:10px;font-size:14px;color:#2563eb;text-decoration:none;font-weight:500}.yt-link:hover{text-decoration:underline}.lms-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px;white-space:nowrap}.lms-badge-pdf{background:#fde8e8;color:#c62828}.lms-badge-video{background:#fff3e0;color:#e65100}.lms-badge-link{background:#e8f5e9;color:#2e7d32}.lms-desc-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280;font-size:13px}.lms-type-pills{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-top:15px;overflow-x:auto;padding-bottom:4px;padding-top:4px}.lms-type-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:all .15s}.lms-type-pill:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.lms-type-pill-active{border-color:#6366f1;background:#ede9fe;color:#4f46e5}.lms-char-hint{font-size:11px;color:#aaa;text-align:right;display:block;margin-top:2px}.lms-textarea{resize:vertical;min-height:76px;font-family:inherit}.lms-optional{font-size:11px;font-weight:400;color:#9ca3af;margin-left:5px}.lms-valid-hint{font-size:12px;color:#16a34a;display:block;margin-top:4px}.lms-invalid-hint{font-size:12px;color:#d97706;display:block;margin-top:4px}.lms-result{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-top:4px}.lms-result-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.lms-result-error{background:#fdecea;border:1px solid #f5c6c4;color:#c62828}.lms-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:20px;cursor:pointer;text-align:center;background:#fafbff;transition:border-color .2s,background .2s}.lms-dropzone:hover,.lms-dropzone-active{border-color:#6366f1;background:#f5f3ff}.lms-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#888;font-size:13px;line-height:1.5}.lms-upload-icon{font-size:22px;color:#6366f1}.lms-file-chosen{display:flex;align-items:center;gap:10px;justify-content:center;font-size:13px;color:#1a237e}.lms-file-name{font-weight:600;word-break:break-all}.lms-file-clear{background:none;border:none;color:#e53935;cursor:pointer;font-size:14px;padding:2px;flex-shrink:0}.lms-view-body{padding:4px 0 12px}.lms-view-desc{font-size:14px;color:#555;margin-bottom:16px;line-height:1.6}.lms-video-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;margin-bottom:16px;border-radius:8px;overflow:hidden;background:#000}.lms-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.lms-pdf-wrap{width:100%;height:520px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:16px}.lms-pdf-wrap iframe{width:100%;height:100%;border:none}.lms-view-link{margin-bottom:14px;font-size:14px}.lms-view-link a{color:#4f46e5;word-break:break-all}.lms-view-meta{display:flex;gap:20px;font-size:12px;color:#888;border-top:1px solid #f0f0f0;padding-top:10px}.modal.modal-lms-view{max-width:860px}.form-group-lms{display:flex;flex-direction:column;flex:1;padding:10px}.form-group-lms input{width:100%;height:44px;padding:0 16px;font-size:14px;color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .2s}.lms-video-mode-toggle{display:flex;gap:8px;margin-top:12px;margin-bottom:12px;flex-wrap:wrap}.lms-yt-progress{margin-top:8px;font-size:.85rem;color:#2563eb;font-weight:500}.YoutubeChannelAnalytics-container{font-family:Arial,sans-serif}.YoutubeChannelAnalytics-title{margin-bottom:20px;text-align:start}.YoutubeChannelAnalytics-header{display:flex;justify-content:space-between;align-items:center}.YoutubeChannelAnalytics-tabs{position:relative;display:flex}.YoutubeChannelAnalytics-tab{padding:12px 20px;cursor:pointer;color:#555;font-weight:500}.YoutubeChannelAnalytics-tab:hover{color:#000}.YoutubeChannelAnalytics-tab-active{color:#000;font-weight:600}.YoutubeChannelAnalytics-selectionBar{position:absolute;bottom:0;height:3px;background-color:#065fd4;transition:left .3s ease}.YoutubeChannelAnalytics-content{font-size:16px}.YoutubeGlobal_heading{font-weight:600}.YoutubeGlobal_views_watch_subscribe_tabs{background-color:#eaeaea}.YoutubeGlobal_YoutubeSidebar_item{padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.YoutubeGlobal_YoutubeSidebar_item:hover{background-color:#f2f2f2}.YoutubeGlobal_YoutubeSidebar_item_active{background-color:#e5e5e5;font-weight:600;position:relative}.YoutubeGlobal_YoutubeSidebar_item_active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background-color:#000;border-radius:2px}.YoutubeGlobal_YoutubeSidebar_item_content{display:flex;align-items:center;gap:10px}.YoutubeGlobal_YoutubeSidebar_icon{font-size:16px;color:#606060;transition:color .2s ease}.YoutubeGlobal_YoutubeSidebar_label{font-size:14px;color:#202020}.YoutubeGlobal_YoutubeSidebar_item_active .YoutubeGlobal_YoutubeSidebar_icon,.YoutubeGlobal_YoutubeSidebar_item_active .YoutubeGlobal_YoutubeSidebar_label{color:#000}.dateFilter_container{position:relative}.dateFilter_trigger{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border:1px solid #ddd;border-radius:6px}.dateFilter_text{margin-right:10px}.dateFilter_range{font-size:14px;font-weight:500}.dateFilter_label{font-size:12px;color:#666}.dateFilter_icon{font-size:12px}.dateFilter_dropdown{position:absolute;right:0;top:110%;width:180px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px #0000001a;z-index:10}.dateFilter_option{padding:10px;cursor:pointer}.dateFilter_option:hover{background-color:#f5f5f5}.YoutubeChannelAnalytics_overview_videoRow{transition:background-color .2s ease,transform .1s ease;cursor:pointer}.YoutubeChannelAnalytics_overview_videoRow:hover{background-color:#f5f5f5}.YoutubeChannelAnalytics_overview_videoRow:active{background-color:#eaeaea}.VideoAnalyticsPage_tabsWrapper{display:flex;justify-content:space-between;align-items:center}.VideoAnalyticsPage_tabs{position:relative;display:flex}.VideoAnalyticsPage_tab{padding:12px 20px;cursor:pointer;color:#606060;font-weight:500;transition:color .2s ease}.VideoAnalyticsPage_tab:hover{color:#000}.VideoAnalyticsPage_tab_active{color:#000;font-weight:600}.VideoAnalyticsPage_selectionBar{position:absolute;bottom:0;height:3px;background-color:#065fd4;transition:left .3s ease,width .3s ease}.VideoAnalyticsPage_videoThumbWrapper{position:relative;margin:0 16px 12px;cursor:pointer;border-radius:6px;overflow:hidden}.VideoAnalyticsPage_videoThumb{width:100%;display:block;border-radius:6px}.VideoAnalyticsPage_videoDuration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;z-index:2}.VideoAnalyticsPage_videoOverlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.25s ease}.VideoAnalyticsPage_videoThumbWrapper:hover .VideoAnalyticsPage_videoOverlay{opacity:1}.VideoAnalytics_Page_playButton{width:30%;height:20%;background:#ffffffe6;color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.VideoAnalytics_Page_watchText{background:#ffffffe6;padding:6px 12px;border-radius:18px;font-size:12px;font-weight:500}
