:root{--primary-color: #7c3aed;--primary-hover: #6d28d9;--secondary-color: #ec4899;--secondary-hover: #db2777;--success-color: #10b981;--error-color: #ef4444;--info-color: #3b82f6;--warning-color: #f59e0b;--bg-color-light: #f9fafb;--bg-color-dark: #1f2937;--card-bg-light: rgba(255, 255, 255, .95);--card-bg-dark: rgba(31, 41, 55, .95);--text-color-light: #111827;--text-color-dark: #f9fafb;--secondary-text-light: #4b5563;--secondary-text-dark: #d1d5db;--border-color-light: #e5e7eb;--border-color-dark: #4b5563;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .25);--glass-bg-dark: rgba(17, 24, 39, .75);--glass-border: rgba(255, 255, 255, .18);--glass-border-dark: rgba(255, 255, 255, .08);--rounded-sm: .25rem;--rounded: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-toast: 50;--z-modal: 40;--z-dropdown: 30;--z-header: 20;--z-base: 10;--z-below: -10}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-attachment:fixed;color:var(--text-color-light);line-height:1.6;padding:0;min-height:100vh;transition:background var(--duration-slow) ease,color var(--duration-normal) ease;overflow-x:hidden}@media (prefers-color-scheme: light){body{background:radial-gradient(circle at top left,rgba(199,210,254,.8),transparent 40%),radial-gradient(circle at bottom right,rgba(254,202,202,.8),transparent 40%),linear-gradient(135deg,#a5b4fc,#fecaca);color:var(--text-color-light)}.App{background:linear-gradient(180deg,#ffffff0d,#ffffff1a)}.card{background-color:var(--card-bg-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4)}.app-note{color:#047857}.data-table th,.raw-response{background-color:#f3f4f6b3}.json-container{background-color:#111827}}@media (prefers-color-scheme: dark){body{background:radial-gradient(circle at top left,rgba(79,70,229,.2),transparent 40%),radial-gradient(circle at bottom right,rgba(219,39,119,.2),transparent 40%),linear-gradient(135deg,#1e3a8a,#831843);color:var(--text-color-dark)}.App{background:linear-gradient(180deg,#0000000d,#0000001a)}.card{background-color:var(--card-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.app-note{color:#34d399}.data-table th{background-color:#1f2937b3}.data-table tr:hover{background-color:#4b556380}.raw-response{background-color:#1f2937b3}.btn-outline{border-color:var(--border-color-dark);color:var(--text-color-dark)}.btn-outline:hover{background-color:#6366f133}.progress-bar{background-color:var(--border-color-dark)}.progress-text,.app-footer{color:var(--secondary-text-dark)}.json-container{background-color:#111827e6}}.App{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg);min-height:calc(100vh - 2rem);display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;margin-bottom:2.5rem;margin-top:2rem;padding:2rem;background:var(--glass-bg);border-radius:var(--rounded-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:all var(--duration-normal) ease}.app-brand:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.app-brand:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}@media (prefers-color-scheme: dark){.app-brand{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark)}}.app-brand:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.app-brand-icon{width:3rem;height:3rem;margin-right:1.5rem;padding:.5rem;border-radius:var(--rounded);background:linear-gradient(-45deg,var(--primary-color),var(--secondary-color));background-size:200% 200%;color:#fff;box-shadow:var(--shadow);transition:all var(--duration-normal) ease;animation:gradientBg 5s ease infinite,pulse 2s ease-in-out infinite}@keyframes gradientBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.app-brand-icon:hover{transform:rotate(10deg) scale(1.1)}.app-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:2px 4px 8px rgba(0,0,0,.1);letter-spacing:-.025em;position:relative}.app-note{font-size:.925rem;font-weight:400;line-height:1.5;position:relative;padding-left:1rem;border-left:3px solid var(--primary-color)}.app-note p{margin-bottom:.5rem}.app-note p:last-child{margin-bottom:0}.app-note p[lang=kn]{font-family:var(--font-sans),"Noto Sans Kannada",sans-serif;opacity:.85}.card{border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg);padding:2rem;margin-bottom:2rem;transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1),box-shadow var(--duration-normal) ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);transform:rotate(-45deg);opacity:0;transition:opacity var(--duration-slow) ease;z-index:0}.card:hover:before{opacity:1}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card>*{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-bottom:.25rem;position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:3px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full)}.table-title{font-size:1.375rem;font-weight:600;margin-bottom:1.25rem;color:var(--primary-color);display:inline-flex;align-items:center;position:relative}.table-title:before{content:"📋";margin-right:.5rem;font-size:1.25rem}.action-buttons{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.action-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--rounded);cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);border:none;outline:none;position:relative;overflow:hidden;z-index:1;letter-spacing:.015em}.Select-Button{display:flex;align-items:center;justify-content:center;padding:5px 10px;font-size:11px;font-weight:100;border-radius:var(--rounded);cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);border:none;outline:none;position:relative;overflow:hidden;z-index:1;letter-spacing:.015em}.action-button svg{transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1)}.action-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);z-index:-1;transition:transform .6s ease}.action-button:hover:before{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 12px #7c3aed4d;position:relative;text-align:center}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-4px) scale(1.02);box-shadow:0 8px 16px #7c3aed66}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-outline{background-color:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color);box-shadow:0 4px 12px #ec489933}.btn-outline:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 16px #ec48994d}.btn-outline:active{transform:translateY(-1px) scale(.98)}.btn-small{padding:.5rem .75rem;font-size:.875rem;background:linear-gradient(135deg,var(--info-color),#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d;border-radius:var(--rounded-sm)}.btn-small:hover{background:linear-gradient(135deg,#2563eb,var(--info-color));transform:translateY(-3px) scale(1.05);box-shadow:0 6px 14px #3b82f666}.btn-small:active{transform:translateY(-1px) scale(.98)}.icon-button svg{transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.icon-button:hover svg{transform:scale(1.2) rotate(5deg)}.progress-container{margin:2rem 0}.progress-bar{height:.875rem;background-color:#c8c8c833;border-radius:var(--rounded-full);overflow:hidden;box-shadow:var(--shadow-inner);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full);transition:width .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-text{margin-top:.875rem;font-size:.875rem;color:var(--secondary-text-light);text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem}.progress-text:before{content:"⚙️";animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-preview-container{display:flex;justify-content:center;margin:5rem 0;max-width:100vw;position:relative;overflow:hidden;border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg)}.image-preview{max-width:100vw;width:600px;max-height:700px;object-fit:contain;transition:transform var(--duration-slow) cubic-bezier(.25,.1,.25,1);border-radius:var(--rounded-lg);cursor:zoom-in}.image-preview:hover{transform:scale(1.03)}.tables-container{display:flex;flex-direction:column;gap:3rem}.table-wrapper{margin-bottom:2rem;position:relative}.table-wrapper:before{content:"";position:absolute;top:-1rem;left:0;width:3px;height:calc(100% + 1rem);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full)}.table-responsive{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--rounded);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(200,200,200,.2)}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#c8c8c833;border-radius:var(--rounded-full)}.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.6rem;background-color:transparent}.data-table th,.data-table td{padding:.15rem;text-align:left;border-bottom:1px solid var(--border-color-light)}.data-table th{position:-webkit-sticky;position:sticky;top:0;z-index:10;font-weight:600;color:var(--primary-color);text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em}.json-container{border-radius:var(--rounded-lg);padding:1.5rem;overflow:auto;max-height:500px;box-shadow:var(--shadow-inner);scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(17,24,39,.5);position:relative;font-family:var(--font-mono)}.json-container::-webkit-scrollbar{width:8px}.json-container::-webkit-scrollbar-track{background:#11182780;border-radius:var(--rounded-full)}.json-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full)}.json-preview{font-size:.925rem;white-space:pre-wrap;color:#f9fafb;line-height:1.7}.json-string{color:#f472b6;font-style:italic}.json-number{color:#34d399;font-weight:500}.json-boolean{color:#60a5fa;font-weight:500}.json-null{color:#93c5fd;font-style:italic}.json-key{color:#c4b5fd;font-weight:500}.raw-response{border-radius:var(--rounded-lg);padding:1.5rem;overflow-x:auto;max-height:400px;box-shadow:var(--shadow-inner);position:relative;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(200,200,200,.2)}.raw-response::-webkit-scrollbar{width:8px;height:8px}.raw-response::-webkit-scrollbar-track{background:#c8c8c833;border-radius:var(--rounded-full)}.raw-response::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:var(--rounded-full)}.raw-response pre{font-family:var(--font-mono);font-size:.925rem;white-space:pre-wrap;line-height:1.7}.error-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(to right,#fca5a533,#fecaca33);border-radius:var(--rounded-lg);color:#b91c1c;margin:1.5rem 0;box-shadow:var(--shadow);border-left:4px solid var(--error-color);animation:pulseError 2s infinite}@keyframes pulseError{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.error-message svg{flex-shrink:0;color:var(--error-color);width:2rem;height:2rem;animation:rotateError 1s ease-in-out}@keyframes rotateError{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.toast{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:var(--rounded-lg);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-xl);z-index:var(--z-toast);animation:toastIn .5s cubic-bezier(.68,-.55,.27,1.55) forwards;max-width:90%;border-left:4px solid transparent}@keyframes toastIn{0%{transform:translate(100%) translateY(-50%) scale(.7);opacity:0}80%{transform:translate(-5%) translateY(0) scale(1.02);opacity:1}to{transform:translate(0) translateY(0) scale(1);opacity:1}}.toast-success{background-color:#d1fae5f2;color:#065f46;border-left-color:var(--success-color)}.toast-error{background-color:#fee2e2f2;color:#991b1b;border-left-color:var(--error-color)}.toast-info{background-color:#dbeafef2;color:#1e40af;border-left-color:var(--info-color)}.toast-icon{width:1.75rem;height:1.75rem;flex-shrink:0;animation:bounceIn .6s cubic-bezier(.68,-.55,.27,1.55)}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-message{font-size:1rem;font-weight:500;line-height:1.5;flex-grow:1}.toast-close{background:none;border:none;cursor:pointer;color:inherit;font-size:1.25rem;line-height:1;padding:.5rem;border-radius:var(--rounded);transition:background-color var(--duration-fast) ease,transform var(--duration-fast) ease}.toast-close:hover{background-color:#0000001a;transform:scale(1.1)}.toast-close:active{transform:scale(.9)}.toast-close svg{width:1.5rem;height:1.5rem;color:inherit;transition:transform var(--duration-fast) ease}.toast-close:hover svg{transform:rotate(90deg)}.toast-close:active svg{transform:rotate(180deg)}.app-footer{background:linear-gradient(135deg,var(--glass-bg-dark) 0%,rgba(31,41,55,.85) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(12px);color:var(--secondary-text-dark);padding:1rem 1.25rem;text-align:center;font-family:var(--font-sans);position:relative;bottom:0;width:100%;border-top:1px solid var(--glass-border-dark);border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg);z-index:var(--z-base);overflow:hidden}.app-footer:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.6}.app-footer p{font-size:.85rem;font-weight:500;margin:0;color:var(--secondary-text-dark);text-shadow:0 2px 4px rgba(0,0,0,.3);animation:enhancedBounceIn .7s cubic-bezier(.68,-.55,.27,1.55) forwards;transition:color var(--duration-normal) ease,transform var(--duration-normal) ease;position:relative;display:inline-block;padding-bottom:.25rem}.app-footer p:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));transition:width var(--duration-normal) ease}.app-footer p:hover:after{width:100%}.app-footer p:hover{color:var(--text-color-dark);transform:scale(1.05) translateY(-2px)}@keyframes enhancedBounceIn{0%{transform:scale(.3) translateY(20px);opacity:0}50%{transform:scale(1.15) translateY(-5px);opacity:.7}80%{transform:scale(.95) translateY(2px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}.navbar{background:linear-gradient(135deg,var(--glass-bg-dark) 0%,rgba(31,41,55,.85) 100%);border-bottom:1px solid var(--glass-border-dark);box-shadow:var(--shadow-lg);top:0;z-index:var(--z-header);padding:.75rem 0;margin-bottom:1.5rem;transition:all var(--duration-normal) ease;border-radius:var(--rounded-lg);display:flex}.navbar:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-items{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.navbar-date{position:relative}.navbar-date-input{background:linear-gradient(135deg,var(--info-color),#2563eb);color:var(--text-color-dark);font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--rounded);border:none;cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm)}.navbar-date-input:hover{background:linear-gradient(135deg,#2563eb,var(--info-color));transform:scale(1.02);box-shadow:var(--shadow)}.navbar-date-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.navbar-upload{position:relative}.navbar-upload-input{display:none}.navbar-upload-label{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--text-color-dark);font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--rounded);cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm)}.navbar-upload-label:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:scale(1.02);box-shadow:var(--shadow)}.navbar-upload-label:disabled{background:linear-gradient(135deg,var(--border-color-dark),var(--border-color-dark));opacity:.6;cursor:not-allowed}.navbar-upload-label svg{width:1rem;height:1rem}.navbar-select{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:var(--text-color-dark);font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--rounded);border:none;cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm);margin-right:.5rem;outline:none;appearance:none}.navbar-select option{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:var(--text-color-dark)}@-moz-document url-prefix(){.navbar-select{color-scheme:light dark;background-color:var(--secondary-color)}.navbar-select option{background-color:var(--secondary-color);color:var(--text-color-dark)}}@media (max-width: 768px){.navbar-select{width:100%;font-size:.8125rem;padding:.5rem .75rem;margin-right:0;margin-bottom:.5rem}}@media (max-width: 480px){.navbar-select{font-size:.75rem;padding:.5rem .75rem}}@media (max-width: 768px){.navbar{padding:.5rem 0;margin-bottom:1rem}.navbar-container{padding:0 .75rem}.navbar-items{flex-direction:column;align-items:stretch;gap:.75rem}.navbar-date-input,.navbar-upload-label{width:100%;font-size:.8125rem;padding:.5rem .75rem}.app-brand{margin-top:1.5rem}}@media (max-width: 480px){.navbar{padding:.5rem 0;margin-bottom:.75rem}.navbar-container{padding:0 .5rem}.navbar-date-input,.navbar-upload-label{font-size:.75rem;padding:.5rem .75rem}.app-brand{margin-top:1rem}}svg.app-brand-logo{width:3rem;height:3rem;margin-right:1.5rem;padding:.5rem;border-radius:var(--rounded);background:linear-gradient(-45deg,var(--primary-color),var(--secondary-color));background-size:200% 200%;color:#fff;box-shadow:var(--shadow);transition:all var(--duration-normal) ease;animation:gradientBg 5s ease infinite,pulse 2s ease-in-out infinite}.validation-error{color:#dc2626;font-weight:500}.validation-correct{color:#16a34a}.data-table td.validation-cell{max-width:300px;word-break:break-word}.flex-row-mobile{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}@media (max-width: 600px){.flex-row-mobile{flex-direction:row;gap:.5rem;align-items:stretch;justify-content:space-between}.navbar-date,.navbar-upload{flex:1 1 0}.navbar-date-input,.navbar-upload-label{width:100%;box-sizing:border-box}}.navbar-items select{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:var(--text-color-dark)}.navbar-items select:hover{background:linear-gradient(135deg,var(--secondary-hover),var(--secondary-color))}@media (prefers-color-scheme: dark){.navbar{background:linear-gradient(135deg,var(--glass-bg-dark) 0%,rgba(17,24,39,.85) 100%);border-bottom:1px solid var(--glass-border-dark);box-shadow:var(--shadow-lg)}}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:4px;background-color:transparent;cursor:pointer;transition:gray .2s ease;margin-right:8px;padding:0}.action-icon-edit{color:#2563eb;border:2px solid #2563eb;background:radial-gradient(circle,#ffffff1a,#fff0 70%)}.action-icon-edit:hover:not(:disabled){background-color:#2563eb;color:#fff;border-color:#2563eb}.action-icon-delete{color:#dc2626;border:2px solid #dc2626;background:radial-gradient(circle,#ffffff1a,#fff0 70%)}.action-icon-delete:hover:not(:disabled){background-color:#dc2626;color:#fff;border-color:#dc2626}.action-icon-save{color:#16a34a;border:2px solid #16a34a;background:#f0fdf4}.action-icon-save:hover:not(:disabled){background-color:#16a34a;color:#fff;border-color:#16a34a}.action-icon:disabled{color:#adb5bd;border-color:#adb5bd;cursor:not-allowed;opacity:.65}.tooltip{position:absolute;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:1000;pointer-events:none}.tooltip.show{opacity:1}.tooltip .tooltip-inner{max-width:200px;text-align:center}.action-icon svg{width:16px;height:16px}.flex-row-mobile{display:flex;gap:8px}@media (max-width: 768px){.flex-row-mobile{flex-direction:row;justify-content:flex-start}}.data-table td{vertical-align:middle}.action-icon-view{color:#212529}[data-theme=dark] .action-icon-view{color:#fff}.edit-input-small{width:60px;min-width:20px;max-width:40px;padding:2px 6px;font-size:.95em;text-align:right;border-radius:4px;border:1px solid #d1d5db}.custom-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #adb5bd;border-radius:4px;background:transparent;color:#adb5bd;font-size:1.25rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s;margin-left:8px;margin-top:2px;padding:0}.custom-close-btn:hover:not(:disabled){background:#f3f4f6;color:#ef4444;border-color:#ef4444}.custom-close-btn:active{background:#fee2e2;color:#b91c1c;border-color:#b91c1c}.custom-close-btn:disabled{opacity:.5;cursor:not-allowed}.edit-input-small{width:100%;padding:2px;font-size:.9em;border:1px solid #ccc;border-radius:4px}.validation-cell{max-width:200px;white-space:normal;word-wrap:break-word}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:8px;border:1px solid #ddd;text-align:left}.data-table th{background-color:#f4f4f4;font-weight:700}.action-icon{margin-right:5px}.custom-close-btn{background:none;border:none;font-size:1.2em;cursor:pointer}.comparison-container{margin-bottom:2rem;padding:2rem;border-radius:var(--rounded-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1),box-shadow var(--duration-normal) ease}.comparison-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);transform:rotate(-45deg);opacity:0;transition:opacity var(--duration-slow) ease;z-index:0}.comparison-container:hover:before{opacity:1}.comparison-container:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.comparison-container>*{position:relative;z-index:1}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.925rem;background-color:transparent}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color-light);transition:background-color var(--duration-fast) ease}.data-table th{position:-webkit-sticky;position:sticky;top:0;z-index:10;font-weight:600;color:var(--primary-color);text-transform:uppercase;font-size:.8125rem;letter-spacing:.05em;background-color:#f3f4f6b3}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background-color var(--duration-fast) ease}.data-table tr:hover td{background-color:#7c3aed0d}.toast{position:fixed;top:20px;right:20px;min-width:250px;padding:10px 20px;border-radius:4px;display:flex;align-items:center;z-index:10000;box-shadow:0 2px 5px #0003;opacity:1;transition:opacity .3s ease-in-out}.toast-success{background-color:#d4edda;color:#155724}.toast-error{background-color:#f8d7da;color:#721c24}.toast-info{background-color:#d1ecf1;color:#0c5460}.toast-warning{background-color:#fff3cd;color:#856404}.toast-message{flex-grow:1;margin-left:10px}.toast-close{background:none;border:none;cursor:pointer;margin-left:10px;color:inherit}.toast-icon{width:24px;height:24px}@media (prefers-color-scheme: light){.comparison-container{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.data-table th,.data-table td{border-bottom:1px solid var(--border-color-light);color:var(--text-color-light)}.data-table th{background-color:#f3f4f6b3}.data-table tr:hover td{background-color:#7c3aed0d}}@media (prefers-color-scheme: dark){.comparison-container{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:0 8px 32px #0000005e;color:var(--text-color-dark)}.data-table th,.data-table td{border-bottom:1px solid var(--border-color-dark);color:var(--text-color-dark)}.data-table th{background-color:#1f2937b3;color:var(--primary-color)}.data-table tr:hover td{background-color:#4b556380}}.camera-preview-container{position:relative;width:100%;max-width:480px;aspect-ratio:12 / 22;background:#222;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-preview-container video,.camera-preview-container canvas{width:100%;height:100%;object-fit:contain;background:#222}.camera-crop-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.camera-crop-frame{border:2px dashed #00bcd4;box-sizing:border-box;width:90vw;max-width:90vw;aspect-ratio:13/22;max-height:90vh;margin:auto;background:#0000000d}.camera-preview-container video,.camera-preview-container .react-camera-pro__video{width:100%;height:100%;object-fit:cover!important;background:#222}.navbar-upload-group{display:flex;gap:.75rem}@media (max-width: 768px){.navbar-items{flex-direction:column;align-items:stretch;gap:.75rem}.navbar-date{margin-bottom:.5rem}.navbar-upload-group{flex-direction:row;justify-content:flex-start;gap:.5rem;margin-bottom:.5rem}.navbar-upload-label,.camera-capture-btn{width:100%;font-size:.95rem;padding:.5rem .75rem;justify-content:center}}@media (max-width: 480px){.navbar-upload-group{flex-direction:column;gap:.5rem}.navbar-upload-label,.camera-capture-btn{width:100%;font-size:.9rem;padding:.5rem .75rem;justify-content:center}}