@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Serif:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button-group{gap:12px}.secondary-button{border:1px solid #ccc;color:#333;padding:8px 16px}:root{--primary-color:#00c8ffe6;--secondary-color:#ff6400cc;--accent-color:#00c8ff99;--light-color:#001428f2;--dark-color:#ffffffe6;--surface-color:#001e3ccc;--border-color:#00c8ff4d;--success-color:#00ff64cc;--warning-color:#ffc800cc;--danger-color:#ff3232cc;--box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;--border-radius:8px;--transition:all 0.3s ease;--scrollbar-width:8px;--scrollbar-track:#00c8ff1a;--scrollbar-thumb:#00c8ff66;--scrollbar-thumb-hover:#00c8ff99;--glow-primary:0 0 10px #00c8ff80;--glow-secondary:0 0 10px #ff640080;--text-glow:0 0 8px #00c8ff4d;--user-badge-bg:#001e3ccc;--user-badge-bg-gradient:linear-gradient(135deg,#001e3ccc,#00285099);--body-bg:radial-gradient(circle at 50% 50%,#0096ff1a 0%,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);--dashboard-main-bg:linear-gradient(135deg,#0014284d,#001e3c33);--sidebar-bg:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0%,#0000 70%);--text-color:#ffffffe6;--text-primary:#ffffffe6;--text-secondary:#fff9}[data-theme=light]{--primary-color:#3b82f6e6;--secondary-color:#f97316cc;--accent-color:#3b82f699;--light-color:#f8fafcf2;--dark-color:#0f172ae6;--surface-color:#ffffffe6;--border-color:#64748b4d;--success-color:#22c55ecc;--warning-color:#f59e0bcc;--danger-color:#ef4444cc;--box-shadow:0 2px 8px #0000001a,0 4px 16px #0000000d;--scrollbar-track:#64748b1a;--scrollbar-thumb:#64748b66;--scrollbar-thumb-hover:#64748b99;--glow-primary:none;--glow-secondary:none;--text-glow:none;--user-badge-bg:#ffffffe6;--user-badge-bg-gradient:linear-gradient(135deg,#ffffffe6,#f8fafccc);--body-bg:radial-gradient(circle at 50% 50%,#3b82f60d 0%,#0000 50%),linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);--dashboard-main-bg:linear-gradient(135deg,#fff9,#f8fafc66);--sidebar-bg:linear-gradient(135deg,#fffffff2,#f8fafce6),radial-gradient(circle at 50% 50%,#3b82f60d 0%,#0000 70%);--text-color:#0f172ae6;--text-primary:#0f172ae6;--text-secondary:#0f172a99}.themed-user-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc!important;background:var(--user-badge-bg)!important;background-image:linear-gradient(135deg,#001e3ccc,#00285099)!important;background-image:var(--user-badge-bg-gradient)!important;border:2px solid #00c8ff4d!important;border:2px solid var(--border-color)!important;border-radius:12px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a!important;box-shadow:var(--box-shadow)!important;color:#ffffffe6!important;color:var(--dark-color)!important;display:flex;font-weight:500;gap:12px;padding:12px 20px;transition:all .3s ease}.dashboard-page[data-theme=dark] .themed-user-badge,[data-theme=dark] .themed-user-badge,body[data-theme=dark] .themed-user-badge,html[data-theme=dark] .themed-user-badge{background:#001e3ccc!important;background-image:linear-gradient(135deg,#001e3ccc,#00285099)!important;border-color:#00c8ff4d!important;color:#ffffffe6!important}[data-theme=light] .themed-user-badge{background:#ffffffe6!important;background-image:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border-color:#64748b4d!important;color:#0f172ae6!important}.user-avatar{background:linear-gradient(135deg,#00c8ffe6,#00c8ff99);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 0 10px #00c8ff80;box-shadow:var(--glow-primary);color:#001428f2;color:var(--light-color);font-size:18px;transition:all .3s ease}.user-details{display:flex;flex-direction:column;gap:2px}.welcome-text{color:#ffffffe6;color:var(--dark-color);font-size:16px}.user-role,.welcome-text{transition:color .3s ease}.user-role{color:#00c8ffe6;color:var(--primary-color);font-size:12px;font-weight:700}[data-theme=light] .user-avatar{color:#fffffff2}[data-theme=dark] *,[data-theme=light] *{--text-color:var(--dark-color)}[data-theme=light] .metric-label,[data-theme=light] .metric-value,[data-theme=light] div:not(.chart-container):not(.chartjs-render-monitor),[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] label,[data-theme=light] p,[data-theme=light] span{color:#ffffffe6!important;color:var(--dark-color)!important}[data-theme=light] .chart-container,[data-theme=light] .chartjs-render-monitor{color:inherit}[data-theme=light] .dashboard-sidebar{border-color:#00c8ff4d;border-color:var(--border-color)}[data-theme=light] .dashboard-sidebar:after{background:linear-gradient(0deg,#00c8ffe6,#ff6400cc,#00c8ffe6);background:linear-gradient(0deg,var(--primary-color),var(--secondary-color),var(--primary-color))}[data-theme=light] .ai-usage-card,[data-theme=light] .analytics-card,[data-theme=light] .chart-card,[data-theme=light] .usage-stat-card{background:#001e3ccc!important;background:var(--surface-color)!important;border-color:#00c8ff4d!important;border-color:var(--border-color)!important;color:#ffffffe6!important;color:var(--dark-color)!important}[data-theme=light] .dashboard-main :not(.chart-container *):not(.chartjs-render-monitor *):not(.preview-content *){color:#ffffffe6;color:var(--dark-color)}[data-theme=light] button:not(.logout-button):not(.theme-toggle){background:#001e3ccc;background:var(--surface-color);border-color:#00c8ff4d;border-color:var(--border-color);color:#ffffffe6;color:var(--dark-color)}[data-theme=light] .logout-button{background:#ff6400cc;background:var(--secondary-color);color:#001428f2;color:var(--light-color)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);background:var(--body-bg);color:#ffffffe6;color:var(--dark-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background .3s ease,color .3s ease}body:before{animation:hudGrid 30s linear infinite;background-image:linear-gradient(#00c8ff08 1px,#0000 0),linear-gradient(90deg,#00c8ff08 1px,#0000 0);background-size:50px 50px;content:""}.hud-data-nodes,body:before{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.hud-data-nodes{overflow:hidden}.data-node{animation:floatNode 20s linear infinite;background:#00c8ff99;border-radius:50%;box-shadow:0 0 10px #00c8ff80;height:4px;position:absolute;width:4px}.data-node:first-child{animation-delay:0s;animation-duration:25s;left:10%;top:20%}.data-node:nth-child(2){animation-delay:5s;animation-duration:30s;left:80%;top:60%}.data-node:nth-child(3){animation-delay:10s;animation-duration:35s;left:20%;top:80%}.data-node:nth-child(4){animation-delay:15s;animation-duration:28s;left:70%;top:30%}@keyframes floatNode{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}.hud-scan-lines{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.scan-line{animation:scanVertical 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);box-shadow:0 0 10px #00c8ff80;height:2px;position:absolute;width:100%}.scan-line:first-child{animation-delay:0s}.scan-line:nth-child(2){animation-delay:4s}@keyframes scanVertical{0%,to{opacity:0;top:-2px}50%{opacity:1;top:50%}}.App{flex-direction:column;z-index:1}.App,.auth-page{display:flex;min-height:100vh;position:relative}.auth-page{align-items:center;background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);justify-content:center;overflow:hidden}.auth-page:before{background:radial-gradient(circle at 15% 15%,#00c8ff26 0,#0000 30%),radial-gradient(circle at 85% 85%,#ff64001a 0,#0000 30%),radial-gradient(circle at 50% 50%,#0096ff14 0,#0000 60%);z-index:0}.auth-page:after,.auth-page:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-page:after{animation:hudGrid 30s linear infinite;background-image:linear-gradient(0deg,#00c8ff08 1px,#0000 0),linear-gradient(90deg,#00c8ff08 1px,#0000 0);background-size:20px 20px;opacity:.4;z-index:1}@keyframes hudPulse{0%{box-shadow:0 0 20px #00c8ff4d;opacity:.4;transform:scale(1)}50%{box-shadow:0 0 40px #00c8ff99;opacity:1;transform:scale(1.02)}to{box-shadow:0 0 20px #00c8ff4d;opacity:.4;transform:scale(1)}}@keyframes hudScan{0%{opacity:0;transform:translateX(-100%) scaleY(1)}50%{opacity:1;transform:translateX(0) scaleY(1.2)}to{opacity:0;transform:translateX(100%) scaleY(1)}}@keyframes hudRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hudGlow{0%{box-shadow:0 0 10px #00c8ff80}50%{box-shadow:0 0 30px #00c8ffcc,0 0 50px #00c8ff4d}to{box-shadow:0 0 10px #00c8ff80}}@keyframes dataStream{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateX(100%)}}.auth-page .investigation-scene{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.auth-page .magnifying-glass{animation:hudPulse 3s ease-in-out infinite;background:radial-gradient(circle,#00c8ff1a 0,#0000 70%);border:3px solid #00c8ffcc;border-radius:50%;height:200px;left:5%;position:absolute;top:15%;width:200px}.auth-page .magnifying-glass:before{animation:hudRotate 4s linear infinite;border:2px solid #00c8ff99;border-radius:50%;border-top-color:#ff6400cc;height:120px;width:120px}.auth-page .magnifying-glass:after,.auth-page .magnifying-glass:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.auth-page .magnifying-glass:after{background:radial-gradient(circle,#00c8ff33 0,#0000 50%);border:1px solid #00c8ff66;border-radius:50%;height:60px;width:60px}.auth-page .ar-crosshair{height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.auth-page .ar-crosshair:before{height:2px;width:20px}.auth-page .ar-crosshair:after,.auth-page .ar-crosshair:before{background:#00c8ffe6;box-shadow:0 0 10px #00c8ff80;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.auth-page .ar-crosshair:after{height:20px;width:2px}.auth-page .evidence-board{animation:hudGlow 4s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#00c8ff0d,#ff640008),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid #00c8ffcc;border-radius:8px;box-shadow:0 0 40px #00c8ff4d,inset 0 0 20px #00c8ff1a;height:240px;position:absolute;right:5%;top:10%;width:320px}.auth-page .evidence-board:before{animation:hudFlicker 3s ease-in-out infinite;left:20px}.auth-page .evidence-board:after,.auth-page .evidence-board:before{background:linear-gradient(45deg,#00c8ff1a,#ff64000d);border:1px solid #00c8ffb3;border-radius:4px;box-shadow:0 0 15px #00c8ff66,inset 0 0 10px #00c8ff1a;content:"";height:60px;position:absolute;top:20px;width:80px}.auth-page .evidence-board:after{animation:hudFlicker 3s ease-in-out .5s infinite;right:20px}.auth-page .evidence-pins{animation:hudPulse 2s ease-in-out infinite;background:#ff6400e6;border-radius:50%;box-shadow:0 0 15px #ff6400b3;height:10px;left:60px;position:absolute;top:15px;width:10px}.auth-page .evidence-pins:before{animation:hudPulse 2s ease-in-out .3s infinite;left:100px}.auth-page .evidence-pins:after,.auth-page .evidence-pins:before{background:#ff6400e6;border-radius:50%;box-shadow:0 0 15px #ff6400b3;content:"";height:10px;position:absolute;top:0;width:10px}.auth-page .evidence-pins:after{animation:hudPulse 2s ease-in-out .6s infinite;left:200px}.auth-page .evidence-strings{animation:hudScan 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c8ff99,#0000);height:2px;left:20px;position:absolute;right:20px;top:100px}.auth-page .evidence-strings:before{animation:hudScan 5s ease-in-out 1s infinite;top:40px;transform:rotate(8deg)}.auth-page .evidence-strings:after,.auth-page .evidence-strings:before{background:linear-gradient(90deg,#0000,#00c8ff99,#0000);content:"";height:2px;left:0;position:absolute;right:0}.auth-page .evidence-strings:after{animation:hudScan 5s ease-in-out 2s infinite;top:80px;transform:rotate(-8deg)}.auth-page .data-nodes{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.auth-page .data-node{animation:hudPulse 3s ease-in-out infinite;background:radial-gradient(circle,#00c8ff33 0,#ff64001a 100%);border:2px solid #00c8ffe6;border-radius:50%;box-shadow:0 0 30px #00c8ff80,inset 0 0 20px #00c8ff33;height:50px;position:absolute;width:50px}.auth-page .data-node:before{animation:hudRotate 6s linear infinite;background:#00c8ff33;border:1px solid #00c8ffcc;height:30px;width:30px}.auth-page .data-node:after,.auth-page .data-node:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.auth-page .data-node:after{animation:hudFlicker 2s ease-in-out infinite;background:#ff6400;box-shadow:0 0 15px #ff6400cc;height:12px;width:12px}.auth-page .data-node-1{animation-delay:0s;left:15%;top:25%}.auth-page .data-node-2{animation-delay:1s;right:20%;top:30%}.auth-page .data-node-3{animation-delay:2s;bottom:35%;left:12%}.auth-page .data-node-4{animation-delay:.5s;bottom:25%;right:15%}.auth-page .data-node-5{animation-delay:1.5s;left:25%;top:60%}.auth-page .data-node-6{animation-delay:2.5s;right:30%;top:70%}.auth-page .connection-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-page .connection-line{animation:dataStream 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c8ffe6,#ff6400b3,#0000);border-radius:2px;box-shadow:0 0 10px #00c8ff80;height:3px;position:absolute}.auth-page .connection-line-1{animation-delay:0s;left:20%;top:28%;transform:rotate(25deg);width:200px}.auth-page .connection-line-2{animation-delay:1.5s;right:25%;top:35%;transform:rotate(-35deg);width:180px}.auth-page .connection-line-3{animation-delay:3s;bottom:40%;left:18%;transform:rotate(15deg);width:160px}.auth-page .connection-line-4{animation-delay:2s;bottom:30%;right:20%;transform:rotate(-20deg);width:140px}.auth-page .connection-line-5{animation-delay:.8s;left:30%;top:65%;transform:rotate(45deg);width:120px}.auth-page .connection-line-6{animation-delay:2.3s;right:35%;top:75%;transform:rotate(-45deg);width:100px}.auth-page .binary-stream{height:100%;opacity:.6;overflow:hidden;position:absolute;right:0;top:0;width:150px}.auth-page .binary-digit{animation:binaryRain 8s linear infinite;color:#00c8ffe6;font-family:Courier New,monospace;font-size:16px;font-weight:700;position:absolute;text-shadow:0 0 10px #00c8ffb3}.auth-page .binary-digit:first-child{animation-delay:0s;left:10px}.auth-page .binary-digit:nth-child(2){animation-delay:1s;left:30px}.auth-page .binary-digit:nth-child(3){animation-delay:2s;left:50px}.auth-page .binary-digit:nth-child(4){animation-delay:3s;left:70px}.auth-page .binary-digit:nth-child(5){animation-delay:4s;left:90px}.auth-page .binary-digit:nth-child(6){animation-delay:1.5s;left:110px}.auth-page .binary-digit:nth-child(7){animation-delay:2.5s;left:130px}.auth-page .binary-stream-left{height:100%;left:0;opacity:.5;overflow:hidden;position:absolute;top:0;width:120px}.auth-page .binary-stream-left .binary-digit{animation:binaryRain 10s linear infinite;color:#ff6400cc;text-shadow:0 0 10px #ff640099}.auth-page .binary-stream-left .binary-digit:first-child{animation-delay:.5s;left:15px}.auth-page .binary-stream-left .binary-digit:nth-child(2){animation-delay:2s;left:35px}.auth-page .binary-stream-left .binary-digit:nth-child(3){animation-delay:3.5s;left:55px}.auth-page .binary-stream-left .binary-digit:nth-child(4){animation-delay:1.2s;left:75px}.auth-page .binary-stream-left .binary-digit:nth-child(5){animation-delay:4.2s;left:95px}.auth-page .grid-overlay{animation:hudGrid 25s linear infinite;background-image:linear-gradient(#00c8ff0f 1px,#0000 0),linear-gradient(90deg,#00c8ff0f 1px,#0000 0);background-size:40px 40px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.auth-page .horizon{animation:hudScan 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c8ff99 30%,#ff640080 70%,#0000);bottom:30%;filter:blur(1px);height:3px;left:0;position:absolute;right:0;z-index:1}.auth-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 50px #00c8ff4d,0 0 100px #00c8ff1a,inset 0 0 30px #00c8ff0d;max-width:450px;padding:35px;position:relative;width:100%;z-index:10}.auth-container:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;bottom:0;left:0;right:0;top:0;z-index:-1}.auth-container:after,.auth-container:before{border-radius:12px;content:"";position:absolute}.auth-container:after{animation:hudFlicker 3s ease-in-out infinite;background:linear-gradient(45deg,#00c8ff80,#ff64004d,#00c8ff80);bottom:-2px;left:-2px;opacity:.6;right:-2px;top:-2px;z-index:-2}.auth-header{margin-bottom:25px;position:relative;text-align:center}.auth-header h1{color:#ff6400cc;color:var(--secondary-color);font-family:Poppins,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0;padding-bottom:10px;text-transform:none}.auth-header h1:after{background-color:#00c8ffe6;background-color:var(--primary-color);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.logo-container{margin-bottom:25px;text-align:center}.logo-badge{align-items:center;background:linear-gradient(135deg,#00c8ff33,#ff64001a),radial-gradient(circle,#00c8ff1a 0,#0000 70%);border:1px solid #00c8ff66;border-radius:25px;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;display:inline-flex;margin-bottom:15px;overflow:hidden;padding:12px 24px;position:relative}.logo-badge:before{animation:hudScan 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c8ff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.logo-icon{animation:hudRotate 8s linear infinite;background:radial-gradient(circle,#00c8ffcc 0,#00c8ff4d 70%,#0000 100%);border:2px solid #00c8ffcc;border-radius:50%;box-shadow:0 0 20px #00c8ff80,inset 0 0 10px #00c8ff4d;display:inline-block;height:35px;margin-right:12px;position:relative;width:35px;z-index:2}.logo-icon:before{height:2px;width:16px}.logo-icon:after,.logo-icon:before{background-color:#ffffffe6;box-shadow:0 0 8px #ffffff80;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.logo-icon:after{height:16px;width:2px}.logo-text{color:#fffffff2;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;letter-spacing:.5px;position:relative;text-shadow:0 0 10px #00c8ff80;text-transform:none;z-index:2}.logo-tagline{color:#00c8ffcc;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.3px;margin-top:5px;text-shadow:0 0 8px #00c8ff4d}.sidebar-logo-image{filter:drop-shadow(0 0 10px rgba(0,200,255,.5));height:auto;max-height:60px;object-fit:contain;width:120px}[data-theme=light] .sidebar-logo-image{filter:none}[data-theme=light] .page-header{background:#fffffff2!important;border-bottom-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .page-header p{color:#64748bcc!important}[data-theme=light] .card{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#64748b4d!important;box-shadow:0 4px 20px #00000014,0 8px 40px #0000000a!important;color:#0f172ae6!important}[data-theme=light] .card-header{background:linear-gradient(135deg,#3b82f614,#f973160a)!important;border-bottom-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .card-header h2{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .card-content{background:#0000!important;color:#0f172ae6!important}[data-theme=light] .alert{border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .alert-error{background:linear-gradient(135deg,#fef2f2f2,#fce7f3e6)!important;border-color:#fca5a5cc!important;color:#b91c1ce6!important}[data-theme=light] .alert-success{background:linear-gradient(135deg,#f0fdf4f2,#ecfdf5e6)!important;border-color:#86efaccc!important;color:#15803de6!important}[data-theme=light] .alert-close{background:#fffc!important;border:1px solid #64748b4d!important;color:#64748bcc!important}[data-theme=light] .alert-close:hover{background:#fffffff2!important;color:#475569!important}[data-theme=light] .loading-state{background:#0000!important;color:#64748bcc!important}[data-theme=light] .empty-state{background:linear-gradient(135deg,#f8fafccc,#f1f5f999)!important;border-color:#64748b4d!important}[data-theme=light] .empty-state h3{color:#475569e6!important}[data-theme=light] .primary-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc)!important;border-color:#3b82f6cc!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=light] .primary-button:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#1d4ed8cc)!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-1px)!important}[data-theme=light] .secondary-button{background:linear-gradient(135deg,#64748b1a,#94a3b80d)!important;border-color:#64748b4d!important;color:#475569e6!important}[data-theme=light] .secondary-button:hover:not(:disabled){background:linear-gradient(135deg,#64748b26,#94a3b81a)!important;color:#334155e6!important;transform:translateY(-1px)!important}[data-theme=light] .delete-button{background:linear-gradient(135deg,#ef4444e6,#dc2626cc)!important;border-color:#ef4444cc!important;box-shadow:0 4px 12px #ef44444d!important;color:#fff!important}[data-theme=light] .delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626e6,#b91c1ccc)!important;box-shadow:0 6px 16px #ef444466!important;transform:translateY(-1px)!important}[data-theme=light] .levels-grid,[data-theme=light] .nodes-grid{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .form-group{margin-bottom:1.5rem!important}[data-theme=light] .form-group label{color:#475569e6!important;font-weight:500!important}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#64748b4d!important;box-shadow:0 0 8px #3b82f614!important;color:#0f172ae6!important}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#fffffffa!important;border-color:#3b82f6cc!important;box-shadow:0 0 16px #3b82f626!important}[data-theme=light] .form-group div[style*="background-color: #2a2a2a"],[data-theme=light] .form-group div[style*="background-color:#2a2a2a"],[data-theme=light] .form-group div[style*="backgroundColor: #2a2a2a"],[data-theme=light] .form-group div[style*="backgroundColor:#2a2a2a"]{background-color:#f8fafce6!important;background:#f8fafce6!important;border:1px solid #64748b4d!important;color:#0f172ae6!important}[data-theme=light] .form-group small[style*="color: #888"]{color:#64748bcc!important}.organization-logo-section{align-items:center;background:#ffffff0d;border:1px solid #40e0ff33;border-radius:12px;display:flex;justify-content:center;margin:16px 0 20px;padding:8px 12px;transition:all .3s ease;width:100%}.organization-logo-section:hover{background:#ffffff14;border-color:#40e0ff66;box-shadow:0 4px 20px #40e0ff1a;transform:translateY(-1px)}.organization-logo-full-width{border-radius:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:auto;max-height:156px;object-fit:contain;transition:all .3s ease;width:100%}[data-theme=light] .organization-logo-section{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .organization-logo-section:hover{background:#fffffff2!important;border-color:#3b82f680!important;box-shadow:0 4px 16px #3b82f626!important}[data-theme=light] .organization-logo-full-width{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))!important}.dashboard-logo-image{background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);filter:drop-shadow(0 0 15px rgba(0,200,255,.9));filter:drop-shadow(0 0 15px var(--primary-color));height:auto;max-height:80px;object-fit:contain;padding:12px 16px;transition:all .3s ease;width:150px}.login-form,.register-form,.reset-password-form{width:100%}.login-form h2,.register-form h2,.reset-password-form h2{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:25px;position:relative;text-align:center;text-shadow:0 0 15px #00c8ff80}.login-form h2:after,.register-form h2:after,.reset-password-form h2:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:-8px;box-shadow:0 0 10px #00c8ff80;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-group label:before{box-shadow:0 0 6px #ff640080}.form-group input{border:1px solid #00c8ff4d;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;padding:12px 15px}.form-group input,.form-help-text{font-family:Inter,sans-serif;font-weight:400}.form-help-text{color:#666;font-size:12px;font-style:normal;line-height:1.4;margin-top:4px}.form-actions{flex-direction:column}.form-actions button{background:linear-gradient(135deg,#00c8ffcc,#ff640099);border:1px solid #00c8ff80;border-radius:8px;box-shadow:0 0 20px #00c8ff4d,inset 0 0 15px #00c8ff1a;color:#fffffff2;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:14px;position:relative;text-shadow:0 0 10px #ffffff4d;text-transform:none;transition:all .3s ease;width:100%}.form-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.form-actions button:hover:before{left:100%}.form-actions button:hover{background:linear-gradient(135deg,#00c8ff,#ff6400cc);box-shadow:0 0 30px #00c8ff80,inset 0 0 20px #00c8ff33;transform:translateY(-2px)}.form-actions button:active{box-shadow:0 0 15px #00c8ff66,inset 0 0 10px #00c8ff1a;transform:translateY(0)}.form-actions button:disabled{background:#6464644d;border-color:#64646480;box-shadow:none;cursor:not-allowed;transform:none}.form-links{margin-top:25px;text-align:center;width:100%}.link-button{background:#00c8ff1a;border:1px solid #00c8ff66;border-radius:8px;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#00c8ffe6;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:500;letter-spacing:.3px;padding:14px;position:relative;text-decoration:none;text-shadow:0 0 8px #00c8ff4d;text-transform:none;transition:all .3s ease;width:100%}.link-button:hover{background:#00c8ff33;border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;color:#fffffff2;text-shadow:0 0 10px #00c8ff80}.link-button:after{background:linear-gradient(90deg,#0000,#00c8ff99,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}.link-button:hover:after{transform:scaleX(1)}.error-message{box-shadow:0 0 15px #ff6b6b33!important;padding:16px 20px;text-align:left}.error-message,[class*=error-message],div.error-message{background:linear-gradient(135deg,#ff6b6b1a,#dc35450d)!important;border:2px solid #ff6b6b4d!important;color:#ff6b6b!important}.error-message h2,.error-message h3,.error-message h4{color:#ff6b6b!important;text-shadow:0 0 10px #ff6b6b4d}.error-message p{color:#fffc!important}.dashboard-page{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);background:var(--body-bg);display:flex;height:auto;min-height:100vh;position:relative;transition:background .3s ease}.dashboard-main{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#0014284d,#001e3c33);background:var(--dashboard-main-bg);flex:1 1;height:auto;margin-left:320px;overflow:visible;padding:30px;position:relative;z-index:1}.dashboard-main,.dashboard-sidebar{color:#ffffffe6;color:var(--dark-color);display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}.dashboard-sidebar{-ms-overflow-style:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);background:var(--sidebar-bg);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);height:calc(100vh - 40px);left:20px;overflow-y:auto;position:fixed;scrollbar-width:none;top:20px;transform:translateX(0);transition:all .3s ease;width:280px;z-index:1000}.dashboard-sidebar:hover{border-color:#00c8ffe6;border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff80,0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--glow-primary),var(--box-shadow);transform:translateX(5px)}.dashboard-sidebar:before{animation:hudGrid 25s linear infinite;background:linear-gradient(0deg,#00c8ff4d 1px,#0000 0),linear-gradient(90deg,#00c8ff4d 1px,#0000 0);background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:20px 20px;border-radius:16px;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dashboard-sidebar:after{animation:hudFlicker 4s ease-in-out infinite;background:linear-gradient(0deg,#00c8ffe6,#ff6400cc,#00c8ffe6);background:linear-gradient(0deg,var(--primary-color),var(--secondary-color),var(--primary-color));bottom:-2px;content:"";opacity:.8;position:absolute;right:-2px;top:-2px;width:2px;z-index:-1}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-logo{align-items:center;border-bottom:1px solid #00c8ff4d;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:20px;position:relative}.sidebar-logo:after{background:linear-gradient(90deg,#0000,#00c8ffe6,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:0;box-shadow:0 0 10px #00c8ff80;box-shadow:var(--glow-primary);content:"";height:1px;left:20px;position:absolute;right:20px}[data-theme=light] .sidebar-logo:after{background:linear-gradient(90deg,#0000,#64748b4d,#0000);box-shadow:none}.logo-image{max-height:60px;max-width:150px}.sidebar-nav{flex:1 1;padding:20px 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:5px}.nav-link{align-items:center;border-left:3px solid #0000;color:#ffffffe6;color:var(--dark-color);display:flex;opacity:.8;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#00c8ffe6,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{box-shadow:inset 0 0 20px #00c8ff4d;box-shadow:inset 0 0 20px var(--border-color);color:#ffffffe6;color:var(--dark-color)}.nav-link.active,.nav-link:hover{background:#001e3ccc;background:var(--surface-color);border-left-color:#00c8ffe6;border-left-color:var(--primary-color);opacity:1;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow)}.nav-link.active{box-shadow:inset 0 0 15px #00c8ff4d,0 0 10px #00c8ffe6;box-shadow:inset 0 0 15px var(--border-color),0 0 10px var(--primary-color);color:#00c8ffe6;color:var(--primary-color);font-weight:600}.nav-link.disabled{cursor:not-allowed;opacity:.6}.nav-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;position:relative;width:20px}.nav-text{font-size:14px;font-weight:400}.nav-divider{margin-top:15px;padding:10px 0 5px}.divider-label{align-items:center;color:#00c8ffe6;color:var(--primary-color);display:flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:0 20px;position:relative;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow);text-transform:uppercase;transition:color .3s ease}.divider-label:after{background:#fff3;content:"";flex-grow:1;height:1px;margin-left:10px}.nav-icon:before{border:1.5px solid;border-radius:2px;content:"";height:18px;width:18px}.icon-dashboard:before{background:none;border:1.5px solid;border-radius:3px;height:16px;position:relative;width:16px}.icon-dashboard:after{background:currentColor;box-shadow:0 3px 0 currentColor,0 6px 0 currentColor;content:"";height:2px;left:3px;position:absolute;top:3px;width:8px}.icon-teams:before{background:none;border:1.5px solid;border-radius:2px;height:12px;width:16px}.icon-teams:after{border-bottom:4px solid;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:2px;position:absolute;top:14px;width:0}.icon-devices:before{background:none;border:1.5px solid;border-radius:2px;height:12px;width:16px}.icon-devices:after{background:currentColor;border-radius:50%;box-shadow:4px 0 0 currentColor,8px 0 0 currentColor,0 3px 0 currentColor,4px 3px 0 currentColor,8px 3px 0 currentColor;content:"";height:2px;left:3px;position:absolute;top:3px;width:2px}.icon-locations:before{background:none;border:1.5px solid;border-radius:2px;height:10px;width:16px}.icon-locations:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:6px solid;content:"";height:0;left:1px;position:absolute;top:12px;width:0}.icon-users:before{background:none;border:1.5px solid;border-radius:2px;height:10px;width:16px}.icon-users:after{background:currentColor;box-shadow:0 2px 0 currentColor,0 4px 0 currentColor;content:"";height:1px;left:3px;position:absolute;top:3px;width:10px}.icon-maintenance:before{background:none;border:1.5px solid;border-radius:2px;height:4px;transform:rotate(45deg);width:12px}.icon-maintenance:after{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:4px}.icon-groups:before,.icon-maintenance:after{border:1.5px solid;border-radius:2px;height:12px}.icon-groups:before{background:none;width:8px}.icon-groups:after{border:1.5px solid;border-radius:2px;content:"";height:12px;left:10px;position:absolute;top:2px;width:8px}.icon-kpi:before{background:none;border:none;height:16px;width:16px}.icon-kpi:after{background:currentColor;box-shadow:4px -2px 0 currentColor,8px -4px 0 currentColor,12px -1px 0 currentColor;content:"";height:4px;left:2px;position:absolute;top:12px;width:3px}.icon-questions:before{background:none;border:1.5px solid;border-radius:50%;height:16px;width:16px}.icon-questions:after{color:currentColor;content:"?";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-mapping:after,.icon-mapping:before{background:currentColor;border-radius:50%;height:3px;width:3px}.icon-mapping:after{box-shadow:-10px 6px 0 currentColor,0 6px 0 currentColor,-5px 3px 0 currentColor;content:"";left:13px;position:absolute;top:2px}.icon-data:before{background:none;border:1.5px solid;border-radius:8px;height:4px;width:16px}.icon-data:after{border:1.5px solid;border-radius:0 0 8px 8px;border-top:none;content:"";height:8px;left:1px;position:absolute;top:6px;width:16px}.icon-analytics:before{background:none;border:none;height:16px;width:16px}.icon-analytics:after{background:currentColor;border-radius:50%;box-shadow:3px -3px 0 currentColor,6px -1px 0 currentColor,9px -5px 0 currentColor,12px -2px 0 currentColor;content:"";height:2px;left:2px;position:absolute;top:14px;width:2px}.icon-charts:before{background:none;border:1.5px solid;border-radius:50%;height:16px;width:16px}.icon-charts:after{border-radius:0 8px 0 0;border-right:1.5px solid;border-top:1.5px solid;content:"";height:8px;left:9px;position:absolute;top:1px;width:8px}.icon-viewer:before{background:none;border:1.5px solid;border-radius:50%;height:10px;width:16px}.icon-viewer:after{background:currentColor;border-radius:50%;content:"";height:4px;left:6px;position:absolute;top:3px;width:4px}.icon-user-admin:before{background:none;border:1.5px solid;border-radius:50%;height:10px;width:10px}.icon-user-admin:after{border:1.5px solid;border-radius:0 0 6px 6px;border-top:none;content:"";height:4px;left:2px;position:absolute;top:12px;width:12px}.icon-roles:before{background:none;border:1.5px solid;border-radius:2px 2px 8px 8px;height:14px;width:12px}.icon-roles:after{background:currentColor;box-shadow:0 2px 0 currentColor,0 4px 0 currentColor;content:"";height:1px;left:5px;position:absolute;top:5px;width:6px}.icon-logout:before{border-radius:2px 0 0 2px;border-right:none;height:16px;width:14px}.icon-logout:after{border-bottom:3px solid #0000;border-left:4px solid;border-top:3px solid #0000;content:"";height:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:0}.icon-search:before{background:none;border:2px solid;border-radius:50%;height:12px;position:relative;width:12px}.icon-search:after{background:currentColor;border-radius:1px;content:"";height:2px;left:10px;position:absolute;top:10px;transform:rotate(45deg);width:6px}.coming-soon-badge{background-color:#e639464d;border-radius:10px;color:#fff;font-size:10px;font-weight:500;margin-left:auto;padding:2px 6px}.sidebar-footer{align-items:center;border-top:1px solid #00c8ff4d;border-top:1px solid var(--border-color);color:#00c8ffb3;display:flex;flex-direction:column;font-size:.75rem;gap:.75rem;padding:1rem;position:relative;text-align:center}.sidebar-footer:before{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);box-shadow:0 0 10px #00c8ff80;box-shadow:var(--glow-primary);content:"";height:1px;left:20px;position:absolute;right:20px;top:0}.sidebar-logout-button{align-items:center;background:#00c8ff1a;border:1px solid #00c8ff4d;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#00c8ffe6;cursor:pointer;display:flex;font-size:.85rem;gap:8px;justify-content:center;overflow:hidden;padding:10px 12px;position:relative;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow);transition:all .3s ease;width:100%}.sidebar-logout-button:before{background:linear-gradient(90deg,#0000,#ff640033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar-logout-button:hover:before{left:100%}.sidebar-logout-button:hover{background:#ff640033;border-color:#ff640080;box-shadow:0 0 20px #ff640066,inset 0 0 15px #ff64001a;color:#ff9664e6;text-shadow:0 0 10px #ff640080}.logout-icon{height:16px;position:relative;width:16px}.dashboard-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);margin-bottom:20px;padding:20px;position:relative;transition:all .3s ease}.dashboard-header:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff4d 1px,#0000 0),linear-gradient(90deg,#00c8ff4d 1px,#0000 0);background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}[data-theme=light] .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border-color:#64748b4d;box-shadow:0 2px 8px #0000001a}[data-theme=light] .dashboard-header:before{animation:none;opacity:0}.dashboard-header-content{align-items:center;display:flex;flex-direction:column;gap:10px}.dashboard-logo{height:auto;max-height:80px;max-width:300px;object-fit:contain;width:auto}.dashboard-tagline{color:#00c8ffe6;color:var(--primary-color);font-size:16px;font-style:italic;font-weight:400;letter-spacing:.3px;margin:0;text-align:center;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow);transition:color .3s ease}[data-theme=light] .dashboard-tagline{color:#3b82f6cc;text-shadow:none}.dashboard-header h1{font-size:22px;font-weight:600;letter-spacing:.5px;margin:0}.dashboard-header .user-info{align-items:center;background:#0000!important;display:flex;gap:16px}[data-theme=dark] .dashboard-header .user-info,[data-theme=light] .dashboard-header .user-info{background:#0000!important}.dashboard-header .user-info span{font-weight:500}.logout-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ff6400cc,#ff963299);border:2px solid #ff640080;border-radius:25px;box-shadow:0 0 15px #ff64004d,inset 0 0 10px #ff64001a;color:#fffffff2;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-shadow:0 0 8px #ffffff4d;text-transform:uppercase;transition:all .3s ease}.logout-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{background:linear-gradient(135deg,#ff6400,#ff9632cc);border-color:#ff6400cc;box-shadow:0 0 25px #ff640080,inset 0 0 15px #ff640033;color:#fff;text-shadow:0 0 10px #ffffff80;transform:translateY(-2px)}.logout-button:active{box-shadow:0 0 15px #ff640066,inset 0 0 10px #ff640026;transform:translateY(-1px)}[data-theme=light] .logout-button{border-color:#f9731680;box-shadow:0 2px 8px #0000001a;text-shadow:none}[data-theme=light] .logout-button:hover{box-shadow:0 4px 12px #00000026;text-shadow:none}[data-theme=light] .logout-button:active{box-shadow:0 2px 6px #0000001a}.dashboard-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);height:auto;margin-bottom:20px;overflow-y:visible;position:relative;transition:all .3s ease}.dashboard-content:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff4d 1px,#0000 0),linear-gradient(90deg,#00c8ff4d 1px,#0000 0);background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dashboard-content h2{color:#ff6400cc;color:var(--secondary-color);font-size:26px;font-weight:600;margin-bottom:15px}.dashboard-content p{color:#ffffffe6;color:var(--dark-color);line-height:1.6;margin-bottom:30px;opacity:.8;transition:color .3s ease}.feature-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:20px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:25px;position:relative;transition:all .3s ease;transition:var(--transition)}.feature-card:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.feature-card:before{background-image:linear-gradient(135deg,#00000005 25%,#0000 0,#0000 50%,#00000005 0,#00000005 75%,#0000 0,#0000);background-size:20px 20px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.feature-card>*{position:relative;z-index:1}.feature-card h3{color:#ff6400cc;color:var(--secondary-color);font-size:20px;font-weight:600;margin-bottom:15px;margin-top:10px}.feature-card p{color:#666;font-size:15px;margin-bottom:20px}.feature-card button{background-color:#ff6400cc;background-color:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:10px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.feature-card button:hover{background-color:#00c8ffe6;background-color:var(--primary-color)}.feature-card button.disabled{background-color:#ccc;cursor:not-allowed}.unauthorized-page{align-items:center;background-color:#f5f7fa;background-image:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:100vh}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border-radius:8px;border-radius:var(--border-radius);border-top:5px solid #ff3232cc;border:2px solid var(--border-color);border-top:5px solid var(--danger-color);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);max-width:500px;padding:40px;text-align:center;width:100%}.error-container h1{color:#ff3232cc;color:var(--danger-color);font-size:32px;font-weight:700;margin-bottom:15px;margin-top:0}.error-container p{color:#555;font-size:16px;line-height:1.5;margin-bottom:30px}.error-container .button{background-color:#ff6400cc;background-color:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:.5px;margin-top:15px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;transition:var(--transition)}.error-container .button:hover{background-color:#00c8ffe6;background-color:var(--primary-color);box-shadow:0 6px 10px #0000001a;transform:translateY(-2px)}.action-buttons{margin-top:20px}.action-buttons .secondary-button{background-color:#f1faee;border:1px solid #ff6400cc;border:1px solid var(--secondary-color);color:#ff6400cc;color:var(--secondary-color)}.action-buttons .secondary-button:hover{background-color:#e8f5f0;border-color:#00c8ffe6;border-color:var(--primary-color);color:#00c8ffe6;color:var(--primary-color)}.action-buttons .primary-button{background-color:#00c8ffe6;background-color:var(--primary-color);color:#fff}.action-buttons .primary-button:hover{background-color:#d42836}.form-description{color:#666;font-size:15px;line-height:1.5;margin-bottom:25px;text-align:center}.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00ff881a,#28a7450d);border:2px solid #00ff884d;border-radius:12px;box-shadow:0 0 15px #0f83;padding:30px 20px;text-align:center}.success-icon{background-color:#00ff64cc;background-color:var(--success-color);position:relative}.success-icon:before{border-bottom:3px solid #fff;border-right:3px solid #fff;content:"";height:30px;left:28%;position:absolute;top:50%;transform:translateY(-60%) rotate(45deg);width:15px}.success-message h2{color:#0f8!important;margin-bottom:15px;text-shadow:0 0 10px #00ff884d}.success-message p{line-height:1.6;margin-bottom:25px}.button{border-radius:8px;border-radius:var(--border-radius);font-size:16px;padding:12px 25px;transition:all .3s ease;transition:var(--transition)}.primary-button{background:linear-gradient(135deg,#464eb8,#505ac9);box-shadow:0 4px 15px #464eb84d}.primary-button:hover{background:linear-gradient(135deg,#505ac9,#7bb3eb);box-shadow:0 6px 20px #464eb866}.form-group label{color:#00c8ffe6;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow)}.form-group label:before{background:#ff6400cc;border-radius:50%;box-shadow:0 0 10px #ff640080;box-shadow:var(--glow-secondary);content:"";height:4px;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#001428cc,#001e3c99);border:1px solid #00c8ff4d;border:1px solid var(--border-color);box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a}.form-group select option{background:#001428f2;border:none;color:#ffffffe6}.primary-button{border:1px solid #00c8ff80;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);font-family:Inter,sans-serif;font-size:16px;letter-spacing:.3px;overflow:hidden;padding:14px 24px;position:relative;text-shadow:0 0 10px #ffffff4d;text-transform:none}.primary-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-button:hover:before{left:100%}.primary-button:hover{box-shadow:0 0 30px #00c8ff80,inset 0 0 20px #00c8ff33}.secondary-button{background:#00c8ff1a;border:1px solid #00c8ff66;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#00c8ffe6;font-family:Inter,sans-serif;font-size:16px;letter-spacing:.3px;padding:14px 24px;position:relative;text-decoration:none;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow);text-transform:none}.secondary-button:hover{background:#00c8ff33;border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;color:#fffffff2;text-shadow:0 0 10px #00c8ff80}.button:disabled,.primary-button:disabled,.secondary-button:disabled{background:#6464644d;border-color:#64646480;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#ff32321a;box-shadow:0 0 15px #ff323233;color:#ff6464e6;text-shadow:0 0 8px #ff32324d}.success-message{background:#00ff641a;border:1px solid #00ff644d;box-shadow:0 0 15px #00ff6433;color:#64ff96e6;padding:12px 16px;text-shadow:0 0 8px #00ff644d}.header-brand{align-items:center;display:flex}.header-logo{margin-bottom:0;margin-right:15px;transform:scale(.85)}.debug-user-badge,.force-dark-theme.user-badge.debug-user-badge[data-testid=user-badge],.user-badge,[data-testid=user-badge],html body .dashboard-header .user-info .user-badge,html body .dashboard-page .dashboard-main .dashboard-header .user-info .user-badge,html body .user-info .user-badge,html body div#root div.App div.dashboard-page div.dashboard-main header.dashboard-header div.user-info div.user-badge,html body div#root div.App div.dashboard-page div.dashboard-main header.dashboard-header div.user-info div.user-badge.debug-user-badge.force-dark-theme,html body div.user-badge{background:#001e3ccc!important;background:var(--user-badge-bg)!important;background-color:#001e3ccc!important;background-color:var(--user-badge-bg)!important;background-image:linear-gradient(135deg,#001e3ccc,#00285099)!important;background-image:var(--user-badge-bg-gradient)!important;border:2px solid #00c8ff4d!important;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a!important;color:#ffffffe6!important}.force-dark-theme,html body div#root div.App div.dashboard-page div.dashboard-main header.dashboard-header div.user-info div.force-dark-theme{background:#001e3ccc!important;background-color:#001e3ccc!important;background-image:linear-gradient(135deg,#001e3ccc,#00285099)!important;border:2px solid #00c8ff4d!important;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a!important;color:#ffffffe6!important}.user-badge{align-items:center!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#001e3ccc!important;background-image:linear-gradient(135deg,#001e3ccc,#00285099)!important;border:2px solid #00c8ff4d!important;border-radius:50px!important;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a!important;color:#ffffffe6!important;display:flex!important;gap:12px!important;overflow:hidden!important;padding:8px 16px!important;position:relative!important;transition:all .3s ease!important}.user-badge:before{animation:hudGrid 15s linear infinite;background:linear-gradient(0deg,#00c8ff03 1px,#0000 0),linear-gradient(90deg,#00c8ff03 1px,#0000 0);background-size:10px 10px;border-radius:50px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.user-badge:hover{background:linear-gradient(135deg,#001e3ce6,#002850b3)!important;border-color:#00c8ff99!important;box-shadow:0 0 25px #00c8ff66,inset 0 0 20px #00c8ff0d!important;transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg,#00c8ffcc,#ff640099);border:2px solid #00c8ff80;box-shadow:0 0 15px #00c8ff66,inset 0 0 10px #00c8ff33;font-weight:700;text-shadow:0 0 8px #ffffff4d;text-transform:uppercase}.user-name{color:#ffffffe6;font-size:16px;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow)}[data-theme=light] .user-avatar{background:linear-gradient(135deg,#3b82f6cc,#f9731699);border-color:#64748b4d;box-shadow:0 2px 8px #0000001a;text-shadow:none}[data-theme=light] .user-name{color:#0f172ae6;text-shadow:none}.user-role{background:linear-gradient(135deg,#ff6400cc,#ff963299);border:1px solid #ff64004d;border-radius:20px;box-shadow:0 0 10px #ff640066,inset 0 0 5px #ff640033;color:#fff;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-shadow:0 0 6px #ffffff4d;text-transform:uppercase}[data-theme=light] .user-role{background:linear-gradient(135deg,#f97316cc,#fb923c99);border-color:#f973164d;box-shadow:0 2px 4px #0000001a;text-shadow:none}.dashboard-welcome{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);margin-bottom:30px;padding:30px;position:relative;transition:all .3s ease}.dashboard-welcome:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff4d 1px,#0000 0),linear-gradient(90deg,#00c8ff4d 1px,#0000 0);background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dashboard-welcome h2{color:#00c8ffe6;color:var(--primary-color);margin-bottom:10px;margin-top:0;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow);transition:color .3s ease}.dashboard-welcome p{color:#ffffffe6;color:var(--dark-color);margin:0;opacity:.8;transition:color .3s ease}.dashboard-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{background:#001e3ccc;border:2px solid #00c8ff4d;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);padding:20px;transition:var(--transition)}.metric-card:before{animation:hudGrid 15s linear infinite;background:linear-gradient(0deg,#00c8ff4d 1px,#0000 0),linear-gradient(90deg,#00c8ff4d 1px,#0000 0);background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:10px 10px;border-radius:12px;bottom:0;left:0;pointer-events:none;right:0;z-index:-1}.metric-card:hover{border-color:#00c8ffe6;border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff80,0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--glow-primary),var(--box-shadow)}.metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-right:15px;position:relative;width:50px}.validation-icon{background-color:#e6394626}.validation-icon:before{color:#00c8ffe6;color:var(--primary-color);content:"✓";font-size:24px}.reports-icon{background-color:#457b9d26}.reports-icon:before{content:"📊";font-size:24px}.data-icon{background-color:#2a9d8f26}.data-icon:before{content:"📁";font-size:24px}.metric-info h3{color:#ff6400cc;color:var(--secondary-color);font-size:16px;margin:0 0 5px}.metric-info p{color:#666;font-size:14px;margin:0}.feature-section{margin-top:20px}.section-title{border-bottom:1px solid #eee;color:#ff6400cc;color:var(--secondary-color);margin-bottom:20px;padding-bottom:10px}.feature-icon{align-items:center;border-radius:15px;display:flex;height:60px;justify-content:center;margin:0 auto 20px;position:relative;width:60px}.upload-icon{background-color:#e6394626}.upload-icon:before{content:"📤";font-size:30px}.mapping-icon{background-color:#457b9d26}.mapping-icon:before{content:"🔄";font-size:30px}.table-icon{background-color:#2a9d8f26}.table-icon:before{content:"📋";font-size:30px}.analytics-icon{background-color:#e9c46a26}.analytics-icon:before{content:"📈";font-size:30px}.feature-icon.globe-icon{background-color:#00c8ff99;background-color:var(--accent-color);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.5 5.104c.276-.006.54.186.715.48.241.41.391 1.043.416 1.836.204-.123.417-.18.619-.18.551 0 1 .449 1 1 0 .404-.243.754-.536.924-.112 1.313-.67 2.16-1.565 2.16-.926 0-1.689-.901-1.689-2.01 0-.921.351-1.737.886-2.214a3.494 3.494 0 0 1-.886-.886c-.184-.287-.248-.562-.171-.818.103-.345.421-.58.855-.633a1.34 1.34 0 0 1 .356-.659zM14 9.25c.69 0 1.25.56 1.25 1.25v1c0 .69-.56 1.25-1.25 1.25h-1c-.69 0-1.25-.56-1.25-1.25v-1c0-.69.56-1.25 1.25-1.25h1zm-7.32 5.4c.49.206 1.473.386 2.32.386.63 0 1.28-.095 1.846-.284.33.88 1.253 1.498 2.404 1.498a2.53 2.53 0 0 0 2.5-2.153c.645-.553 1.308-1.324 1.41-2.347h.09c.69 0 1.25-.56 1.25-1.25v-1c0-.69-.56-1.25-1.25-1.25h-.09c-.082-.824-.537-1.52-1.03-2.035.272-.35.37-.786.37-1.215 0-.69-.56-1.25-1.25-1.25h-1C13.56 3.75 13 4.31 13 5c0 .371.163.7.404.927a2.118 2.118 0 0 0-.784 1.323H10.8c-.69 0-1.25.56-1.25 1.25v1c0 .69.56 1.25 1.25 1.25h.453a7.69 7.69 0 0 0 .49 2.022c-1.185.302-2.348.468-3.443.468a9.537 9.537 0 0 1-1.64-.143 8.131 8.131 0 0 1-.048-.329c-.084-.656-.191-1.48-.191-2.518 0-1.038.107-1.863.191-2.519.071-.55.132-1.021.132-1.231 0-.414-.238-.778-.613-.969A8.053 8.053 0 0 1 9.9 4.1a8.03 8.03 0 0 1 4.216 1.191c.383.024.754-.132.982-.423a1.2 1.2 0 0 0 .178-.326A7.957 7.957 0 0 0 12 4a8 8 0 0 0-6.469 12.69c.328-.276.685-.454 1.149-.04z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.5 5.104c.276-.006.54.186.715.48.241.41.391 1.043.416 1.836.204-.123.417-.18.619-.18.551 0 1 .449 1 1 0 .404-.243.754-.536.924-.112 1.313-.67 2.16-1.565 2.16-.926 0-1.689-.901-1.689-2.01 0-.921.351-1.737.886-2.214a3.494 3.494 0 0 1-.886-.886c-.184-.287-.248-.562-.171-.818.103-.345.421-.58.855-.633a1.34 1.34 0 0 1 .356-.659zM14 9.25c.69 0 1.25.56 1.25 1.25v1c0 .69-.56 1.25-1.25 1.25h-1c-.69 0-1.25-.56-1.25-1.25v-1c0-.69.56-1.25 1.25-1.25h1zm-7.32 5.4c.49.206 1.473.386 2.32.386.63 0 1.28-.095 1.846-.284.33.88 1.253 1.498 2.404 1.498a2.53 2.53 0 0 0 2.5-2.153c.645-.553 1.308-1.324 1.41-2.347h.09c.69 0 1.25-.56 1.25-1.25v-1c0-.69-.56-1.25-1.25-1.25h-.09c-.082-.824-.537-1.52-1.03-2.035.272-.35.37-.786.37-1.215 0-.69-.56-1.25-1.25-1.25h-1C13.56 3.75 13 4.31 13 5c0 .371.163.7.404.927a2.118 2.118 0 0 0-.784 1.323H10.8c-.69 0-1.25.56-1.25 1.25v1c0 .69.56 1.25 1.25 1.25h.453a7.69 7.69 0 0 0 .49 2.022c-1.185.302-2.348.468-3.443.468a9.537 9.537 0 0 1-1.64-.143 8.131 8.131 0 0 1-.048-.329c-.084-.656-.191-1.48-.191-2.518 0-1.038.107-1.863.191-2.519.071-.55.132-1.021.132-1.231 0-.414-.238-.778-.613-.969A8.053 8.053 0 0 1 9.9 4.1a8.03 8.03 0 0 1 4.216 1.191c.383.024.754-.132.982-.423a1.2 1.2 0 0 0 .178-.326A7.957 7.957 0 0 0 12 4a8 8 0 0 0-6.469 12.69c.328-.276.685-.454 1.149-.04z'/%3E%3C/svg%3E")}.dashboard-footer{background-color:#001e3ccc;background-color:var(--surface-color);border-radius:8px;border-radius:var(--border-radius);color:#ffffffe6;color:var(--dark-color);margin-top:auto;padding:15px 20px;text-align:center;transition:all .3s ease}.footer-content{font-size:14px;margin:0 auto;max-width:1280px;opacity:.8;padding:0 40px;text-align:center}.auth-page .data-streams{bottom:15%;height:60px;left:0;opacity:.5;overflow:hidden;position:absolute;right:0;z-index:1}.auth-page .data-stream{background:linear-gradient(90deg,#0000,#00c8ffcc,#ff640099,#0000);border-radius:100%;box-shadow:0 0 8px #00c8ff66;height:2px;position:absolute}.auth-page .data-stream:first-child{animation:dataStreamFlow 3s linear infinite;bottom:0;left:-60%;width:120%}.auth-page .data-stream:nth-child(2){animation:dataStreamFlow 2.5s linear .5s infinite;bottom:15px;left:-50%;width:100%}.auth-page .data-stream:nth-child(3){animation:dataStreamFlow 2s linear 1s infinite;bottom:30px;left:-40%;width:80%}.auth-page .data-stream:nth-child(4){animation:dataStreamFlow 2.8s linear .2s infinite;bottom:45px;left:-55%;width:110%}@keyframes dataStreamFlow{0%{opacity:0;transform:translateX(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateX(200%)}}.auth-page .wheel-back:before,.auth-page .wheel-front:before{animation:wheelRotate 10s linear infinite}.breadcrumbs{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;display:flex;font-size:14px;margin-bottom:20px;padding:12px 20px}.breadcrumb-link{background:none;border:none;color:#00c8ff;cursor:pointer;font-weight:500;padding:0;text-decoration:none;transition:all .3s ease}.breadcrumb-link:hover{color:#00d4ff;text-shadow:0 0 8px #00c8ff80}.breadcrumb-separator{color:#ffffff80}.breadcrumb-current{color:#ffffffe6}.breadcrumb-separator{color:#ccc;margin:0 8px}.breadcrumb-current{color:#ff6400cc;color:var(--secondary-color);font-weight:600}[data-theme=light] .breadcrumbs{background:#ffffffe6;border-color:#64748b4d;box-shadow:0 2px 8px #0000001a}[data-theme=light] .breadcrumb-link{color:#3b82f6cc}[data-theme=light] .breadcrumb-link:hover{color:#3b82f6;text-shadow:none}[data-theme=light] .breadcrumb-separator{color:#64748b99}[data-theme=light] .breadcrumb-current{color:#0f172ae6}.dashboard-content{padding:30px}.csv-upload-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);padding:30px;position:relative;transition:all .3s ease}.csv-upload-container:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@media (max-width:768px){.dashboard-page{flex-direction:column}.dashboard-sidebar{height:auto;left:20px;max-height:60vh;position:fixed;right:20px;top:10px;transform:translateY(-100%);transition:transform .3s ease;width:calc(100% - 40px)}.dashboard-sidebar.mobile-open{transform:translateY(0)}.dashboard-main{margin-left:0;padding:80px 15px 15px}.feature-cards{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.background-attribution{margin-bottom:10px;margin-top:5px;position:static}.dashboard-header .user-info{justify-content:space-between;margin-top:15px;width:100%}}.stepper{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px;position:relative}.stepper:before{background:linear-gradient(90deg,#00c8ff4d,#00c8ff1a);box-shadow:0 0 10px #00c8ff33;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:1}.step{z-index:2}.step-number{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c3c3ccc;border:2px solid #64646480;font-size:16px;font-weight:700;height:44px;margin-bottom:12px;width:44px}.step-label{transition:all .3s ease}.step.active .step-number{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#00c8ff,#09c);border-color:#00c8ff99;box-shadow:0 0 20px #00c8ff80,0 0 40px #00c8ff33}.step.active .step-label{color:#00c8ff;text-shadow:0 0 8px #00c8ff4d}.step.completed .step-number{background:linear-gradient(135deg,#0f8,#0c6);border-color:#0f89;box-shadow:0 0 15px #0f86}.step.completed .step-label{color:#0f8;font-weight:600}.upload-step{margin:0 auto;max-width:800px}.upload-step h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c8ff,#09c 50%,#00d4ff);background-clip:text;-webkit-background-clip:text;color:#fffffff2;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center;text-shadow:0 0 15px #00c8ff66}.upload-step p{color:#666;line-height:1.5;margin-bottom:25px}.step-header{margin-bottom:20px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00285099,#001e3c66);border:2px solid #00c8ff66;box-shadow:0 0 15px #00c8ff33;color:#ffffffe6;font-size:14px;font-weight:600;padding:10px 20px;text-shadow:0 0 8px #00c8ff4d}.back-button:hover{background:linear-gradient(135deg,#00c8ff33,#0096c81a);border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff66;transform:translateY(-2px)}.csv-upload-container .back-button,.step-header .back-button,.upload-step .back-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#00285099,#001e3c66)!important;border:2px solid #00c8ff66!important;border-radius:8px!important;box-shadow:0 0 15px #00c8ff33!important;color:#ffffffe6!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:10px 20px!important;text-shadow:0 0 8px #00c8ff4d!important;transition:all .3s ease!important}.csv-upload-container .back-button:hover,.step-header .back-button:hover,.upload-step .back-button:hover{background:linear-gradient(135deg,#00c8ff33,#0096c81a)!important;border-color:#00c8ff99!important;box-shadow:0 0 25px #00c8ff66!important;color:#fff!important;transform:translateY(-2px)!important}.csv-preview-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;overflow-x:auto}.csv-table-header{background:linear-gradient(135deg,#003264cc,#00285099);color:#ffffffe6;display:flex;font-weight:600}.csv-header-cell{border-right:1px solid #00c8ff4d;flex:1 1;min-width:100px;padding:12px 15px;text-shadow:0 0 8px #00c8ff4d;white-space:nowrap}.csv-header-cell:last-child{border-right:none}.csv-table-body{-ms-overflow-style:none;max-height:300px;overflow-y:auto;scrollbar-width:none}.csv-table-body::-webkit-scrollbar{display:none}.csv-table-row{border-bottom:1px solid #00c8ff33;display:flex}.csv-table-row:nth-child(2n){background:#001e3c66}.csv-table-row:hover{background:#00c8ff1a}.csv-table-cell{background:#0014284d;border-right:1px solid #00c8ff33;color:#fffc;flex:1 1;min-width:100px;overflow:hidden;padding:10px 15px;text-overflow:ellipsis;white-space:nowrap}.csv-table-cell:last-child{border-right:none}.primary-button{background-color:#00c8ffe6;background-color:var(--primary-color);border-radius:var(--border-radius);font-size:15px;transition:var(--transition)}.primary-button:hover{background-color:#d42836;box-shadow:0 4px 8px #e6394633}.secondary-button{border:1px solid #ff6400cc;border:1px solid var(--secondary-color);border-radius:var(--border-radius);color:#ff6400cc;color:var(--secondary-color);font-size:15px;transition:var(--transition)}.secondary-button:hover{background-color:#1d35570d}.confirmation-step{padding:40px}.confirmation-message{margin-bottom:40px}.confirmation-message .success-icon{height:80px;margin:0 auto 20px;width:80px}.confirmation-message h2{color:#00ff64cc;color:var(--success-color);margin-bottom:15px}.confirmation-actions{gap:20px}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3c4d,#00285033);border:2px solid #00c8ff33;box-shadow:0 0 15px #00c8ff1a;color:#ffffffb3;padding:50px 20px}.page-header{margin-bottom:25px}.page-header h1{color:#ff6400cc;color:var(--secondary-color);font-size:24px}.page-description{color:#666;font-size:14px;font-style:italic;margin:8px 0 0}[data-theme=light] .page-header h1{color:#0f172ae6!important}[data-theme=light] .page-description{color:#475569cc!important}.content-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid #00c8ff4d;border:2px solid var(--border-color);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;height:auto;overflow-y:visible;padding:25px;position:relative}.content-container:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.data-table{margin-top:15px}.data-table thead th{background-color:#ff6400cc;background-color:var(--secondary-color);color:#fff;font-weight:600;padding:12px 15px;text-align:left}.data-table tbody tr{border-bottom:1px solid #eee}.data-table tbody tr:nth-child(2n){background-color:#001e3c4d}.data-table tbody tr:hover{background-color:#00c8ff1a;box-shadow:0 0 10px #00c8ff33}.data-table td{padding:12px 15px}.table-actions{display:flex;gap:10px}.action-button{border:none;border-radius:var(--border-radius);font-size:13px;padding:6px 12px;transition:var(--transition)}.edit-button{background-color:#00c8ff99;background-color:var(--accent-color);color:#fff}.edit-button:hover{background-color:#3a6a88}.delete-button{background-color:#ff3232cc;background-color:var(--danger-color);color:#fff}.delete-button:hover{background-color:#c65c42}.delete-all-locations-button{align-items:center;background:linear-gradient(135deg,#ff3232e6,#dc2626cc);border:1px solid #ff323299;border-radius:8px;box-shadow:0 4px 12px #ff32324d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:12px 18px;position:relative;transition:all .3s ease}.delete-all-locations-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.delete-all-locations-button:hover:before{left:100%}.delete-all-locations-button:hover{background:linear-gradient(135deg,#dc2626f2,#b91c1ce6);border-color:#ff3232cc;box-shadow:0 6px 20px #ff323266,0 0 15px #ff32324d;transform:translateY(-2px)}.delete-all-locations-button:active{box-shadow:0 2px 8px #ff323266;transform:translateY(0)}.delete-all-locations-button .button-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.3));font-size:16px}.delete-all-locations-button .button-text{font-weight:500;letter-spacing:.3px}.delete-all-locations-button .button-count{background:#fff3;border-radius:12px;font-size:12px;font-weight:600;margin-left:4px;padding:2px 6px}[data-theme=light] .delete-all-locations-button{background:linear-gradient(135deg,#ef4444e6,#dc2626cc);border-color:#ef4444cc;box-shadow:0 4px 12px #ef44444d}[data-theme=light] .delete-all-locations-button:hover{background:linear-gradient(135deg,#dc2626e6,#b91c1ccc);border-color:#ef4444e6;box-shadow:0 6px 16px #ef444466}.loading-container{padding:50px 0}.loading-spinner{border-left:4px solid var(--primary-color)}.form-container{background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow)}.form-container:after{animation:hudFlicker 3s ease-in-out infinite;background:linear-gradient(45deg,#00c8ff80,#ff64004d,#00c8ff80);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-2}.form-container h2{color:#ffffffe6;text-shadow:0 0 8px #00c8ff4d;text-shadow:var(--text-glow)}.form-container h2:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:-8px;box-shadow:0 0 10px #00c8ff80;box-shadow:var(--glow-primary);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.brand-icon{background-color:#e9c46a26}.brand-icon:before{content:"🏷️";font-size:30px}.background-attribution{color:#f1faeeb3;font-size:.8rem;font-style:italic;position:absolute;right:10px;top:-25px}.error-alert{left:50%;max-width:500px;position:fixed;top:20px;transform:translateX(-50%);width:80%;z-index:1000}.error-alert-content{align-items:center;animation:slideIn .3s ease-out;background:#001e3ccc;background:var(--surface-color);border-left:5px solid #e74c3c;border-radius:4px;box-shadow:0 3px 10px #0003;color:#ffffffe6;color:var(--dark-color);display:flex;padding:15px}.error-alert-icon{font-size:20px;margin-right:15px}.error-alert-message{color:#333;flex:1 1;font-size:14px}.error-alert-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;margin-left:10px;padding:0}.error-alert-close:hover{color:#555}.error-alert-action{background-color:#00c8ffe6;background-color:var(--primary-color);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 10px;transition:background-color .2s}.error-alert-action:hover{background-color:#d42836}.ai-usage-stats{margin:0 auto;max-width:1200px;padding:20px}.ai-usage-stats.error,.ai-usage-stats.loading,.ai-usage-stats.no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{border-top-color:#00c8ffe6;margin-bottom:20px}.error-message,.no-data-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);max-width:600px;padding:30px}.getting-started-tips{margin-top:20px;text-align:left}.getting-started-tips h4{color:#00c8ffe6;color:var(--primary-color);margin-bottom:10px}.getting-started-tips ul{list-style:none;padding:0}.getting-started-tips li{background:#f8f9fa;border-left:3px solid #00c8ffe6;border-left:3px solid var(--primary-color);margin-bottom:5px;padding:8px 0 8px 15px}.retry-button{background:#00c8ffe6;border-radius:var(--border-radius);font-size:16px;margin-top:15px;transition:background-color .3s ease}.stats-header{margin-bottom:30px;text-align:center}.stats-header h2{color:#ffffffe6;color:var(--dark-color);font-size:28px;margin-bottom:10px}.stats-header p{color:#666;font-size:16px;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-card.primary{border-left:4px solid #00c8ffe6;border-left:4px solid var(--primary-color)}.stat-card.secondary{border-left:4px solid #2196f3}.stat-card.success{border-left:4px solid #4caf50}.stat-card.performance{border-left:4px solid #ff9800}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.requests-icon{background:#00c8ffe6;background:var(--primary-color)}.tokens-icon{background:#2196f3}.success-icon{background:#4caf50}.time-icon{background:#ff9800}.stat-icon:before{font-family:Font Awesome\ 5 Free;font-weight:900}.requests-icon:before{content:"📊"}.tokens-icon:before{content:"🔧"}.success-icon:before{content:"✓"}.time-icon:before{content:"⏱️"}.stat-content h3{color:#666;font-size:16px;font-weight:500;margin:0 0 5px}.stat-value{color:var(--dark-color);font-size:28px;margin:0 0 5px}.stat-label{color:#888}.recent-activity-section,.request-types-section{margin-bottom:40px}.recent-activity-section h3,.request-types-section h3{color:#ffffffe6;color:var(--dark-color);font-size:20px;margin-bottom:20px}.request-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.request-type-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);padding:20px;text-align:center;transition:transform .3s ease}.request-type-card:hover{transform:translateY(-2px)}.request-type-content h4{color:#ffffffe6;color:var(--dark-color);font-size:16px;margin:0 0 10px}.request-count{color:#00c8ffe6;color:var(--primary-color);font-size:24px;font-weight:700;margin:0}.activity-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 20px;transition:background-color .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f9f9f9}.activity-info{flex:1 1}.activity-type{color:#ffffffe6;color:var(--dark-color);font-weight:600;margin-bottom:5px}.activity-details{background:#0000!important;color:#ffffffb3!important;display:flex;font-size:14px;gap:15px}.activity-details span{background:#001e3c99!important;border:1px solid #00c8ff4d!important;border-radius:12px;color:#ffffffe6!important;font-size:12px;padding:2px 8px}.activity-timestamp{background:#0000!important;color:#fff9!important;font-size:14px;margin-right:15px}.activity-status{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.activity-status.success{background:#4caf50}.activity-status.error{background:#f44336}.last-request-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;background:var(--surface-color);border:2px solid #00c8ff4d;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a;box-shadow:var(--box-shadow);color:#ffffffe6;color:var(--dark-color);margin-top:30px;padding:20px;text-align:center}.last-request-info p{color:#ffffffe6;color:var(--dark-color);margin:0}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.activity-item{align-items:flex-start;flex-direction:column;gap:10px}.activity-details{flex-wrap:wrap}}.dark-select-dropdown,.dark-select-dropdown option{background:#1a2332!important;color:#fff!important}.dark-select-dropdown option:hover{background:#2a3442!important;color:#fff!important}.dark-select-dropdown option:checked{background:#00c8ff!important;color:#fff!important}.dark-select-dropdown option:disabled{background:#1a2332!important;color:#888!important}.futuristic-logo-text{align-items:center;display:flex;flex-direction:column;font-family:Orbitron,Courier New,monospace;letter-spacing:.2em;line-height:1;text-transform:uppercase}.logo-text-main{-webkit-text-fill-color:#0000;animation:logoGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#00c8ff,#09c 50%,#fff);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:900;margin-bottom:-.2rem;text-shadow:0 0 30px #00c8ff80}.logo-text-sub{animation:subLogoGlow 2s ease-in-out infinite alternate;color:#fffc;font-size:1.2rem;font-weight:600;letter-spacing:.4em;text-shadow:0 0 15px #00c8ff4d}.sidebar-futuristic-logo-text{align-items:center;display:flex;flex-direction:column;font-family:Orbitron,Courier New,monospace;letter-spacing:.15em;line-height:1;padding:8px;text-transform:uppercase}.sidebar-logo-text-main{-webkit-text-fill-color:#0000;animation:logoGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#00c8ff,#09c 50%,#fff);background-clip:text;-webkit-background-clip:text;font-size:1.2rem;font-weight:900;margin-bottom:-.1rem;text-shadow:0 0 20px #00c8ff80}.sidebar-logo-text-sub{animation:subLogoGlow 2s ease-in-out infinite alternate;color:#fffc;font-size:.7rem;font-weight:600;letter-spacing:.3em;text-shadow:0 0 10px #00c8ff4d}[data-theme=light] .sidebar-logo-text-main{-webkit-text-fill-color:#0000;animation:none;background:linear-gradient(135deg,#3b82f6,#1e40af 50%,#1f2937);background-clip:text;-webkit-background-clip:text;text-shadow:none}[data-theme=light] .sidebar-logo-text-sub{animation:none;color:#475569cc;text-shadow:none}.report-futuristic-logo-text{align-items:center;display:flex;flex-direction:column;font-family:Orbitron,Courier New,monospace;letter-spacing:.2em;line-height:1;text-transform:uppercase}.report-logo-text-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c8ff,#09c 50%,#333);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:900;margin-bottom:-.2rem}.report-logo-text-sub{color:#666;font-size:1rem;font-weight:600;letter-spacing:.3em}@keyframes logoGlow{0%{text-shadow:0 0 20px #00c8ff4d,0 0 40px #00c8ff1a}to{text-shadow:0 0 30px #00c8ff99,0 0 60px #00c8ff33}}@keyframes subLogoGlow{0%{text-shadow:0 0 10px #00c8ff33}to{text-shadow:0 0 20px #00c8ff66}}.file-dropzone-container{margin:0 auto;max-width:600px;width:100%}.file-dropzone{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3c4d,#00285033);border:2px dashed #00c8ff66;border-radius:12px;box-shadow:0 0 20px #00c8ff1a,inset 0 0 20px #00c8ff0d;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.file-dropzone.dragging{background:linear-gradient(135deg,#001e3c80,#00285066);border-color:#00c8ffcc;box-shadow:0 0 30px #00c8ff4d,inset 0 0 30px #00c8ff1a;transform:scale(1.02)}.dropzone-content{align-items:center;display:flex;flex-direction:column}.dropzone-content h3{color:#ffffffe6;font-size:1.4rem;font-weight:600;margin-bottom:12px;margin-top:0;text-shadow:0 0 10px #00c8ff4d}.dropzone-content p{color:#ffffffb3;font-size:1rem;margin-bottom:16px;margin-top:0}.file-select-button{background:linear-gradient(135deg,#00c8ff,#09c);border:2px solid #00c8ff4d;border-radius:8px;box-shadow:0 0 15px #00c8ff4d;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.file-select-button:hover{background:linear-gradient(135deg,#00d4ff,#0ad);border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff80;transform:translateY(-2px)}.file-info{color:#fff9;font-size:.9rem;margin-top:16px}.upload-step{color:#ffffffe6}.upload-step h2{color:#ffffffe6;margin-bottom:16px;text-shadow:0 0 10px #00c8ff4d}.upload-step p{color:#ffffffb3;margin-bottom:24px}@media (max-width:768px){.futuristic-logo-text .logo-text-main{font-size:2rem}.futuristic-logo-text .logo-text-sub,.sidebar-futuristic-logo-text.mobile .sidebar-logo-text-main{font-size:1rem}.sidebar-futuristic-logo-text.mobile .sidebar-logo-text-sub{font-size:.6rem}}* .chatbot-toggle-container,.content-container .chatbot-toggle-container,.dashboard-content .chatbot-toggle-container,.dashboard-main .chatbot-toggle-container,.submissions-table-container .chatbot-toggle-container,body .chatbot-toggle-container,div .chatbot-toggle-container,html .chatbot-toggle-container{bottom:20px!important;display:flex!important;opacity:1!important;position:fixed!important;right:20px!important;visibility:visible!important;z-index:999999!important}.user-menu-container{display:flex;justify-content:center;margin-bottom:1rem;margin-top:auto;position:relative;width:100%}.user-menu-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s}.user-menu-button:hover{transform:scale(1.05)}.user-avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-dropdown{animation:dropdownFadeIn .2s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:50%;top:calc(100% + 8px);transform:translateX(50%);width:220px;z-index:10}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(50%) translateY(-10px)}to{opacity:1;transform:translateX(50%) translateY(0)}}.user-info{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;gap:12px;padding:16px}.dropdown-avatar{font-size:18px;height:48px;width:48px}.user-details{overflow:hidden}.user-name{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:12px;margin-bottom:4px}.user-role{background-color:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:11px;padding:2px 6px;text-transform:capitalize}.menu-actions{padding:8px 0}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f1f3f5}.menu-icon{font-size:16px;margin-right:10px;text-align:center;width:20px}.logout-item{color:#e63946}@media (max-width:768px){.user-menu-container{justify-content:flex-start;margin-bottom:0;margin-top:0;padding-left:16px}.user-dropdown{right:16px;transform:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}[data-theme=light] .user-dropdown{background-color:#fffffff2!important;box-shadow:0 4px 12px #00000026!important}[data-theme=light] .user-info{background-color:#f8fafce6!important;border-bottom-color:#64748b4d!important}[data-theme=light] .user-name{color:#0f172ae6!important}[data-theme=light] .user-email{color:#475569cc!important}[data-theme=light] .user-role{background-color:#64748b1a!important;color:#475569cc!important}[data-theme=light] .menu-item{color:#0f172ae6!important}[data-theme=light] .menu-item:hover{background-color:#3b82f61a!important}[data-theme=light] .logout-item{color:#ef4444e6!important}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3ccc;border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 15px #00c8ff33;color:#ffffffe6;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;min-width:80px;outline:none;padding:8px 12px;transition:all .3s ease}.theme-toggle:hover{background:#002850e6;border-color:#00c8ff80;box-shadow:0 0 20px #00c8ff66;transform:translateY(-1px)}.theme-toggle:active{box-shadow:0 0 10px #00c8ff4d;transform:translateY(0)}.theme-toggle-inner{align-items:center;display:flex;gap:6px}.theme-toggle-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.theme-toggle-icon svg{stroke:currentColor;height:100%;width:100%}.theme-toggle-text{font-size:13px;font-weight:600;letter-spacing:.5px}[data-theme=light] .theme-toggle{background:#ffffffe6;border-color:#64748b4d;box-shadow:0 0 15px #64748b33;color:#334155e6}[data-theme=light] .theme-toggle:hover{background:#f8fafc;border-color:#64748b80;box-shadow:0 0 20px #64748b4d}.theme-toggle-icon svg{transition:all .3s ease}.theme-toggle:hover .theme-toggle-icon svg{transform:rotate(15deg)}.ai-usage-graphs{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--box-shadow);color:var(--dark-color);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:opacity .3s ease,background .3s ease,color .3s ease}.ai-usage-graphs:before{animation:hudGrid 30s linear infinite;background:linear-gradient(0deg,var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:25px 25px;border-radius:16px;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ai-usage-graphs.refreshing{opacity:.8}.ai-usage-graphs.loading{align-items:center;color:var(--dark-color);display:flex;flex-direction:column;justify-content:center;min-height:400px;opacity:.8}.loading-spinner{box-shadow:var(--glow-primary);margin-bottom:1.5rem}.ai-usage-graphs.error{align-items:center;display:flex;justify-content:center;min-height:400px}.error-message{box-shadow:0 0 20px #ff6b6b33;padding:2rem}.error-message h3{color:var(--danger-color);margin:0 0 1rem;text-shadow:0 0 10px #ff6b6b4d}.retry-button{background:linear-gradient(135deg,#ff6b6b,#dc3545);box-shadow:0 0 15px #ff6b6b4d;letter-spacing:.5px;margin-top:1rem;text-transform:uppercase}.retry-button:hover{background:linear-gradient(135deg,#ff5252,#c62828);box-shadow:0 0 25px #ff6b6b80}.graphs-header{margin-bottom:2rem;position:relative;z-index:1}.graphs-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.graphs-header-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--dark-color);font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 0 15px #00c8ff80}[data-theme=light] .graphs-header-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#f59e0b);-webkit-background-clip:text;background-clip:text;text-shadow:none}.graphs-header-text p{color:var(--dark-color);font-size:1.1rem;font-weight:400;margin:0;opacity:.8}.graphs-header-filters{align-items:center;display:flex;gap:1rem}.date-filter{align-items:center;display:flex;gap:.75rem}.date-filter label{color:#fffc;font-size:.95rem;font-weight:500}.date-filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px #00c8ff33;color:var(--dark-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}[data-theme=light] .date-filter-select{background:#fffffff2!important;border-color:#64748b4d;box-shadow:0 2px 4px #0000001a;color:#0f172ae6!important}.date-filter-select:hover{border-color:#00c8ff80;box-shadow:0 0 15px #00c8ff4d}[data-theme=light] .date-filter-select:hover{border-color:#3b82f699;box-shadow:0 2px 8px #00000026}.date-filter-select:focus{border-color:#00c8ffb3;box-shadow:0 0 20px #00c8ff66;outline:none}[data-theme=light] .date-filter-select:focus{background:#fffffff2!important;border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f61a,0 2px 8px #00000026}[data-theme=light] .date-filter-select option{background:#fffffff2!important;color:#0f172ae6!important}[data-theme=light] .date-filter-select option:hover{background:#3b82f61a!important;color:#0f172a!important}[data-theme=light] .date-filter-select option:checked{background:#3b82f633!important;color:#0f172a!important}.refresh-indicator{align-items:center;display:flex}.refresh-spinner{animation:spin 1s linear infinite;border:2px solid #00c8ff33;border-radius:50%;border-top-color:#00c8ffcc;height:20px;width:20px}.metrics-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;position:relative;z-index:1}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 15px #00c8ff33;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .5s ease;width:100%}.metric-card:hover:before{left:100%}.metric-card:hover{border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff66;transform:translateY(-3px)}.metric-icon{filter:drop-shadow(0 0 10px rgba(0,200,255,.3));font-size:2.5rem}.metric-content h3{color:var(--dark-color);font-size:2rem;font-weight:700;margin:0;text-shadow:0 0 10px #fff3}.metric-content p{color:var(--dark-color);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:.25rem 0 0;opacity:.8;text-transform:uppercase}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;position:relative;z-index:1}.chart-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--box-shadow);color:var(--dark-color);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}[data-theme=dark] .chart-container{background:#001e3ccc!important;border-color:#00c8ff4d!important}[data-theme=light] .chart-container{background:#ffffffe6!important;border-color:#64748b4d!important}.chart-container:before{background:linear-gradient(45deg,var(--border-color) 25%,#0000 25%),linear-gradient(-45deg,var(--border-color) 25%,#0000 25%);background-size:20px 20px;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.chart-container:hover{border-color:var(--primary-color);box-shadow:var(--glow-primary),var(--box-shadow);transform:translateY(-2px)}.chart-container.large{grid-column:span 2;min-height:400px}.chart-container.medium{min-height:350px}.chart-wrapper{background:#0000;border-radius:8px;height:300px;overflow:hidden;position:relative;z-index:1}.chart-wrapper canvas{background:#001e3ccc!important;border:none!important;border-radius:8px;display:block;height:100%!important;margin:0;outline:none!important;padding:0;width:100%!important}[data-theme=dark] .ai-usage-graphs .chart-wrapper canvas,[data-theme=dark] .chart-wrapper canvas,html[data-theme=dark] .chart-wrapper canvas{background:#001e3ccc!important;background-color:#001e3ccc!important;border:none!important;outline:none!important}[data-theme=light] .ai-usage-graphs .chart-wrapper canvas,[data-theme=light] .chart-wrapper canvas,html[data-theme=light] .chart-wrapper canvas{background:#ffffffe6!important;background-color:#ffffffe6!important;border:none!important;outline:none!important}.chart-container.large .chart-wrapper{height:350px}.insights-section{position:relative;z-index:1}.insights-section h3{color:var(--dark-color);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-shadow:0 0 10px #00c8ff4d}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 15px #00c8ff33;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.insight-card:after{background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:100%;position:absolute;right:0;top:0;transition:width .3s ease;width:4px}.insight-card:hover:after{width:8px}.insight-card:hover{border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff66;transform:translateX(5px)}.insight-icon{filter:drop-shadow(0 0 8px rgba(0,200,255,.3));font-size:2rem}.insight-content h4{color:var(--dark-color);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.insight-value{color:#00c8ffe6;font-size:1.5rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 0 8px #00c8ff4d}.insight-content span{color:#fff9;font-size:.85rem;font-weight:400}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-container.large{grid-column:span 1}}@media (max-width:768px){.ai-usage-graphs{padding:1rem}.graphs-header-content{align-items:flex-start;flex-direction:column}.graphs-header-text h2{font-size:1.5rem}.metrics-summary{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{flex-direction:column;padding:1rem;text-align:center}.metric-icon{font-size:2rem}.metric-content h3{font-size:1.5rem}.charts-grid{gap:1.5rem;grid-template-columns:1fr}.chart-container{min-height:300px;padding:1rem}.chart-wrapper{height:250px}.insights-grid{grid-template-columns:1fr}.insight-card{padding:1rem}}@media (max-width:480px){.ai-usage-graphs{padding:.75rem}.metrics-summary{grid-template-columns:1fr}.chart-container{min-height:250px;padding:.75rem}.chart-wrapper{height:200px}}.monthly-breakdown{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.month-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.month-card.complete{background:linear-gradient(135deg,#22c55e1a,#0000);border-color:#22c55e}.month-card.incomplete{background:linear-gradient(135deg,#f59e0b1a,#0000);border-color:#f59e0b}.month-card:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.month-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.month-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.status-badge.complete{background:#22c55e33;border:1px solid #22c55e;color:#16a34a}.status-badge.incomplete{background:#f59e0b33;border:1px solid #f59e0b;color:#d97706}.month-stats{display:flex;flex-direction:column;gap:.25rem}.month-stats span{color:var(--text-secondary);font-size:.9rem}.month-stats .missing{color:#dc2626;font-weight:500}[data-theme=dark] .month-card{background:#1e293bcc}[data-theme=dark] .month-card.complete{background:linear-gradient(135deg,#22c55e26,#1e293bcc)}[data-theme=dark] .month-card.incomplete{background:linear-gradient(135deg,#f59e0b26,#1e293bcc)}[data-theme=dark] .status-badge.complete{background:#22c55e4d;color:#4ade80}[data-theme=dark] .status-badge.incomplete{background:#f59e0b4d;color:#fbbf24}.dashboard-tabs{border-bottom:2px solid var(--border-color)}.tab-list{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin}.tab-button{color:var(--text-muted);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:.95rem;font-weight:500;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-button:hover{background:rgba(var(--primary-color-rgb),.05);color:var(--primary-color)}.tab-button.active{background:rgba(var(--primary-color-rgb),.1);font-weight:600}.tab-content{position:relative;z-index:1}.tab-description{background:rgba(var(--primary-color-rgb),.05);border-left:4px solid var(--primary-color);border-radius:8px}.tab-description p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.tab-placeholder{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.placeholder-content{max-width:500px;padding:2rem}.placeholder-content h3{color:var(--dark-color);margin-bottom:1rem}.placeholder-content p{color:var(--text-muted);margin-bottom:2rem}.coming-soon{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;margin-top:1rem;padding:1.5rem}.coming-soon span{background:#ffc107;border-radius:20px;color:#000;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.coming-soon p{color:var(--text-muted);font-size:.9rem;margin:0}.dynamic-widget{background:#fff;background:var(--surface-color,#fff);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;transition:all .2s ease}.dynamic-widget:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.dynamic-widget.loading{align-items:center;display:flex;justify-content:center}.widget-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}.loading-spinner-small{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}.dynamic-widget.error{align-items:center;display:flex;justify-content:center}.widget-error{color:#dc3545;color:var(--error-color,#dc3545);text-align:center}.error-icon{font-size:2rem;margin-bottom:.5rem}.retry-btn-small{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem}.retry-btn-small:hover{background:var(--primary-hover)}.metric-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.metric-value{color:var(--primary-color);font-size:2.5rem;line-height:1;margin-bottom:.5rem}.metric-label{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.metric-change{border-radius:4px;display:inline-block;font-size:.9rem;font-weight:600;padding:.25rem .5rem}.metric-change.positive{background:#d4edda;background:var(--success-background,#d4edda);color:#28a745;color:var(--success-color,#28a745)}.metric-change.negative{background:#f8d7da;background:var(--danger-background,#f8d7da);color:#dc3545;color:var(--danger-color,#dc3545)}.kpi-summary-content h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem;text-align:center}.kpi-list{gap:.75rem}.kpi-item{background:var(--background-color);border-radius:6px;padding:.75rem}.kpi-value{color:var(--primary-color)}.kpi-change{border-radius:3px;font-size:.8rem;font-weight:600;padding:.2rem .4rem}.kpi-change.positive{background:#d4edda;background:var(--success-background,#d4edda);color:#28a745;color:var(--success-color,#28a745)}.kpi-change.negative{background:#f8d7da;background:var(--danger-background,#f8d7da);color:#dc3545;color:var(--danger-color,#dc3545)}.table-content h4{color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem}.table-wrapper{flex:1 1;max-height:100%;overflow:auto}.data-table{font-size:.9rem}.data-table th{background:var(--primary-color);border-bottom:1px solid var(--border-color);color:#fff;padding:.75rem .5rem}.data-table td{color:var(--text-primary);padding:.75rem .5rem}.data-table tr:nth-child(2n){background:var(--background-color)}.data-table tr:hover{background:#007bff1a;background:var(--hover-background,#007bff1a)}.insight-card-content{display:flex;flex-direction:column;gap:1rem}.insight-card-content h4{color:var(--text-primary);font-size:1.2rem;margin:0}.insight-text{color:var(--text-secondary);flex:1 1;font-size:1rem;line-height:1.5}.insight-confidence{background:var(--background-color);border-radius:4px;color:var(--text-muted);font-size:.8rem;padding:.5rem;text-align:right}.chart-placeholder{color:var(--text-secondary);flex:1 1;flex-direction:column}.chart-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.chart-placeholder h4{color:var(--text-primary);margin:0 0 1rem}.chart-placeholder p{font-size:.9rem;margin:.5rem 0}.chart-coming-soon{background:#e7f3ff;background:var(--info-background,#e7f3ff);border-radius:6px;color:#007bff;color:var(--info-color,#007bff);font-weight:500;margin-top:1rem;padding:1rem}.unknown-widget{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.unknown-widget h4{color:var(--text-primary);margin:0 0 1rem}.dynamic-widget.chart{min-height:300px}.dynamic-widget.metric_card{min-height:200px}.dynamic-widget.table{min-height:250px}.dynamic-widget.kpi_summary{min-height:200px}.dynamic-widget.insight_card{min-height:150px}@media (max-width:768px){.dynamic-widget{padding:1rem}.metric-value{font-size:2rem}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:.5rem .25rem}.kpi-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.dynamic-dashboard{margin:0 auto;max-width:100%;padding:1.5rem}.dynamic-dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.dynamic-dashboard-error{background:#fee;background:var(--error-background,#fee);border:1px solid #fcc;border:1px solid var(--error-border,#fcc);border-radius:8px;margin:2rem 0;padding:2rem;text-align:center}.dynamic-dashboard-error h3{color:#c53030;color:var(--error-color,#c53030);margin:0 0 1rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.dashboard-fallback{width:100%}.upgrade-banner{background:linear-gradient(135deg,#007bff,#0056b3);background:linear-gradient(135deg,var(--primary-color,#007bff),var(--primary-hover,#0056b3));border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.upgrade-content h3{font-size:1.5rem;margin:0 0 .5rem}.upgrade-content p{margin:0 0 1.5rem;opacity:.9}.upgrade-btn{background:#fff;border:none;border-radius:6px;color:#007bff;color:var(--primary-color,#007bff);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-header{align-items:flex-start;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.dashboard-info h1{color:var(--text-primary);font-size:2rem;margin:0 0 .5rem}.dashboard-description{font-size:1.1rem;margin:0}.dashboard-actions{gap:.75rem}.dashboard-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.25rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#007bff1a;background:var(--hover-background,#007bff1a);color:var(--text-primary)}.tab-button.active{background:#007bff1a;background:var(--primary-background,#007bff1a);border-bottom-color:var(--primary-color);color:var(--primary-color)}.tab-icon{font-size:1.1rem}.tab-widget-count{background:#6c757d;background:var(--badge-background,#6c757d);border-radius:12px;color:#fff;font-size:.75rem;min-width:1.5rem;padding:.2rem .5rem;text-align:center}.tab-button.active .tab-widget-count{background:var(--primary-color)}.dashboard-content{min-height:400px}.tab-description{background:#e7f3ff;background:var(--info-background,#e7f3ff);border-left:4px solid #007bff;border-left:4px solid var(--info-color,#007bff);border-radius:0 6px 6px 0;margin-bottom:1.5rem;padding:1rem}.tab-description p{color:#004085;color:var(--info-text,#004085);margin:0}.widgets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr);margin-bottom:2rem}.empty-dashboard,.empty-tab{align-items:center;display:flex;justify-content:center;min-height:300px;text-align:center}.empty-content{max-width:400px;padding:2rem}.empty-content h3{color:var(--text-secondary);font-size:1.5rem;margin:0 0 1rem}.empty-content p{color:var(--text-muted);line-height:1.5;margin:0 0 2rem}.add-widgets-btn,.configure-btn,.create-btn,.edit-btn,.retry-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.retry-btn{background:#6c757d;background:var(--secondary-color,#6c757d);color:#fff}.retry-btn:hover{background:#5a6268;background:var(--secondary-hover,#5a6268)}.add-widgets-btn,.configure-btn,.create-btn{background:var(--primary-color);color:#fff}.add-widgets-btn:hover,.configure-btn:hover,.create-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.edit-btn{background:#0000;background:var(--outline-color,#0000);border:1px solid var(--primary-color);color:var(--primary-color)}.edit-btn:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.dynamic-dashboard{padding:1rem}.dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.dashboard-actions{justify-content:center}.dashboard-info h1{font-size:1.5rem}.widgets-grid{gap:1rem;grid-template-columns:1fr}.dashboard-tabs{flex-wrap:wrap}}.conflict-resolver-modal{background:var(--surface-color);border-radius:12px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header h2{color:var(--text-color);font-size:1.3rem}.close-btn{color:var(--text-color-muted);padding:4px}.close-btn:hover{background:var(--danger-color);color:#fff}.conflict-explanation{color:var(--text-color-muted);line-height:1.5;margin:0 0 20px}.conflicts-list{display:flex;flex-direction:column;gap:20px}.conflict-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:16px}.conflict-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.conflict-header h3{color:var(--text-color);font-size:1.1rem;margin:0}.conflict-count{background:var(--warning-color-light);border-radius:4px;color:var(--warning-color);font-size:.85rem;padding:4px 8px}.file-options{display:flex;flex-direction:column;gap:8px}.file-option{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.file-option:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.file-option input[type=radio]{accent-color:var(--primary-color);margin-right:12px}.file-option-content{flex:1 1}.file-name{display:block}.file-preview{color:var(--text-color-muted);display:block;font-size:.85rem;font-style:italic}.conflict-warning{background:var(--warning-color-light);border:1px solid var(--warning-color);border-radius:4px;color:var(--warning-color-dark);font-size:.85rem;margin-top:8px;padding:8px 12px}.modal-footer{background:var(--background-color);border-top:1px solid var(--border-color);gap:12px;padding:20px 24px}.cancel-btn,.resolve-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.cancel-btn{border:1px solid var(--border-color);color:var(--text-color)}.cancel-btn:hover{background:var(--background-color);border-color:var(--text-color-muted)}.resolve-btn{background:var(--primary-color);color:#fff}.resolve-btn:disabled{background:var(--primary-color-muted);cursor:not-allowed;opacity:.6}.resolve-btn:not(:disabled):hover{background:var(--primary-color-dark);transform:translateY(-1px)}.file-uploader-container{margin:0 auto;max-width:600px;width:100%}.uploader-title{color:var(--dark-color);font-size:1.5rem;margin-bottom:16px;text-align:center;text-shadow:var(--text-glow);transition:color .3s ease}.upload-dropzone{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .3s ease}.upload-dropzone.dragging{background:var(--surface-color);border-color:var(--primary-color);box-shadow:var(--glow-primary),var(--box-shadow);opacity:.9;transform:scale(1.02)}.upload-content{align-items:center;display:flex;flex-direction:column}.upload-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300c8ff'%3E%3Cpath d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 10px var(--primary-color));height:64px;margin-bottom:20px;width:64px}.upload-dropzone h3{color:var(--dark-color);font-size:1.4rem;font-weight:600;margin-bottom:12px;margin-top:0;text-shadow:0 0 10px #00c8ff4d}.upload-dropzone p{color:var(--dark-color);font-size:1rem;margin-bottom:16px;margin-top:0;opacity:.8}.file-info-text{color:#fff9;font-size:.9rem;margin-bottom:20px;text-align:center}.select-file-button{width:100%}.select-file-button:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-color:var(--primary-color);box-shadow:0 0 25px #00c8ff80;transform:translateY(-2px)}.select-file-button:disabled{background:#64646480;border-color:#6464644d;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{border-top-color:#00c8ff;box-shadow:0 0 20px #00c8ff4d}.error-message{background:linear-gradient(135deg,#ff6b6b1a,#dc35450d);border:2px solid #ff6b6b4d;box-shadow:0 0 10px #ff6b6b33;font-size:14px;margin:10px 0}.file-actions{margin-top:20px}.action-buttons{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.download-example-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 15px #00c8ff33;color:var(--dark-color);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;min-width:200px;padding:12px 24px;text-shadow:0 0 8px #00c8ff4d;text-transform:uppercase;transition:all .3s ease}.download-example-button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 25px #00c8ff66;color:#fff;transform:translateY(-2px)}.download-example-button:disabled{background:var(--surface-color);border-color:#00c8ff33;box-shadow:none;color:#fff6;cursor:not-allowed;text-shadow:none}.select-file-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 15px #00c8ff4d;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;min-width:200px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease}.location-selection-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 0 20px #00c8ff1a,inset 0 0 20px #00c8ff0d;margin-bottom:20px;padding:20px}.location-selection-title{color:var(--dark-color);font-size:1.2rem;font-weight:600;margin:0 0 12px;text-shadow:0 0 10px #00c8ff4d}.location-selection-description{color:var(--dark-color);font-size:.95rem;line-height:1.4;margin:0 0 16px;opacity:.8}.location-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px #00c8ff33;color:var(--dark-color);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.location-select:focus{border-color:#00c8ffb3;box-shadow:0 0 20px #00c8ff4d;outline:none}.location-select option{background:var(--surface-color);color:var(--dark-color);padding:8px}.location-selection-warning{color:var(--danger-color);font-size:12px;margin:12px 0 0;text-shadow:0 0 8px #ff6b6b4d}.location-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#27ae6033,#2ecc711a);border:2px solid #27ae6066;border-radius:8px;box-shadow:0 0 15px #27ae6033;margin-bottom:20px;padding:12px 18px}.location-info-text{color:#27ae60e6;font-size:14px;font-weight:500;margin:0;text-shadow:0 0 8px #27ae604d}.multi-location-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0096c81a,#0064960d);border:2px solid #0096c84d;border-radius:8px;margin-top:16px;padding:16px}.multi-location-description{color:var(--dark-color);font-size:14px;line-height:1.4;margin:0 0 12px}.multi-location-example{color:var(--dark-color);font-size:12px;font-style:italic;line-height:1.3;margin:0;opacity:.8}.upload-dropzone.disabled{background:linear-gradient(135deg,#3c3c3c33,#5050501a);border-color:#6464644d;box-shadow:none;cursor:not-allowed;opacity:.5}.upload-dropzone.disabled:hover{border-color:#6464644d;box-shadow:none;transform:none}@media (max-width:768px){.action-buttons{align-items:center;flex-direction:column}.download-example-button,.select-file-button{max-width:300px;width:100%}.location-selection-container{padding:16px}.location-selection-title{font-size:1.1rem}.location-selection-description{font-size:.9rem}}.detected-format-compact{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#00c8ff14,#0096ff08);border:1px solid #00c8ff33;border-radius:8px;margin:16px 0;padding:12px 16px}.format-compact-title{color:#00c8ffe6;font-size:.9rem;font-weight:600;margin-bottom:8px}.format-compact-info{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.format-compact-item{color:#00c8ffcc;font-size:.85rem;font-weight:500}.format-compact-note{color:#fff9;font-size:.75rem;font-style:italic}@media (max-width:768px){.format-compact-info{flex-direction:column;gap:4px}}[data-theme=light] .uploader-title{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .upload-dropzone{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .upload-dropzone.dragging{background:#3b82f60d!important;border-color:#3b82f6cc!important;box-shadow:0 0 20px #3b82f633,0 4px 16px #0000001a!important}[data-theme=light] .upload-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'%3E%3Cpath d='M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E")!important}[data-theme=light] .upload-text{color:#0f172ae6!important}[data-theme=light] .upload-hint{color:#475569cc!important}[data-theme=light] .file-input-button{background:#3b82f6e6!important;border-color:#3b82f64d!important}[data-theme=light] .file-input-button:hover{background:#2563ebe6!important;box-shadow:0 0 15px #3b82f64d!important}[data-theme=light] .file-list{background:#f8fafccc!important;border-color:#64748b4d!important}[data-theme=light] .file-list-title{border-bottom-color:#64748b4d!important;color:#3b82f6e6!important}[data-theme=light] .file-item{border-bottom-color:#64748b33!important}[data-theme=light] .file-item:hover{background:#3b82f60d!important}[data-theme=light] .file-name{color:#0f172ae6!important}[data-theme=light] .file-size{color:#475569cc!important}[data-theme=light] .file-status{color:#64748bcc!important}[data-theme=light] .file-status.success{color:#22c55ee6!important}[data-theme=light] .file-status.error{color:#ef4444e6!important}[data-theme=light] .remove-file{color:#ef4444cc!important}[data-theme=light] .remove-file:hover{background:#ef44441a!important;color:#dc2626!important}[data-theme=light] .upload-progress{background:#64748b33!important}[data-theme=light] .progress-bar{background:#3b82f6e6!important}[data-theme=light] .upload-error{background:#fef2f2e6!important;border-color:#fca5a5cc!important;color:#b91c1ce6!important}[data-theme=light] .location-selection-container{background:#ffffffe6!important;border-color:#64748b4d!important}[data-theme=light] .location-selection-title{color:#0f172ae6!important}[data-theme=light] .location-selection-description{color:#475569cc!important}[data-theme=light] .detected-format-compact{background:linear-gradient(135deg,#3b82f614,#2563eb08)!important;border-color:#3b82f64d!important}[data-theme=light] .format-compact-title{color:#3b82f6e6!important}[data-theme=light] .format-compact-value{color:#0f172ae6!important}.uploaded-files-section{background:var(--surface-color);border-radius:12px;box-shadow:var(--box-shadow);margin-top:20px;padding:20px}.uploaded-files-section h3{color:var(--text-color);font-size:1.2rem;margin:0 0 15px}.uploaded-files-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.uploaded-file-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.uploaded-file-item.selected{background:var(--primary-color-light);border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.uploaded-file-item:hover{border-color:var(--primary-color);transform:translateY(-1px)}.file-name{color:var(--text-color);margin-bottom:4px}.file-details{color:var(--text-color-muted);font-size:.85rem}.file-actions{display:flex;gap:8px}.preview-btn,.remove-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.preview-btn{background:var(--primary-color)}.preview-btn:disabled{background:var(--primary-color-muted);cursor:not-allowed}.remove-btn{background:var(--danger-color);color:#fff}.remove-btn:hover{background:var(--danger-color-dark);transform:translateY(-1px)}.column-conflicts-warning{background:var(--warning-color-light);border:1px solid var(--warning-color);border-radius:8px;margin:20px 0;padding:16px}.column-conflicts-warning h4{color:var(--warning-color-dark);margin:0 0 10px}.column-conflicts-warning ul{margin:10px 0;padding-left:20px}.column-conflicts-warning li{color:var(--text-color);margin-bottom:5px}.conflict-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.resolve-conflicts-btn,.skip-conflicts-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin-right:10px;padding:10px 16px;transition:all .2s ease}.resolve-conflicts-btn{background:var(--primary-color);color:#fff}.resolve-conflicts-btn:hover{background:var(--primary-color-dark);transform:translateY(-1px)}.skip-conflicts-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color)}.skip-conflicts-btn:hover{background:var(--background-color);border-color:var(--primary-color);transform:translateY(-1px)}.conflict-resolution-note{color:var(--text-color-muted);font-size:.85rem;font-style:italic;margin:0}.columns-summary{background:var(--primary-color-light);border:1px solid var(--primary-color);border-radius:8px;margin-top:20px;padding:16px}.columns-summary h4{color:var(--primary-color-dark);margin:0 0 8px}.columns-summary p{color:var(--text-color);margin:0}.conflict-summary{color:var(--warning-color-dark);font-weight:500}.standard-columns-note{color:var(--text-color-muted);font-size:.85rem!important;font-style:italic;margin-top:8px!important}.csv-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;flex:1 1;min-width:0;overflow:hidden}.file-info{background:linear-gradient(135deg,#00285099,#00326466);border-bottom:2px solid #00c8ff4d;padding:20px}.file-info.compact{background:linear-gradient(135deg,#00285066,#00326433);border-bottom:1px solid #00c8ff33;padding:8px 16px}.file-header{display:flex;flex-direction:column;gap:8px}.file-header.compact{align-items:flex-start;gap:4px}.file-header h3{color:#ffffffe6;font-size:18px;font-weight:600;margin:0;text-shadow:0 0 10px #00c8ff4d}.compact-filename{color:var(--primary-color);font-size:14px;font-weight:500;margin:0;text-shadow:none}.compact-summary{color:#fff9;font-size:12px;margin:0}.file-details{display:flex;gap:16px}.file-date,.file-size,.file-type{color:#ffffffb3;font-size:14px}.file-type{background:linear-gradient(135deg,#00c8ff,#09c);border-radius:6px;box-shadow:0 0 10px #00c8ff4d;color:#fff;font-weight:600;padding:4px 12px}.preview-container h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00c8ff,#09c 50%,#00d4ff);background-clip:text;-webkit-background-clip:text;border-bottom:2px solid #00c8ff4d;color:#fffffff2;font-size:22px;font-weight:700;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:center;text-shadow:0 0 15px #00c8ff66}.preview-table-container{-ms-overflow-style:none;max-width:100%;scrollbar-width:none}.preview-table-container::-webkit-scrollbar{display:none}.preview-table{font-size:14px}.preview-table th{background:linear-gradient(135deg,#003264cc,#00285099);border:1px solid #00c8ff4d;color:#ffffffe6;padding:12px;text-align:left;text-shadow:0 0 8px #00c8ff4d}.preview-table td{background:#0014284d;border:1px solid #00c8ff33;color:#fffc;padding:10px 12px}.preview-table tr:nth-child(2n) td{background:#001e3c66}.preview-table tr:hover td{background:#00c8ff1a;color:#fffffff2}.more-rows-message{background:linear-gradient(135deg,#00285099,#001e3c66);border:1px solid #00c8ff4d;border-radius:8px;color:#ffffffb3;font-size:14px;margin-top:16px;padding:12px;text-align:center}.file-summary{color:#ffffffb3;margin-top:8px}.file-summary p{font-size:14px;margin:4px 0}.preview-header{margin-bottom:16px}.toggle-view-button{background-color:initial;border:1px solid #2196f3;border-radius:4px;color:#2196f3;cursor:pointer;font-size:14px;padding:4px 12px;transition:background-color .2s}.toggle-view-button:hover{background-color:#2196f314}.row-header{background-color:#f9f9f9;color:#666;font-weight:500;min-width:40px;text-align:center;width:40px}.numeric-cell{font-family:monospace;text-align:right}.empty-cell{color:#ccc;font-size:12px;font-style:italic}.show-more-button{background-color:initial;border:none;color:#2196f3;cursor:pointer;font-size:14px;margin-left:8px;text-decoration:underline}.show-more-button:hover{color:#0d8bf2}.preview-layout{align-items:flex-start;gap:24px;margin-bottom:20px;width:100%}.upload-step.preview-step{max-width:none!important;width:100%!important}.format-detection-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff26,#0096ff14);border:2px solid #00c8ff66;border-radius:12px;box-shadow:0 0 25px #00c8ff33;flex:0 0 300px;height:-webkit-fit-content;height:fit-content;margin-right:20px;max-height:400px;overflow-y:auto;padding:20px}.format-panel-title{align-items:center;color:#00c8ffe6;display:flex;gap:8px;margin:0 0 15px;text-shadow:0 0 10px #00c8ff4d}.format-info-grid{display:flex;flex-direction:column;gap:12px}.format-info-item{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:3px;padding:6px 0}.format-info-item:last-child{border-bottom:none}.format-info-label{font-size:.9rem;font-weight:600}.format-info-value{color:#00c8ffe6;font-size:.9rem;font-weight:500}.format-warnings{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin-top:5px;padding:12px}.format-warning-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.format-warning-item{color:#ffc107e6;font-size:.8rem}.preview-container{padding:20px}@media (max-width:1024px){.preview-layout{flex-direction:column}.format-detection-panel{flex:none;max-width:none;order:-1}.format-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.format-info-item{background:#ffffff0d;border-bottom:none;border-radius:8px;padding:12px}.csv-preview{margin-bottom:0}}[data-theme=light] .csv-preview{background:#ffffffe6;border-color:#64748b4d;box-shadow:0 2px 8px #0000001a}[data-theme=light] .file-info{background:#f8fafccc;border-color:#64748b4d}[data-theme=light] .file-info.compact{background:#f8fafc99;border-color:#64748b33}[data-theme=light] .file-header h3{color:#0f172ae6;text-shadow:none}[data-theme=light] .compact-filename{color:#3b82f6cc}[data-theme=light] .compact-summary{color:#475569b3}[data-theme=light] .file-date,[data-theme=light] .file-size{color:#475569cc}[data-theme=light] .file-type{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 4px #0000001a}[data-theme=light] .preview-container h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af 50%,#3b82f6);background-clip:text;-webkit-background-clip:text;border-color:#3b82f64d;color:#0f172ae6;text-shadow:none}[data-theme=light] .preview-table th{border-color:#3b82f64d!important}[data-theme=light] .preview-table th,[data-theme=light] .preview-table thead tr th{background:#3b82f61a!important;color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .preview-table td{background:#fff9;border-color:#64748b33;color:#0f172acc}[data-theme=light] .preview-table tr:nth-child(2n) td{background:#f8fafccc}[data-theme=light] .preview-table tr:hover td{background:#3b82f61a;color:#0f172ae6}[data-theme=light] .more-rows-message{background:#f8fafccc;border-color:#64748b4d;color:#475569cc}[data-theme=light] .file-summary{color:#475569cc}[data-theme=light] .format-detection-panel{background:#fffc;border-color:#3b82f64d;box-shadow:0 2px 8px #0000001a}[data-theme=light] .format-panel-title{color:#3b82f6cc;text-shadow:none}[data-theme=light] .format-info-label{color:#0f172acc}[data-theme=light] .format-info-value{color:#3b82f6cc}[data-theme=light] .format-info-item{border-color:#64748b33}[data-theme=light] .format-warnings{background:#f59e0b1a;border-color:#f59e0b4d}[data-theme=light] .format-warning-item{color:#f59e0bcc}[data-theme=light] .preview-table tbody tr td{background:#fffc!important;color:#0f172ae6!important}[data-theme=light] .preview-table tbody tr:nth-child(2n) td{background:#f8fafce6!important;color:#0f172ae6!important}[data-theme=light] .preview-table tbody tr:hover td{background:#3b82f61a!important;color:#0f172a!important}[data-theme=light] .row-header{background:#f8fafce6!important;color:#475569cc!important}[data-theme=light] .preview-table th.row-header{background:#3b82f61a!important;color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .numeric-cell{color:#0f172ae6!important}[data-theme=light] .empty-cell{color:#64748b99!important}[data-theme=light] .show-more-button{color:#3b82f6cc!important}[data-theme=light] .show-more-button:hover{color:#3b82f6!important}[data-theme=light] .toggle-view-button{border-color:#3b82f6cc!important;color:#3b82f6cc!important}[data-theme=light] .toggle-view-button:hover{background-color:#3b82f61a!important;color:#3b82f6!important}.validation-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;width:100%}.validation-placeholder{background-color:#f5f5f5;border-radius:8px;color:#666;padding:20px;text-align:center}.validation-success{padding:20px}.success-icon{display:inline-flex;font-size:32px;height:60px;margin-bottom:16px;width:60px}.validation-success h3{color:#388e3c;font-size:24px;margin-bottom:8px}.validation-success p{color:#555;margin-bottom:20px}.validation-errors{padding:10px}.validation-errors h3{color:#d32f2f;margin-bottom:8px}.validation-errors p{color:#555;margin-bottom:16px}.issues-container{margin-bottom:20px}.error-section,.warning-section{border-radius:6px;margin-bottom:16px;padding:12px}.error-section{background-color:#f4433614;border-left:4px solid #f44336}.warning-section{background-color:#ff980014;border-left:4px solid #ff9800}.error-section h4,.warning-section h4{font-size:16px;margin-bottom:12px;margin-top:0}.error-section h4{color:#d32f2f}.warning-section h4{color:#ef6c00}.error-list,.warning-list{list-style:none;margin:0;padding:0}.error-item,.warning-item{align-items:flex-start;border-bottom:1px solid #00000014;display:flex;padding:8px 0}.error-item:last-child,.warning-item:last-child{border-bottom:none}.error-icon,.warning-icon{flex-shrink:0;margin-right:10px}.error-content,.warning-content{flex-grow:1}.error-location,.warning-location{font-size:14px;font-weight:500;margin-bottom:4px}.error-message,.warning-message{color:#555;font-size:14px}.validation-actions{gap:10px;justify-content:center}.primary-button,.secondary-button{border:none;border-radius:4px;padding:10px 16px;transition:background-color .2s}.primary-button{background-color:#2196f3}.primary-button:hover{background-color:#1976d2}.secondary-button{background-color:initial;border:1px solid #2196f3;color:#2196f3}.secondary-button:hover{background-color:#2196f314}.data-preview-section{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.data-preview-section h3{color:#444;font-size:18px;margin-bottom:8px;margin-top:0}.sort-info{color:#888;font-size:14px;font-style:italic;margin-bottom:16px}.data-table-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px}.data-table th{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;font-weight:500;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table td{border-bottom:1px solid #eee;padding:8px 10px}.data-table .row-header{background-color:#f9f9f9;color:#666;font-weight:500;left:0;min-width:40px;position:-webkit-sticky;position:sticky;text-align:center;width:40px;z-index:2}.data-table th.row-header{z-index:3}.data-table .numeric-cell{font-family:monospace;text-align:right}.data-table .empty-cell{color:#ccc;font-size:12px;font-style:italic}.data-table .even-row{background-color:#001e3c4d}.data-table .odd-row{background-color:#00142833}.data-table tr:hover td{background-color:#00c8ff1a}.more-data-message{background-color:#f5f5f5;border-radius:0 0 4px 4px;color:#666;font-size:14px;padding:8px;text-align:center}.user-acceptance{background-color:#f9f9f9;border-left:4px solid #2196f3;border-radius:6px;margin:20px 0;padding:15px}.acceptance-checkbox{align-items:center;cursor:pointer;display:flex}.acceptance-checkbox input{cursor:pointer;height:18px;margin-right:10px;width:18px}.acceptance-checkbox span{color:#444;font-size:15px;line-height:1.4}.primary-button.disabled{background-color:#ccc;color:#888;cursor:not-allowed}.primary-button.disabled:hover{background-color:#ccc}.visualization-container{background-color:#fff;border-left:6px solid #2a4065;border-radius:8px;box-shadow:0 3px 10px #00000014;margin-bottom:30px;max-width:100%;padding:20px;transition:all .2s ease;width:100%}.chart-container{background-color:#fff!important;border-radius:6px!important;height:450px!important;margin:0 auto!important;position:relative!important}.chart-container,.chart-container canvas{display:block!important;min-height:300px!important;min-width:400px!important;width:100%!important}.chart-container canvas{height:100%!important}.chartjs-render-monitor,canvas:not([width]),canvas[height="0"],canvas[width="0"]{height:100%!important;min-height:300px!important;min-width:400px!important;width:100%!important}.chartjs-render-monitor{display:block!important}.visualization-container[data-type=bar]{border-left-color:#4c63b6}.visualization-container[data-type=line]{border-left-color:#e53f71}.visualization-container[data-type=area]{border-left-color:#2ecc71}.visualization-container[data-type=pie]{border-left-color:#24d1bc}.visualization-container[data-type=doughnut]{border-left-color:#ffaf00}.visualization-container[data-type=scatter]{border-left-color:#845ec2}.visualization-container[data-type=bubble]{border-left-color:#f39c12}.visualization-container[data-type=radar]{border-left-color:#9b59b6}.visualization-container[data-type=polarArea]{border-left-color:#1abc9c}.visualization-container[data-type=histogram]{border-left-color:#34495e}@media print{.visualization-container{border:none;box-shadow:none;margin:15px 0;padding:10px;page-break-inside:avoid}.chart-container{height:auto!important;min-height:300px!important;min-width:400px!important}}.visualization-container.half-size{margin-bottom:20px}.section-visualizations .visualization-container{box-shadow:0 1px 3px #0000000d;margin:0;text-align:left}.visualization-container.half-size .chart-container{height:300px}.section-visualizations .chart-container{height:350px!important}.section-visualizations .half-size .chart-container{height:300px!important}.visualizations-grid .chart-container{height:400px!important}.visualizations-grid .half-size .chart-container{height:300px!important}.chart-description{color:#555;font-size:.95rem;line-height:1.5;margin-top:15px;padding:0 5px;text-align:left!important}.half-size .chart-description{font-size:.9rem;margin-top:12px}.chart-description p{text-align:left!important}.visualization-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m54.627 0 .83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0 7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0 10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0 9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0 13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656 22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656 19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657 16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657 5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657 2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60 30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.344 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373 34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28 45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414 1.414 1.414-1.414 1.414-1.414-1.414zm-2.83 2.828 1.415-1.414 1.414 1.414-1.414 1.415-1.414-1.415zm-2.827 2.83 1.414-1.416 1.414 1.415-1.414 1.414-1.414-1.414zm7.07-1.417-1.414 1.414-1.414-1.414 1.414-1.414 1.414 1.414zm2.83-2.828-1.415 1.414-1.414-1.414 1.414-1.414 1.414 1.414zm2.827-2.83-1.414 1.416-1.414-1.416 1.414-1.414 1.414 1.414z' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";height:60px;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;width:60px;z-index:1}.half-size.visualization-container:before{height:40px;width:40px}.visualization-row{display:flex;gap:30px!important;margin-bottom:30px}.visualization-column{display:flex;flex-direction:column}.chart-img{display:block;margin:0 auto;max-width:100%;object-fit:contain}.chart-error{background-color:#fff3f3;border:1px solid #ffcccb;border-radius:6px;color:#d32f2f;padding:20px;text-align:left}.chart-error p{font-weight:500;margin-bottom:15px;text-align:left!important}.chart-error pre{background-color:#f8f8f8;border-left:3px solid #d32f2f;border-radius:4px;font-size:.85rem;margin-top:10px;overflow-x:auto;padding:10px}.chart-error pre,.chartjs-render-monitor text,.chartjs-render-monitor title{text-align:left!important}@media (max-width:1200px){.visualization-row{flex-direction:column!important;gap:25px!important}.visualization-column{flex:0 0 100%!important;max-width:100%!important;width:100%!important}}@media (max-width:768px){.visualization-container{padding:15px}.chart-container{height:300px}.visualization-row{flex-direction:column!important}.visualization-column{flex:0 0 100%!important;margin-bottom:20px;max-width:100%!important;width:100%!important}.half-size.visualization-container{padding:12px}.half-size .chart-container{height:250px}}@media (min-width:0px){.visualization-row{display:flex!important;flex-direction:column!important;width:100%!important}.visualization-column{flex:0 0 100%!important;max-width:100%!important;width:100%!important}}.ai-report-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;letter-spacing:.2px;margin-top:20px;overflow:hidden;padding:20px;position:relative;text-align:left;width:100%}.report-modal-body .ai-report-container{padding:25px 30px}.ai-report-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='none' stroke='%232a4065' stroke-width='4'/%3E%3Cpath d='m50 10 25 40-25 40-25-40Z' fill='none' stroke='%23e63946' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='15' fill='none' stroke='%232a4065' stroke-width='3'/%3E%3Cpath d='M20 50h60M50 20v60' stroke='%232a4065' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:60px;opacity:.8;position:absolute;right:30px;top:20px;width:60px;z-index:10}.report-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:18px}.report-header h2{color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:.5px;margin:0;text-align:left}.report-actions{gap:12px}.print-button{background-color:#1a2a6c;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:9px 18px;transition:all .2s ease}.print-button:hover{background-color:#0f1d4e;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.report-content{background-color:#fcfcfc;padding:30px;text-align:left}.report-section{background-color:#fff;border-radius:8px;border-top:4px solid #2a4065;box-shadow:0 2px 8px #00000014;margin-bottom:45px;padding:30px;position:relative;text-align:left}.report-text-content{line-height:1.65;margin-bottom:20px;text-align:left}.report-text-content>*{margin-left:0!important;padding-left:0!important;text-indent:0!important}.report-text-content>*,.visualization-container .visualization-description{text-align:left!important}.report-text-content ol,.report-text-content ul{margin-left:0!important;padding-left:20px!important;text-indent:0!important}.report-text-content ol li,.report-text-content ul li{margin-left:0!important;padding-left:0!important;text-align:left!important;text-indent:0!important}.report-text-content h2+ol,.report-text-content h2+ul,.report-text-content h3+ol,.report-text-content h3+ul,.report-text-content p+ol,.report-text-content p+ul{margin-left:0!important;margin-top:10px!important;padding-left:20px!important}.report-text-content ol ol,.report-text-content ol ul,.report-text-content ul ol,.report-text-content ul ul{margin-left:0!important;padding-left:20px!important}.section-visualizations{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr!important;margin:30px 0;width:100%}.visualization-row{display:flex!important;flex-direction:column!important;gap:35px!important;margin-bottom:40px;width:100%!important}.visualization-column{margin-bottom:15px;min-width:0}.visualization-column,.visualization-row:only-child .visualization-column:only-child{flex:0 0 100%!important;max-width:100%!important;width:100%!important}.report-section:last-child{margin-bottom:0}.report-section h1:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%232a4065' fill-opacity='.1' stroke='%232a4065' stroke-width='3'/%3E%3Cpath d='M30 50h40' stroke='%23e63946' stroke-width='5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:22px;margin-right:12px;vertical-align:middle;width:22px}.report-section h1{border-bottom:2px solid #f0f0f0;color:#1a2a6c;font-size:2rem;letter-spacing:.3px;margin-bottom:25px;margin-top:0;padding-bottom:14px}.report-section h1,.report-section h2{font-family:IBM Plex Sans,sans-serif;font-weight:600;margin-left:0;text-align:left!important}.report-section h2{color:#2a4065;font-size:1.6rem;letter-spacing:.2px;margin-bottom:18px;margin-top:35px;padding-bottom:8px;position:relative}.report-section h2:after{background:linear-gradient(90deg,#e63946,#e6394633);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:70px}.report-section h3{color:#334e7a;font-size:1.3rem;font-weight:600;margin-bottom:14px;margin-top:28px}.report-section h3,.report-section p{font-family:IBM Plex Sans,sans-serif;margin-left:0;text-align:left!important}.report-section p{color:#333;font-size:1.05rem;line-height:1.65;margin-bottom:18px;max-width:100%;text-indent:0!important}.report-section ol,.report-section ul{margin-bottom:22px;margin-left:0;padding-left:20px;text-align:left!important}.report-section li{font-family:IBM Plex Sans,sans-serif;line-height:1.6;margin-bottom:12px;text-align:left!important}.report-section code{background-color:#f5f5f5;border-radius:4px;color:#d32f2f;font-family:Consolas,Monaco,monospace;font-size:.9em;padding:3px 6px;text-align:left!important}.report-section pre{background-color:#f8f8f8;border-left:4px solid #2a4065;border-radius:6px;margin-bottom:24px;margin-left:0;overflow-x:auto;padding:18px;text-align:left!important}.report-section pre code{background-color:initial;color:#333;padding:0;text-align:left!important}.report-section table{border-collapse:collapse;border-radius:6px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;margin-left:0;overflow:hidden;text-align:left!important;width:100%}.report-section td,.report-section th{border:1px solid #e0e0e0;font-family:IBM Plex Sans,sans-serif;padding:14px 18px;text-align:left!important}.report-section th{background-color:#f2f6fc;color:#2a4065;font-weight:600;text-align:left!important}.report-section tr:nth-child(2n){background-color:#fafafa}.report-section .currency-value,.report-section .number-value,.report-section .percentage-value{font-family:IBM Plex Sans,sans-serif;font-weight:600;text-align:left!important}.report-section .percentage-value{color:#2e7d32}.report-section .currency-value{color:#1565c0}.visualizations-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:1fr!important;width:100%}.report-section:before{background:linear-gradient(90deg,#e63946,#2a4065);border-radius:4px 4px 0 0;content:"";display:block;height:4px;left:0;opacity:.8;position:absolute;top:0;width:100%}.report-text-content *,.visualization-description,.visualization-title,div,h1,h2,h3,h4,h5,h6,li,ol,p,span,td,th,ul{text-align:left!important}.report-text-content div div,.report-text-content div ol,.report-text-content div p,.report-text-content div ul{margin-left:0!important;padding-left:0!important;text-align:left!important;text-indent:0!important}.report-text-content ol,.report-text-content ul{list-style-position:outside!important}@media (max-width:1200px){.section-visualizations,.visualizations-grid{grid-template-columns:1fr!important;width:100%!important}.visualization-row{flex-direction:column!important;width:100%!important}.visualization-column{flex:0 0 100%!important;max-width:100%!important;width:100%!important}}@media (max-width:768px){.section-visualizations,.visualizations-grid{grid-template-columns:1fr!important;width:100%!important}.visualization-row{flex-direction:column!important;width:100%!important}.visualization-column{flex:0 0 100%!important;margin-bottom:20px;max-width:100%!important;width:100%!important}}@media (min-width:0px){.section-visualizations,.visualizations-grid{grid-template-columns:1fr!important;width:100%!important}.visualization-row{display:flex!important;flex-direction:column!important;width:100%!important}.visualization-column{flex:0 0 100%!important;margin-bottom:25px;max-width:100%!important;width:100%!important}}.visualizations{margin-top:25px;width:100%}.viz-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:25px;overflow:hidden}.missing-visualizations{background-color:#f8f9fa;border-left:4px solid #6c757d;border-radius:8px;margin-top:25px;padding:20px}.truncation-warning{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:6px;color:#e65100;font-weight:500;margin-bottom:20px;padding:12px 18px}.report-section>p:first-of-type{border-left:3px solid #e63946;color:#2a4065;font-size:1.15rem;font-weight:500;padding-left:15px}.info-callout{background-color:#e3f2fd;border-left:4px solid #1976d2}.info-callout,.warning-callout{border-radius:4px;margin:20px 0;padding:15px 20px}.warning-callout{background-color:#fff3e0;border-left:4px solid #ff9800}.success-callout{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;margin:20px 0;padding:15px 20px}.visualization-container.half-size .chart-container{height:380px!important}.visualization-container.half-size{padding:15px}@media print{.ai-report-container{box-shadow:none;margin:0;padding:0}.print-button,.report-actions,.report-header{display:none}.report-section{border:none;box-shadow:none;page-break-inside:avoid}.visualization-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);page-break-inside:avoid}.visualization-container.half-size .chart-container{height:250px!important}}.visualization-container{margin-bottom:35px!important;max-width:100%!important;width:100%!important}.visualization-container .chart-container{height:450px!important;margin:0 auto!important;max-width:100%!important}.report-section .visualization-container:not(.half-size) .chart-container{height:500px!important}.visualization-text-pair{background-color:#fafbfc;border-bottom:1px dashed #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;margin-bottom:40px;overflow:hidden;padding-bottom:30px}.visualization-text-pair .section-visualizations{background-color:#fff;margin:0;padding:20px 20px 0}.visualization-text-pair .report-text-content{background-color:#fff;padding:0 20px 20px}.visualization-text-pair:last-child{border-bottom:none;margin-bottom:0}.text-only-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:20px}.visualization-text-pair .section-visualizations:after{background-color:#fff;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;box-shadow:2px 2px 0 #00000008;content:"";display:block;height:20px;margin:0 auto;transform:rotate(-45deg) translateY(10px);width:20px}.visualization-text-pair .visualization-container{margin-bottom:5px}.visualization-text-pair .report-text-content{margin-top:0}.visualization-text-pair .visualization-column{flex:0 0 100%;max-width:100%;width:100%}.visualization-category{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:50px;overflow:hidden;padding:25px}.visualization-category .category-title{border-bottom:2px solid #f0f0f0;color:#2a4065;font-size:1.6rem;font-weight:600;margin-bottom:25px;padding-bottom:15px;position:relative}.visualization-category .category-title:after{background-color:#e63946;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.visualization-category .section-visualizations{background-color:#fafbfc;border-radius:6px;margin-bottom:30px;padding:20px}.visualization-category .report-text-content{background-color:#fff;border-left:3px solid #2a4065;border-radius:6px;margin-bottom:20px;padding:20px}.visualization-category .report-text-content:last-child{margin-bottom:0}.visualization-category .report-text-content+.report-text-content{border-top:1px dashed #eaeaea;margin-top:25px;padding-top:25px}.visualization-category .visualization-row:not(:last-child):after{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);content:"";display:block;height:1px;margin:15px auto;width:100%}.missing-section-warning{background-color:#fff9e6;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-style:italic;margin-top:15px;padding:15px}.missing-section-warning p{color:#856404;font-size:.95rem;margin:0}.category-title{border-left:4px solid #e63946;color:#2a4065;margin-bottom:20px!important;padding-left:12px}.visualization-category .section-visualizations{box-shadow:inset 0 0 6px #0000000d}.inline-visualization{background-color:#f8f9fc;border-radius:8px;box-shadow:0 2px 6px #00000014;margin:30px 0;padding:25px;transition:box-shadow .3s ease}.inline-visualization:hover{box-shadow:0 4px 12px #0000001f}.markdown-table{border-radius:6px;box-shadow:0 2px 8px #00000014;font-size:.95rem;margin:20px 0;overflow:hidden}.markdown-table th{background-color:#f2f6fc;color:#2a4065;font-weight:600;padding:12px 16px}.markdown-table td,.markdown-table th{border:1px solid #e0e0e0;text-align:left}.markdown-table td{padding:10px 16px}.markdown-table tr:nth-child(2n){background-color:#fafafa}.markdown-table tr:hover{background-color:#f5f8ff}.table-responsive{-webkit-overflow-scrolling:touch;display:block;margin-bottom:20px;width:100%}table.markdown-table{border:1px solid #e0e0e0;border-collapse:collapse;box-shadow:0 2px 8px #00000014;font-size:.95rem;margin:20px 0;width:100%}table.markdown-table th{background-color:#f2f6fc;border:1px solid #e0e0e0;color:#2a4065;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}table.markdown-table td{border:1px solid #e0e0e0;padding:10px 16px;text-align:left}table.markdown-table tr:nth-child(2n){background-color:#fafafa}table.markdown-table tr:hover{background-color:#f5f8ff}.markdown-h1{color:#1a2a6c;font-size:2rem;margin-bottom:25px;margin-top:0;padding-bottom:14px}.markdown-h1,.markdown-h2{border-bottom:2px solid #f0f0f0;font-weight:600;text-align:left!important}.markdown-h2{color:#2a4065;font-size:1.6rem;margin-bottom:18px;margin-top:35px;padding-bottom:8px;position:relative}.markdown-h2:after{background:linear-gradient(90deg,#e63946,#e6394633);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:70px}.markdown-h3{color:#334e7a;font-size:1.3rem;font-weight:600;margin-bottom:14px;margin-top:28px;text-align:left!important}.markdown-paragraph{color:#333;font-size:1.05rem;line-height:1.65;margin-bottom:18px;text-align:left!important;text-indent:0!important}.markdown-list{margin-bottom:22px;padding-left:20px;text-align:left!important}.markdown-list-item{line-height:1.6;margin-bottom:12px;text-align:left!important}.markdown-pre{background-color:#f8f8f8;border-left:4px solid #2a4065;border-radius:6px;margin-bottom:24px;overflow-x:auto;padding:18px;text-align:left!important}.markdown-code{color:#333;font-family:monospace}.markdown-inline-code{background-color:#f5f5f5;border-radius:4px;color:#d32f2f;font-family:monospace;font-size:.9em;padding:3px 6px;text-align:left!important}.markdown-blockquote{border-left:4px solid #2a4065;color:#555;font-style:italic;margin:20px 0;padding-left:15px}.markdown-blockquote,.number-value,.percentage-value{text-align:left!important}.number-value{font-weight:600}.currency-value{text-align:left!important}.hash-symbol{color:#666;font-family:monospace;font-weight:400;margin-right:4px}.date-format,.date-range{color:inherit;font-family:inherit;font-weight:inherit}.year-cell,.year-value{color:#2a4065;font-family:inherit;font-size:1.05rem;font-weight:600;text-align:center!important}td.year-cell{background-color:#f2f6fc!important;border-right:2px solid #dde7f9!important;font-size:1.05rem!important;white-space:nowrap!important}td.year-cell,td.year-cell *{color:#2a4065!important;font-weight:600!important;text-align:center!important}td.year-cell a,td.year-cell a:hover,td.year-cell a:visited{color:#2a4065!important;font-weight:600!important;text-decoration:none!important}.number-value,.year-value{font-weight:600}.currency-value{color:#1565c0}.date-cell,th.date-cell{background-color:#f2f6fc!important;border-bottom:2px solid #dde7f9!important;color:#1a2a6c!important;font-weight:600!important;text-align:center!important}.date-value-cell,td.date-value-cell{color:#2a4065!important;font-weight:500!important;text-align:center!important}.row-header-cell,td.row-header-cell{background-color:#f8f9fc!important;border-right:2px solid #eef2fa!important;color:#2a4065!important;font-weight:600!important}.month-value{color:#2a4065;font-weight:600}.date-header-value{color:#1a2a6c;font-weight:600}.year-value{font-feature-settings:normal!important;color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-variant-numeric:normal!important;font-weight:inherit!important;letter-spacing:normal!important;text-align:inherit!important;text-transform:none!important}.month-value{color:inherit!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important}.date-value-cell{font-family:inherit!important}.date-cell,.date-value-cell{text-align:center!important}.date-header-value,.date-value{color:inherit!important;font-family:inherit!important;font-size:inherit!important}.row-header-cell{font-weight:500!important;text-align:left!important}.markdown-table{border:1px solid #e2e8f0;border-collapse:collapse;margin-bottom:1rem;width:100%}.markdown-table td,.markdown-table th{border:1px solid #e2e8f0;padding:.75rem}.markdown-table thead th{background-color:#f8fafc;font-weight:600;text-align:left}.table-responsive{margin-bottom:1.5rem;overflow-x:auto}.currency-value,.number-value,.percentage-value{display:inline-block;font-family:inherit!important;text-align:right!important}.year-format{font-feature-settings:"tnum";color:#2a4065;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px}.recommendation-item{align-items:flex-start;display:flex;line-height:1.6;margin-bottom:12px;padding:8px 0}.recommendation-number{color:#e63946;flex-shrink:0;font-weight:600;margin-right:8px;min-width:24px}.bullet-item{line-height:1.6;margin-bottom:8px;padding:4px 0 4px 16px;position:relative}.bullet-item:before{color:#2a4065;content:"•";font-weight:700;left:0;position:absolute}.report-branding-section{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;border-radius:8px;display:flex;gap:30px;margin:20px 0 30px;padding:20px}.report-org-logo{flex-shrink:0}.org-logo-image{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-height:120px;max-width:450px;object-fit:contain;padding:12px;width:auto}.report-question-section{flex:1 1;text-align:left}.question-heading{color:#374151;font-family:IBM Plex Sans,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.question-content{background:#fff;border-left:4px solid #3b82f6;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#1f2937;font-size:1.1rem;font-style:italic;line-height:1.5;margin:0 auto;max-width:800px;padding:15px 20px}@media (max-width:768px){.report-branding-section{flex-direction:column;gap:15px;margin:15px 0 20px;padding:15px}.report-question-section{text-align:center}.org-logo-image{max-height:90px;max-width:375px}.question-content{font-size:1rem;padding:12px 15px}}.verification-toggle-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;transition:all .2s ease}.verification-toggle-button:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.verification-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:20px}.verification-section h2{border-bottom:2px solid #007bff;color:#495057;font-size:1.25rem;margin-bottom:16px;margin-top:0;padding-bottom:8px}.verification-section p{color:#6c757d;font-family:IBM Plex Sans,sans-serif;margin:8px 0}.verification-section strong{color:#495057;font-weight:600}.ai-report-container[data-theme=light] .verification-toggle-button{background:#fff;border-color:#e0e0e0;color:#333}.ai-report-container[data-theme=light] .verification-toggle-button:hover{background:#f8f9fa;border-color:#adb5bd}.ai-report-container[data-theme=light] .verification-section{background:#fff;border-color:#e0e0e0}.ai-report-container[data-theme=light] .verification-section h2{border-bottom-color:#007bff;color:#333}.ai-report-container[data-theme=light] .verification-section p{color:#666}.ai-report-container[data-theme=light] .verification-section strong{color:#333}.report-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a2a6ce0;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;z-index:1000}.report-modal-content{animation:modal-appear .35s cubic-bezier(.19,1,.22,1);background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000047;display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 80px);max-width:1200px;position:relative;width:95%}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-modal-header{align-items:center;background:linear-gradient(135deg,#1a2a6c,#2a4065);border-bottom:none;border-top:none;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;min-height:80px;padding:22px 32px;position:relative}.report-logo{height:auto;max-width:220px}.report-close-button{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .25s ease;width:40px}.report-close-button:hover{background-color:#ffffff47;transform:scale(1.05)}.report-modal-body{background-color:#fcfcfc;flex:1 1;max-height:calc(92vh - 180px);overflow-y:auto;padding:0;position:relative;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.report-modal-body::-webkit-scrollbar{width:8px}.report-modal-body::-webkit-scrollbar-track{background:#0000}.report-modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border:2px solid #fcfcfc;border-radius:20px}.report-modal-body .ai-report-container{border-radius:0;box-shadow:none;margin-top:0}.report-modal-body .report-header{display:none}.report-modal-footer{background-color:#f8f9fc;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e6e8eb;display:flex;gap:16px;justify-content:flex-end;padding:18px 32px}.report-modal-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.2px;padding:10px 22px;transition:all .2s}.report-modal-button:hover{background-color:#f5f5f5;box-shadow:0 3px 6px #00000014;transform:translateY(-1px)}.export-button{align-items:center;background-color:#2b579a;border-color:#2b579a;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.export-button:hover{background-color:#1e3f7d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.export-button:active{transform:translateY(0)}.export-icon{font-size:18px}.export-buttons-group{align-items:center;display:flex;gap:12px}.powerpoint-button{background-color:#d04423;border-color:#d04423}.powerpoint-button:hover{background-color:#b8371e;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.powerpoint-button:active{transform:translateY(0)}.jpeg-button{background-color:#28a745;border-color:#28a745}.jpeg-button:hover{background-color:#218838;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.jpeg-button:active{transform:translateY(0)}.report-export-overlay{align-items:center;background-color:#ffffffd9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.export-progress-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:24px;text-align:center}.export-progress-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2b579a;height:40px;margin:0 auto 16px;width:40px}.export-progress-text{color:#333;font-size:14px;font-weight:500}.report-modal-content:hover{box-shadow:0 10px 40px #00000052}body.modal-open{overflow:hidden}@media print{@page{margin:.5cm .7cm}@page :first{margin-top:.5cm}.report-close-button,.report-modal,.report-modal-content,.report-modal-footer,.report-modal-header{display:none!important}.ai-report-container,.report-content,.report-modal-body{border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;margin:0!important;overflow:visible!important;padding:0!important;position:static!important}}@media (max-width:768px){.report-modal-content{border-radius:8px;max-height:98vh;width:100%}.report-modal-header{border-radius:8px 8px 0 0;padding:18px 20px}.report-logo{max-width:180px}.report-modal-footer{flex-direction:column;padding:16px 20px}.export-buttons-group{flex-direction:column;gap:8px;width:100%}.report-modal-button{margin-bottom:8px;width:100%}.report-modal-button:last-child{margin-bottom:0}}.pdf-export-loading{align-items:center;background-color:#ffffffd9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.pdf-export-loading p{color:#2a4065;font-size:18px;font-weight:500;margin-top:15px}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#e63946;height:50px;width:50px}.chart-placeholder{background-color:#f9f9f9;border:1px solid #e0e0e0;color:#666;font-size:16px;font-style:italic;margin:15px 0;min-height:300px;padding:20px;text-align:center}.chart-placeholder,.chart-static-image{align-items:center;border-radius:6px;display:flex;justify-content:center}.chart-static-image{background-color:#f8f9fc;height:100%;overflow:hidden;width:100%}.chart-static-image svg{display:block;max-height:80%;max-width:90%}.report-export-container .chart-static-image{align-items:center!important;background-color:#f8f9fc!important;border-radius:6px!important;display:flex!important;height:350px!important;justify-content:center!important;margin:20px 0!important;min-height:300px!important;overflow:hidden!important;page-break-inside:avoid!important;width:100%!important}.report-export-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;box-sizing:border-box;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;left:-9999px;margin:0;max-width:950px;overflow:visible;padding:20px 30px;position:absolute;text-rendering:optimizeLegibility;top:0;width:950px;z-index:-1000}.report-export-container *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;height:auto!important;max-height:none!important;overflow:visible!important;page-break-inside:avoid}.report-export-container h1,.report-export-container h2,.report-export-container h3,.report-export-container h4,.report-export-container h5,.report-export-container h6,.report-export-container li,.report-export-container p,.report-export-container span,.report-export-container td,.report-export-container th{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:#333!important;font-family:Segoe UI,Arial,sans-serif!important;line-height:1.5!important;text-rendering:optimizeLegibility!important}.report-export-container p{font-size:14px!important;margin-bottom:12px!important}.report-export-container h1{color:#2a4065!important;font-size:26px!important;font-weight:600!important;margin:25px 0 15px!important}.report-export-container h2{color:#2a4065!important;font-size:22px!important;font-weight:600!important;margin:20px 0 12px!important}.report-export-container h3{color:#2a4065!important;font-size:18px!important;font-weight:600!important;margin:18px 0 10px!important}.report-export-container .report-content{height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}.report-export-container .visualization-container{background:#fff;border:1px solid #e6e8eb;border-radius:8px;margin-bottom:30px;padding:20px;page-break-inside:avoid}.report-export-container table{border:1px solid #e6e8eb;border-collapse:collapse;margin-bottom:20px;max-width:100%;page-break-inside:avoid;width:100%}.report-export-container table th{background-color:#f5f7fa;border:1px solid #e6e8eb;font-size:14px!important;font-weight:600;padding:12px;text-align:left}.report-export-container table td{border:1px solid #e6e8eb;font-size:14px!important;padding:10px 12px;text-align:left}.report-export-container table tr:nth-child(2n){background-color:#f9fafb}.report-export-container .report-export-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;margin-bottom:30px;padding:20px 0}.report-export-container .report-export-header img{height:auto;max-width:220px}.report-export-container .report-export-header h1{color:#2a4065;font-size:26px;font-weight:600;margin:20px 0 0}.report-export-container .chart-container{margin:15px 0!important;min-height:350px!important}.chart-pdf-container,.report-export-container .chart-container{align-items:center!important;background-color:#fff!important;border-radius:8px!important;display:flex!important;height:350px!important;justify-content:center!important}.chart-pdf-container{overflow:hidden!important;width:100%!important}.chart-pdf-container svg{max-height:300px!important;max-width:500px!important;width:100%!important}.chart-pdf-container img{max-height:90%!important;max-width:90%!important;object-fit:contain!important}.report-export-container ol,.report-export-container ul{margin:10px 0 15px 20px!important;padding-left:15px!important}.report-export-container li{font-size:14px!important;margin-bottom:6px!important}.report-export-container code,.report-export-container pre{background-color:#f5f7fa!important;border:1px solid #e6e8eb!important;border-radius:4px!important;font-family:Consolas,Monaco,monospace!important;font-size:13px!important;padding:10px!important;page-break-inside:avoid!important;white-space:pre-wrap!important}.loading-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-popup{animation:popup-fade-in .4s ease-out;background-color:#fff;border:2px solid #457b9d;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:30px 40px;text-align:center;width:90%}.loading-popup h2{color:#457b9d;font-size:24px;margin:15px 0 10px}.loading-popup p{color:#666;font-size:16px;line-height:1.5;margin-bottom:25px}.loading-spinner{border:5px solid #f0f0f0;border-top-color:#457b9d;margin:0 auto}.pulse-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.pulse-dot{background-color:#457b9d;border-radius:50%;display:inline-block;height:10px;opacity:.6;width:10px}.pulse-dot:first-child{animation:pulse 1.2s 0s infinite}.pulse-dot:nth-child(2){animation:pulse 1.2s .4s infinite}.pulse-dot:nth-child(3){animation:pulse 1.2s .8s infinite}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.admin-popup{background-color:#1a202c;max-width:500px!important;width:95%}.admin-popup h2{color:#f59e0b;font-weight:600;margin-bottom:10px}.admin-note{color:#f59e0b;font-size:14px;font-style:italic;margin-top:15px}@media (max-width:520px){.admin-popup{padding:20px 15px}}.space-invaders-game{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.game-container{background-color:#111827;border-radius:10px;box-shadow:0 10px 25px #00000080;padding:20px;text-align:center}.game-container h3{color:#457b9d;font-size:18px;letter-spacing:1px;margin-top:0;text-shadow:0 0 10px #457b9d80;text-transform:uppercase}.game-container p{color:#e0e0e0;font-size:14px;margin-bottom:15px}.game-canvas-container{background:linear-gradient(180deg,#000,#0a1128);border:2px solid #457b9d;border-radius:5px;box-shadow:inset 0 0 20px #00000080,0 0 15px #457b9d4d;height:300px;margin-bottom:10px;overflow:hidden;position:relative;width:400px}.game-over{align-items:center;background-color:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.restart-button{background-color:#457b9d;border:none;border-radius:5px;box-shadow:0 0 10px #457b9d80;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px;transition:all .2s ease}.restart-button:hover{background-color:#2a9d8f;box-shadow:0 0 15px #2a9d8fb3;transform:scale(1.05)}.game-score{background-color:#0000004d;border-radius:5px;color:#e63946;font-size:16px;font-weight:700;padding:5px;text-shadow:0 0 5px #e6394680}@keyframes boss-glow{0%{filter:drop-shadow(0 0 2px #f94144)}50%{filter:drop-shadow(0 0 8px #f94144)}to{filter:drop-shadow(0 0 2px #f94144)}}@keyframes wave-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wave-change{animation:wave-pulse .5s ease-in-out}@media (max-width:500px){.game-canvas-container{height:225px;width:300px}.game-container{padding:15px}}.csv-upload-with-questions{margin:0 auto;max-width:1200px;padding:20px;width:100%}.page-header h1{color:var(--dark-color);transition:color .3s ease}.stepper{padding:0 20px}.step-indicator{background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:50%;color:var(--dark-color);font-weight:600;height:40px;opacity:.7;transition:all .3s ease;width:40px}.step.active .step-indicator{background-color:#3f51b5;border-color:#3f51b5;color:#fff}.step.completed .step-indicator{background-color:#4caf50;border-color:#4caf50;color:#fff}.step-label{color:var(--dark-color);opacity:.7}.step.active .step-label,.step.completed .step-label{color:var(--dark-color);font-weight:500}.step-connector{background-color:#e0e0e0;flex-grow:1;height:2px;margin:0 10px;position:relative;z-index:0}.step-content-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.upload-step h2{color:var(--dark-color)}.back-button{background:none;border:1px solid #ccc;border-radius:4px;color:#555;padding:6px 12px}.back-button:hover{background-color:#f5f5f5}.questions-actions,.validation-actions{display:flex;justify-content:flex-end;margin-top:20px}.primary-button{background-color:#3f51b5;border-radius:4px;transition:background-color .2s}.primary-button:hover{background-color:#303f9f}.secondary-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:var(--dark-color);font-size:.95rem;margin-right:10px;padding:10px 20px;transition:all .2s}.secondary-button:hover{background-color:#e0e0e0}.confirmation-message{text-align:center}.success-icon{background-color:#4caf50}.questions-step{position:relative}.prompt-suggestion h3{color:#424242;font-size:1.1rem;margin-bottom:10px;margin-top:0}.question-section{border-top:1px solid #e0e0e0;padding-top:25px}.question-section h3{color:var(--dark-color)}.question-section p{color:#555}.question-input-container{margin:20px 0}.question-input{border:1px solid #ccc;border-radius:4px;transition:border-color .2s}.question-input:focus{border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b51a}.prompt-suggestion{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px}.prompt-suggestion h4{color:#424242}.suggestion-list li{background-color:var(--surface-color);border-radius:4px}.suggestion-list li:hover{background-color:#f5f5f5;border-color:#ccc}.ai-analysis-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:24px}.ai-analysis-container button.primary-button{min-width:180px}.ai-analysis-container button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.ai-analysis-container .error-message{margin-top:12px;width:100%}.csv-table-container{margin:20px 0;width:100%}.csv-table-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:4px solid #0000001a;border-top-color:#3498db;height:30px;margin-bottom:15px;width:30px}.csv-table-empty{background-color:#f9f9f9;border:1px dashed #ccc;border-radius:4px;padding:30px;text-align:center}.validation-results{margin-bottom:20px}.validation-alert{margin-bottom:10px!important}.csv-table-wrapper{border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;width:100%}.csv-table{border-collapse:collapse;font-size:14px;width:100%}.csv-table th{background-color:#f0f0f0;border-bottom:2px solid #ddd;font-weight:600;padding:12px 15px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.csv-table td{border-bottom:1px solid #eee;padding:10px 15px;position:relative}.csv-table tr:hover{background-color:#f9f9f9}.cell-error{background-color:#f443361a}.cell-warning{background-color:#ff98001a}.validation-icon{cursor:help;display:inline-flex;margin-left:5px;vertical-align:middle}.MuiTooltip-popper{z-index:1500}.alert,.validation-status{margin-bottom:10px}.alert{border-radius:4px;padding:10px}.alert.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.alert.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.table-container{overflow-x:auto}.csv-table td,.csv-table th{border:1px solid #ddd;padding:8px}.header-row{background-color:#f0f8ff;font-weight:700}.data-row:hover{background-color:#f5f5f5}.cell.error{background-color:#ff00001a}.cell.warning{background-color:#ff99001a}.icon{display:inline-block;margin-left:5px}.error-icon,.warning-icon{font-size:14px}.ai-analysis-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:20px}.analysis-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:background-color .2s;width:100%}.analysis-button:hover{background-color:#303f9f}.analysis-button:disabled{background-color:#9fa8da;cursor:not-allowed}.api-key-form{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:20px}.api-key-form h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.api-key-form p{color:#666}.api-key-form p,.api-key-input{font-size:14px;margin-bottom:15px}.api-key-input{border:1px solid #ccc;border-radius:4px;padding:10px 12px;width:100%}.api-key-actions{display:flex;justify-content:flex-end}.submit-key-button{background-color:#673ab7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.submit-key-button:hover{background-color:#5e35b1}.submit-key-button:disabled{background-color:#b39ddb;cursor:not-allowed}.api-key-button{background-color:#8c6cef;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px;transition:background-color .2s}.api-key-button:hover{background-color:#7459da}.analyzing-indicator{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.analyzing-spinner{border:4px solid #f3f3f3;border-top-color:#3f51b5}.analysis-error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828;margin-top:15px;padding:15px}.retry-button{align-self:flex-start;background-color:#c62828;border-radius:4px;padding:8px 16px}.retry-button:hover{background-color:#b71c1c}.analysis-result{background-color:#fff;box-shadow:0 2px 10px #00000014;margin-top:15px;overflow:hidden}.result-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.result-header h3{color:#333;font-size:1.2rem;margin:0}.toggle-icon{font-size:1.2rem;font-weight:700}.result-content{overflow:hidden;transition:max-height .3s ease}.analysis-result:not(.expanded) .result-content{max-height:300px;overflow:hidden;position:relative}.analysis-result:not(.expanded) .result-content:after{background:linear-gradient(180deg,#fff0,#fff);bottom:0;content:"";height:80px;left:0;pointer-events:none;position:absolute;width:100%}.analysis-result.expanded .result-content{max-height:none}.result-text{font-size:.95rem;line-height:1.6;max-height:400px;overflow-y:auto;padding-right:10px}.result-text p{margin-bottom:12px}.result-text p:empty{margin:6px 0}.result-text p:first-child{color:#333;font-size:22px;font-weight:500;margin-top:20px}.result-text p:nth-child(10),.result-text p:nth-child(14),.result-text p:nth-child(2),.result-text p:nth-child(5){color:#444;font-size:18px;font-weight:500;margin-top:24px}.result-footer{background-color:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:15px 20px}.ai-note{color:#757575;font-size:.8rem;margin:0}.new-analysis-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.new-analysis-button:hover{background-color:#303f9f}.model-selector{background-color:#f5f5f5;border-radius:4px;display:flex;gap:20px;margin-bottom:16px;padding:12px 16px}.model-selector label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.model-selector input[type=radio]{cursor:pointer;margin:0}.bedrock-model-selector{margin-bottom:15px;margin-top:10px;width:100%}.bedrock-model-header{align-items:center;display:flex;gap:10px}.bedrock-model-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:10px}.config-button{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s;white-space:nowrap}.config-button:hover{background-color:#e67e22}.api-key-message{color:#e74c3c;font-size:14px;font-style:italic;margin-top:10px}.analyze-button{background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto;max-width:300px;padding:12px 24px;transition:background-color .2s;width:100%}.analyze-button:hover{background-color:#303f9f}.analyze-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.analysis-loading{padding:30px 0;text-align:center}.spinner{border-top-color:#3f51b5;margin:0 auto 15px}.analysis-tip{color:#757575;font-size:.9rem;font-style:italic;margin-top:10px}.try-again-button{background-color:#fff;border:1px solid #c62828;border-radius:4px;color:#c62828;cursor:pointer;font-size:.85rem;margin-top:10px;padding:6px 12px;transition:all .2s}.try-again-button:hover{background-color:#c62828;color:#fff}.toggle-button{align-items:center;color:#3f51b5;display:flex;font-size:.85rem}.toggle-button:hover{background-color:#f5f5f5}.ai-model-info{margin-bottom:20px}.ai-model-info h3{color:#333;font-size:1.2rem;margin-top:0}.ai-model-info p{color:#666;font-size:.95rem;margin-bottom:15px}.cache-controls-toggle{background:none;border:1px solid #ddd;border-radius:4px;color:#757575;cursor:pointer;font-size:.8rem;padding:5px 10px}.cache-controls-toggle:hover{background-color:#2980b91a}.cache-controls{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;margin-top:15px;padding:15px}.cache-stats{margin-bottom:10px}.cache-stats h4{font-size:1rem;margin-bottom:8px;margin-top:0}.cache-stats p{color:#555;font-size:13px;margin:5px 0}.cache-actions{display:flex;gap:10px}.cache-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .2s}.cache-button:hover{background-color:#e0e0e0}.formatted-analysis{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.analysis-sections{display:flex;flex-direction:column;gap:1.5rem}.analysis-section{border-bottom:1px solid #efefef;padding-bottom:1rem}.analysis-section:last-child{border-bottom:none}.section-title{border-bottom:1px solid #e0e0e0;color:#1565c0;font-size:1.25rem;margin:0 0 .75rem;padding-bottom:.5rem}.section-content{margin-top:.75rem}.analysis-paragraph{color:#444;font-size:.95rem;margin:.5rem 0}.analysis-list{margin:.5rem 0;padding-left:1.5rem}.analysis-list-item{margin:.3rem 0;padding-left:.5rem;position:relative}.analysis-list-item::marker{color:#1976d2}.formatted-analysis table{border-collapse:collapse;font-size:.9rem;margin:1rem 0;width:100%}.formatted-analysis th{background-color:#f5f5f5;border:1px solid #e0e0e0;font-weight:600;padding:.75rem;text-align:left}.formatted-analysis td{border:1px solid #e0e0e0;padding:.75rem;vertical-align:top}.formatted-analysis tr:nth-child(2n){background-color:#fafafa}.formatted-analysis b,.formatted-analysis strong{color:#0d47a1;font-weight:600}.formatted-analysis h1,.formatted-analysis h2,.formatted-analysis h3{color:#0d47a1;margin-bottom:1rem;margin-top:1.5rem}.formatted-analysis h1{border-bottom:2px solid #e3f2fd;font-size:1.5rem;padding-bottom:.5rem}.formatted-analysis h2{font-size:1.3rem}.formatted-analysis h3{font-size:1.15rem}.formatted-analysis .analysis-section:first-child .analysis-paragraph:first-child{border-left:3px solid #1976d2;color:#333;font-size:1.1rem;font-weight:500;margin:1rem 0 1.5rem;padding-left:1rem}.formatted-analysis code{background-color:#f5f5f5;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9rem;padding:.2rem .4rem}.formatted-analysis a{border-bottom:1px solid #1976d233;color:#1976d2;text-decoration:none}.formatted-analysis a:hover{border-bottom-color:#1976d2}.percentage-value{color:#2e7d32;font-weight:600}.number-value{color:#0277bd;font-family:Roboto Mono,monospace}.currency-value{color:#2e7d32;font-weight:600}@media print{.ai-analysis-container{background-color:#fff;border:none;padding:0}.ai-model-info,.analyze-button,.result-footer,.result-header,.toggle-button{display:none!important}.analysis-result{box-shadow:none;margin:0;padding:0}.analysis-result:not(.expanded) .result-content{max-height:none;overflow:visible}.analysis-result:not(.expanded) .result-content:after{display:none}}.analysis-completed{animation:fade-in .5s ease-out;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.analysis-completed p{color:#2e7d32;font-size:1rem;margin-bottom:15px}.view-report-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.view-report-button:hover{background-color:#388e3c}.create-group-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-group-modal{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:100%}.create-group-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.create-group-modal .modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.create-group-modal .close-button{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.create-group-modal .close-button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.create-group-modal .close-button:disabled{cursor:not-allowed;opacity:.5}.create-group-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.create-group-modal .error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:10px;margin-bottom:20px;padding:12px 16px}.create-group-modal .error-icon{flex-shrink:0;font-size:1.2rem}.create-group-modal .form-group{margin-bottom:20px}.create-group-modal .form-label{color:#334155;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.create-group-modal .form-label .required{color:#dc2626;margin-left:2px}.create-group-modal .form-label .optional{color:#64748b;font-size:.8125rem;font-weight:400}.create-group-modal .form-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.create-group-modal .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.create-group-modal .form-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.create-group-modal .form-input::placeholder{color:#94a3b8}.create-group-modal .form-textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.9375rem;line-height:1.5;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.create-group-modal .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.create-group-modal .form-textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.create-group-modal .form-textarea::placeholder{color:#94a3b8}.create-group-modal .character-counter{color:#64748b;font-size:.8125rem;margin-top:6px;text-align:right}.create-group-modal .info-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;gap:10px;margin-top:20px;padding:12px 16px}.create-group-modal .info-icon{flex-shrink:0;font-size:1.1rem;margin-top:1px}.create-group-modal .modal-footer{border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 28px}.create-group-modal .cancel-button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.9375rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.create-group-modal .cancel-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.create-group-modal .cancel-button:disabled{cursor:not-allowed;opacity:.5}.create-group-modal .create-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.create-group-modal .create-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.create-group-modal .create-button:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.create-group-modal .spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.create-group-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.create-group-modal .modal-body,.create-group-modal .modal-footer,.create-group-modal .modal-header{padding-left:20px;padding-right:20px}.create-group-modal .modal-footer{flex-direction:column-reverse}.create-group-modal .cancel-button,.create-group-modal .create-button{justify-content:center;width:100%}}.import-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.import-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;padding:0;width:90%}.import-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 30px}.import-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.import-close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.import-close-button:hover{color:#333}.import-modal-body{flex:1 1;overflow-y:auto;padding:30px}.import-instructions{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}.import-instructions p{color:#333;font-size:14px;margin:0 0 12px}.import-instructions ul{margin:0 0 16px;padding-left:24px}.import-instructions li{color:#555;font-size:14px;margin:8px 0}.import-download-template-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.import-download-template-btn:hover{background-color:#1976d2}.import-file-input-section{margin-bottom:24px}.import-file-input{display:none}.import-file-label{background-color:#fff;border:2px dashed #2196f3;border-radius:8px;box-sizing:border-box;color:#2196f3;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:24px 40px;text-align:center;transition:all .2s;width:100%}.import-file-label:hover{background-color:#e3f2fd;border-color:#1976d2}.import-mode-selection{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.import-mode-label{color:#333;display:block;font-size:15px;margin-bottom:12px}.import-mode-options{display:flex;flex-direction:column;gap:12px}.import-mode-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.import-mode-option:hover{background-color:#f5f5f5;border-color:#2196f3}.import-mode-option input[type=radio]{cursor:pointer;height:18px;margin-right:12px;width:18px}.import-mode-option span{color:#555;font-size:14px}.import-preview-section{margin-top:24px}.import-preview-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.import-preview-table-container{border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow:hidden;overflow-y:auto}.import-preview-table{border-collapse:collapse;font-size:14px;width:100%}.import-preview-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.import-preview-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px 16px;text-align:left}.import-preview-table td{border-bottom:1px solid #f0f0f0;color:#555;padding:12px 16px}.import-preview-table tr:last-child td{border-bottom:none}.valid-row{background-color:#fff}.invalid-row{background-color:#ffebee}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-valid{color:#4caf50;font-weight:500}.status-invalid{color:#f44336;font-weight:500}.import-preview-more{background-color:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-style:italic;padding:12px 16px;text-align:center}.import-result-section{padding:20px;text-align:center}.import-result-section h3{font-size:24px;font-weight:600;margin:0 0 24px}.result-success{color:#4caf50}.result-error{color:#f44336}.import-result-stats{display:flex;gap:40px;justify-content:center;margin-bottom:24px}.stat-label{color:#666;margin-bottom:8px}.stat-value{color:#2196f3;font-size:32px}.import-errors{background-color:#ffebee;border:1px solid #ef5350;border-radius:8px;padding:16px;text-align:left}.import-errors h4{color:#c62828;margin:0 0 12px}.import-errors ul{margin:0;padding-left:24px}.import-errors li{color:#d32f2f;font-size:13px;margin:6px 0}.import-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.import-cancel-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.import-cancel-button:hover{background-color:#f5f5f5;border-color:#ccc}.import-submit-button{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:background-color .2s}.import-submit-button:hover:not(:disabled){background-color:#45a049}.import-submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.import-close-result-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:background-color .2s}.import-close-result-button:hover{background-color:#1976d2}.drag-drop-container,.drag-drop-group-assignment-container{margin:0;padding:0;width:100%}.drag-drop-container{display:flex;flex-direction:column;gap:24px;max-width:none}.control-panel{background-color:#f5f5f5;border-radius:4px;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px}.error-message{border-left:4px solid #c62828;color:#c62828;margin:12px 0}.add-new-section{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}.add-dealer-form,.add-group-form{flex:1 1;min-width:300px}.input-row{display:flex;gap:8px;margin-top:8px}.input-row input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.input-row button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.input-row button:hover{background-color:#1976d2}.assignment-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.dealers-area{flex:0 1 auto;max-width:-webkit-max-content;max-width:max-content;width:-webkit-fit-content;width:fit-content}.dealers-area,.groups-area{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0;min-width:300px;padding:16px}.groups-area{flex:1 1;max-width:100%}.dealers-list{grid-gap:8px;align-content:start;align-items:start;display:grid;gap:8px;grid-template-columns:repeat(3,auto);justify-content:start;padding:12px;width:-webkit-fit-content;width:fit-content}.dealers-list,.groups-list{background-color:#fff;border:1px dashed #ccc;border-radius:4px;margin-top:12px;min-height:200px}.groups-list{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding:8px}.dealer-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;cursor:move;display:inline-flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap;width:auto}.dealer-card:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.dealer-card.dragging{box-shadow:0 4px 6px #0000001a;opacity:.5}.dealer-card.assigned{background-color:#f8fafc;border-color:#cbd5e1}.dealer-code{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.2;margin:0;padding:0}.dealer-actions{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.dealer-group-tag{background-color:#e2e8f0;border-radius:.25rem;color:#475569;font-weight:500;padding:.25rem .5rem}.dealer-card.assigned .dealer-group-tag{background-color:#dbeafe;color:#1e40af}.remove-dealer-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:#64748b;cursor:pointer;display:flex;font-size:1rem;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease}.remove-dealer-btn:hover{background-color:#f1f5f9;color:#ef4444}.dealer-list{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;max-height:calc(100vh - 300px);overflow-y:auto;padding:.75rem}.available-dealers{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;min-width:300px}.available-dealers h3{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:600;margin:0;padding:1rem}.group-drop-zone{background-color:#fffde7;border:2px dashed #ffd54f;border-radius:8px;margin-bottom:12px;min-height:120px;padding:16px;transition:all .2s;width:100%}.group-drop-zone.over{background-color:#fff9c4;border-color:#ffb74d;transform:scale(1.02)}.group-name{font-size:16px;font-weight:600;margin-bottom:8px}.group-dealer-count{color:#757575;font-size:14px;margin-bottom:12px}.group-description{background-color:#ffffff80;border-left:3px solid #ffd54f;border-radius:4px;color:#616161;font-size:13px;font-style:italic;margin-bottom:12px;padding:8px}.assigned-dealers{display:flex;flex-wrap:wrap;gap:8px}.assigned-dealer-chip{background-color:#e8f5e9;border:1px solid #a5d6a7;border-radius:16px;color:#2e7d32;font-size:12px;padding:4px 8px}.assignments-view{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:16px}.assignments-table{background-color:#fff;border-collapse:collapse;border-radius:4px;margin-top:12px;overflow:hidden;width:100%}.assignments-table td,.assignments-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.assignments-table th{background-color:#f9f9f9;font-weight:600}.remove-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.remove-button:hover{background-color:#d32f2f}.empty-message{color:#757575;font-style:italic;padding:20px}.loading-container{min-height:300px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#2196f3;margin-bottom:16px}@media (max-width:768px){.assignment-area{flex-direction:column}.dealers-area,.groups-area{width:100%}}.success-message{background-color:#00b4001a;border:1px solid #00b4004d;border-radius:4px;color:#060;margin-bottom:15px;padding:10px}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:100%}.delete-group-btn{background-color:initial;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;transition:background-color .2s}.delete-group-btn:hover{background-color:#ff6b6b1a}.form-group{gap:5px;margin-bottom:15px}.form-group label{color:#333}.input-with-button{gap:8px}.input-with-button input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.input-with-button .add-button{background-color:#4a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.input-with-button .add-button:hover{background-color:#3c8}.input-with-button .add-button:disabled{background-color:#ccc;cursor:not-allowed}.filter-controls{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:16px}.brand-filter{align-items:center;display:flex;gap:12px}.brand-filter label{color:#333;font-weight:500;min-width:100px}.brand-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;max-width:300px;padding:8px 12px;transition:border-color .2s}.brand-select:focus,.brand-select:hover{border-color:#2196f3}.brand-select:focus{box-shadow:0 0 0 2px #2196f31a;outline:none}.groups-header{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 8px #0000000a;display:flex;gap:1.25rem;justify-content:space-between;margin-bottom:1rem;padding:1.25rem 1.5rem}.groups-header h3{color:#1e293b;font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin:0}.groups-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.groups-actions-section{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.5rem;padding:.4rem .8rem}.actions-label{color:#64748b;font-size:.85rem;font-weight:600;margin-right:.25rem}.export-csv-btn,.import-csv-btn{background-color:#10b981;border:none;border-radius:.4rem;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem .9rem;transition:all .2s ease}.export-csv-btn:hover,.import-csv-btn:hover{background-color:#059669;box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.export-csv-btn:active,.import-csv-btn:active{box-shadow:0 2px 4px #10b9814d;transform:translateY(0)}.create-group-btn{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;box-shadow:0 1px 4px #2563eb14;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.6rem 1.3rem;transition:background .2s,box-shadow .2s}.create-group-btn:hover{background-color:#1d4ed8;box-shadow:0 2px 8px #2563eb1f}.create-group-btn .plus-icon{align-items:center;display:flex;font-size:1.2em;margin-right:.3em}.create-group-form{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.group-name-input{border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:all .2s ease;width:100%}.group-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.create-group-actions{display:flex;gap:.5rem}.confirm-btn{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.confirm-btn:hover{background-color:#2563eb}.confirm-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.cancel-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;color:#64748b;flex:1 1;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.cancel-btn:hover{background-color:#e2e8f0;color:#475569}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;margin:.5rem 1rem}.success-message{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:.375rem;color:#16a34a;font-size:.875rem;margin:.5rem 1rem;padding:.75rem}[data-theme=light] .assignments-view,[data-theme=light] .control-panel,[data-theme=light] .dealers-area,[data-theme=light] .filter-controls,[data-theme=light] .groups-area{background-color:#f8fafce6;border-color:#64748b4d}[data-theme=light] .dealers-list,[data-theme=light] .groups-list{background-color:#fff;border-color:#64748b4d}[data-theme=light] .dealer-card{background-color:#fff;border-color:#e2e8f0;color:#0f172ae6}[data-theme=light] .dealer-card:hover{box-shadow:0 2px 4px #0000001a}[data-theme=light] .dealer-card.assigned{background-color:#f8fafc;border-color:#cbd5e1}[data-theme=light] .dealer-code{color:#1e293b}[data-theme=light] .dealer-group-tag{background-color:#e2e8f0;color:#475569}[data-theme=light] .dealer-card.assigned .dealer-group-tag{background-color:#dbeafe;color:#1e40af}[data-theme=light] .remove-dealer-btn{color:#64748b}[data-theme=light] .remove-dealer-btn:hover{background-color:#f1f5f9;color:#ef4444}[data-theme=light] .available-dealers{background-color:#f8fafc;border-color:#e2e8f0}[data-theme=light] .available-dealers h3{background-color:#f1f5f9;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .group-drop-zone{background-color:#fffbeb;border-color:#fbbf24}[data-theme=light] .group-drop-zone.over{background-color:#fef3c7;border-color:#f59e0b}[data-theme=light] .brand-filter label,[data-theme=light] .form-group label,[data-theme=light] .group-name{color:#1e293b}[data-theme=light] .empty-message,[data-theme=light] .group-dealer-count{color:#64748b}[data-theme=light] .group-description{background-color:#ffffff80;border-left-color:#fbbf24;color:#475569}[data-theme=light] .assigned-dealer-chip{background-color:#dcfce7;border-color:#86efac;color:#15803d}[data-theme=light] .assignments-table{background-color:#fff}[data-theme=light] .assignments-table th{background-color:#f9fafb}[data-theme=light] .assignments-table td,[data-theme=light] .assignments-table th{border-color:#e5e7eb;color:#1e293b}[data-theme=light] .brand-select,[data-theme=light] .group-name-input,[data-theme=light] .input-row input,[data-theme=light] .input-with-button input{background-color:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .loading-spinner{border-color:#3b82f6 #e5e7eb #e5e7eb}[data-theme=light] .groups-header{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .groups-header h3{color:#1e293b}[data-theme=light] .actions-label{color:#64748b}[data-theme=light] .create-group-form,[data-theme=light] .groups-actions-section{background-color:#fff;border-color:#e2e8f0}[data-theme=light] .cancel-btn{background-color:#f1f5f9;border-color:#e2e8f0;color:#64748b}[data-theme=light] .cancel-btn:hover{background-color:#e2e8f0;color:#475569}[data-theme=dark] .assignments-view,[data-theme=dark] .control-panel,[data-theme=dark] .dealers-area,[data-theme=dark] .filter-controls,[data-theme=dark] .groups-area{background-color:#001e3c99;border-color:#00c8ff4d}[data-theme=dark] .dealers-list,[data-theme=dark] .groups-list{background-color:#001428cc;border-color:#00c8ff4d}[data-theme=dark] .dealer-card{background-color:#001e3ccc;border-color:#00c8ff4d;color:#ffffffe6}[data-theme=dark] .dealer-card:hover{box-shadow:0 2px 4px #00c8ff33}[data-theme=dark] .dealer-card.assigned{background-color:#002850cc;border-color:#00c8ff80}[data-theme=dark] .dealer-code{color:#ffffffe6}[data-theme=dark] .dealer-group-tag{background-color:#00c8ff33;color:#00c8ffe6}[data-theme=dark] .dealer-card.assigned .dealer-group-tag{background-color:#00c8ff4d;color:#00ffffe6}[data-theme=dark] .remove-dealer-btn{color:#fff9}[data-theme=dark] .remove-dealer-btn:hover{background-color:#ff323233;color:#ff6464e6}[data-theme=dark] .available-dealers{background-color:#001e3c99;border-color:#00c8ff4d}[data-theme=dark] .available-dealers h3{background-color:#001428cc;border-color:#00c8ff4d;color:#ffffffe6}[data-theme=dark] .group-drop-zone{background-color:#ffc80026;border-color:#ffc80080}[data-theme=dark] .group-drop-zone.over{background-color:#ffc80040;border-color:#ffc800cc}[data-theme=dark] .brand-filter label,[data-theme=dark] .form-group label,[data-theme=dark] .group-name{color:#ffffffe6}[data-theme=dark] .empty-message,[data-theme=dark] .group-dealer-count{color:#fff9}[data-theme=dark] .group-description{background-color:#ffffff0d;border-left-color:#ffc80099;color:#ffffffb3}[data-theme=dark] .assigned-dealer-chip{background-color:#00ff6433;border-color:#00ff6466;color:#00ff64e6}[data-theme=dark] .assignments-table{background-color:#001428cc}[data-theme=dark] .assignments-table th{background-color:#001e3ccc}[data-theme=dark] .assignments-table td,[data-theme=dark] .assignments-table th{border-color:#00c8ff33;color:#ffffffe6}[data-theme=dark] .brand-select,[data-theme=dark] .group-name-input,[data-theme=dark] .input-row input,[data-theme=dark] .input-with-button input{background-color:#001e3ccc;border-color:#00c8ff4d;color:#ffffffe6}[data-theme=dark] .brand-select option{background-color:#001e3cf2;color:#ffffffe6}[data-theme=dark] .loading-spinner{border-color:#00c8ffcc #00c8ff33 #00c8ff33}[data-theme=dark] .groups-header{background:#001e3c99;border-color:#00c8ff4d}[data-theme=dark] .groups-header h3{color:#ffffffe6}[data-theme=dark] .actions-label{color:#fff9}[data-theme=dark] .groups-actions-section{background-color:#001428cc;border-color:#00c8ff4d}[data-theme=dark] .create-group-form{background-color:#001e3ccc;border-color:#00c8ff4d}[data-theme=dark] .cancel-btn{background-color:#64748b33;border-color:#00c8ff4d;color:#ffffffb3}[data-theme=dark] .cancel-btn:hover{background-color:#64748b4d;color:#ffffffe6}[data-theme=dark] .error-message{background-color:#ef444433;border-color:#ef444466;color:#fca5a5e6}[data-theme=dark] .success-message{background-color:#22c55e33;border-color:#22c55e66;color:#86eface6}.field-mapping-page{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;font-family:Roboto,Segoe UI,sans-serif;min-height:100vh;width:100%}.field-mapping-container{flex:1 1;margin-left:320px;min-height:100vh;overflow-y:auto;padding:2rem}.field-mapping-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between}.field-mapping-header h1{margin:0}.header-buttons{display:flex;gap:.75rem}.back-button,.dashboard-button{background-color:#f5f7fa;border:1px solid #e2e8f0;border-radius:4px;color:#1d3557;color:var(--secondary-color,#1d3557);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.back-button:hover,.dashboard-button:hover{background-color:#e2e8f0;border-color:#cbd5e0}.no-csv-message{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.no-csv-message p{color:#4a5568;margin-bottom:1.5rem}.no-csv-message button{background-color:#e63946;background-color:var(--primary-color,#e63946);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.no-csv-message button:hover{background-color:#d32f2f}.mapping-content{display:flex;flex-direction:column;gap:1.5rem}.brand-selection{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.brand-selection h2{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.row-mapping-setup{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.row-mapping-setup h2{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.field-mapping-interface{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.field-mapping-interface h2{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.mapping-tools{margin-bottom:1.5rem}.row-preview{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.row-preview h2{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.continue-button-container{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;margin-top:2rem}.continue-button{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;transition:all .2s}.continue-button.ready{background-color:#e63946;background-color:var(--primary-color,#e63946);border:none;color:#fff}.continue-button.ready:hover{background-color:#d32f2f}.continue-button.disabled{background-color:#e2e8f0;border:1px solid #cbd5e0;color:#a0aec0;cursor:not-allowed}.mapping-incomplete-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:.5rem;margin-top:1rem;max-width:600px;padding:1rem;text-align:center;width:100%}.mapping-incomplete-message p{color:#e53e3e;margin-bottom:.5rem}.unmapped-fields{text-align:left}.unmapped-fields p{color:#e53e3e;font-weight:500;margin-bottom:.5rem}.unmapped-fields ul{color:#e53e3e;margin:0;padding-left:1.5rem}.processing-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.processing-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.processing-modal h3{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.processing-modal p{color:#4a5568;margin-bottom:1.5rem}.progress-bar{margin-bottom:.5rem}.progress-fill{border-radius:4px}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;max-height:90%;max-width:90%;min-width:400px;padding:1.5rem}.modal-header{margin-bottom:1rem;padding-bottom:.5rem}.modal-header h2{color:#1d3557;color:var(--secondary-color,#1d3557)}.modal-close-button{color:#718096}.modal-body{margin-bottom:1.5rem}.modal-body input,.modal-body textarea{border:1px solid #e2e8f0;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:100%}.modal-body label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}@media (max-width:768px){.field-mapping-container,.field-mapping-content{margin-left:0;padding:80px 1rem 1rem}.field-mapping-header{align-items:flex-start;flex-direction:column;gap:1rem}.continue-button{min-width:150px}.modal-content{max-width:90%}}.field-mapping-content{flex:1 1;margin-left:320px;min-height:100vh;overflow-y:auto;padding:2rem}.field-mapping-header{border-bottom:2px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem}.field-mapping-header h1{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.field-mapping-header p{color:#4a5568;font-size:.95rem;margin:.25rem 0}.field-mapping-header p strong{color:#e63946;color:var(--primary-color,#e63946);font-weight:600}.csv-preview-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;margin-bottom:1.5rem;padding:1.5rem}.csv-preview-section h3{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 0 10px #00c8ff4d}.csv-preview{-ms-overflow-style:none;background:#0014284d;border:1px solid #00c8ff4d;border-radius:8px;overflow-x:auto;scrollbar-width:none}.csv-preview::-webkit-scrollbar{display:none}.csv-preview table{border-collapse:collapse;font-size:.875rem;width:100%}.csv-preview td,.csv-preview th{border-bottom:1px solid #00c8ff33;padding:.75rem;text-align:left;white-space:nowrap}.csv-preview th{background:linear-gradient(135deg,#003264e6,#002850cc);border-bottom:2px solid #00c8ff66;color:#fff!important;font-weight:700;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-shadow:0 0 12px #00c8ff80;top:0;z-index:1}.csv-preview td{background:#0014284d;color:#fffffff2!important;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px #ffffff1a}.csv-preview tr:nth-child(2n) td{background:#001e3c66;color:#fffffffa!important}.csv-preview tr:hover td{background:#00c8ff26!important;color:#fff!important;text-shadow:0 0 8px #00c8ff4d!important;transform:scale(1.01);transition:all .2s ease}.column-mapping-section{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.column-mapping-section h3{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.column-mapping-section>p{color:#4a5568;font-size:.95rem;margin:0 0 1.5rem}.mapping-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.mapping-group{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.mapping-group h4{border-bottom:1px solid #e2e8f0;color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.mapping-field{margin-bottom:1rem}.mapping-field:last-child{margin-bottom:0}.mapping-field label{color:#1d3557;color:var(--secondary-color,#1d3557);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.mapping-field select{background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;font-size:.875rem;padding:.625rem;transition:border-color .2s;width:100%}.mapping-field select:focus{border-color:#e63946;border-color:var(--primary-color,#e63946);box-shadow:0 0 0 2px #e639461a;outline:none}.mapping-field select option{padding:.5rem}.processing-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;margin-bottom:1.5rem;padding:1.5rem}.processing-results h3{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 0 10px #00c8ff4d}.result-summary{border:1px solid;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.result-summary.success{background:linear-gradient(135deg,#10b98133,#0596691a);border-color:#10b98166;box-shadow:0 0 15px #10b98133}.result-summary.error,.result-summary.success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6}.result-summary.error{background:linear-gradient(135deg,#ef444433,#dc26261a);border-color:#ef444466;box-shadow:0 0 15px #ef444433}.result-summary p{font-size:.875rem;margin:.25rem 0}.result-summary p strong{font-weight:600}.result-errors,.result-warnings{margin-top:1rem}.result-errors h4,.result-warnings h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.result-errors h4{color:#e53e3e}.result-warnings h4{color:#d69e2e}.result-errors ul,.result-warnings ul{font-size:.875rem;margin:0;padding-left:1.5rem}.result-errors li{color:#742a2a;margin-bottom:.25rem}.result-warnings li{color:#744210;margin-bottom:.25rem}.processing-status{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.processing-status h3{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.processing-status p{color:#4a5568;font-size:.95rem;margin:0 0 1rem}.progress-bar{background-color:#e2e8f0;border-radius:.25rem;height:.5rem;margin-top:1rem}.progress-fill{background-color:#e63946;background-color:var(--primary-color,#e63946);border-radius:.25rem}.save-success-status{background-color:#fff;border:2px solid #10b981;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.save-success-status.warning{border-color:#f59e0b}.save-success-status.warning .success-message h3{color:#d97706}.success-message h3{color:#0f8;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-shadow:0 0 10px #00ff884d}.success-message p{color:#fffc;font-size:1rem;margin:0 0 1.5rem}.success-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1.5rem 0}.duplicate-stat,.error-stat,.success-stat{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;min-width:120px;padding:1rem}.success-stat{background-color:#ecfdf5;color:#065f46}.error-stat{background-color:#fef2f2;color:#991b1b}.duplicate-stat{background-color:#fef3c7;color:#92400e}.duplicate-stat strong,.error-stat strong,.success-stat strong{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.redirect-message{color:#6b7280;font-style:italic;margin-top:1rem}.creation-success-status{background-color:#f0fdf4;border:2px solid #22c55e;border-radius:.5rem;box-shadow:0 4px 12px #22c55e26}.creation-error-status,.creation-success-status{animation:slideIn .3s ease-out;margin-bottom:2rem;padding:2rem;text-align:center}.creation-error-status{background-color:#fef2f2;border:2px solid #ef4444;border-radius:.5rem;box-shadow:0 4px 12px #ef444426}.creation-success-status .success-message h3{color:#16a34a;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.creation-error-status .error-message h3{color:#dc2626;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.error-actions,.success-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.error-actions button,.success-actions button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:600;min-width:150px;padding:.75rem 1.5rem;transition:all .2s}.success-actions .primary-button{background-color:#16a34a;color:#fff}.success-actions .primary-button:hover{background-color:#15803d}.error-actions .secondary-button,.success-actions .secondary-button{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.error-actions .secondary-button:hover,.success-actions .secondary-button:hover{background-color:#e2e8f0}.duplicate-details,.error-details{border-radius:.5rem;margin-top:1.5rem;padding:1rem;text-align:left}.duplicate-details{background-color:#fef3c7;border:1px solid #f59e0b}.error-details{background-color:#fef2f2;border:1px solid #ef4444}.duplicate-details h4,.error-details h4{font-size:1rem;font-weight:600;margin:0 0 .75rem}.duplicate-details h4{color:#92400e}.error-details h4{color:#991b1b}.duplicate-list,.error-list{display:flex;flex-direction:column;gap:.5rem}.duplicate-item,.error-item{background-color:#fff;border-left:3px solid #f59e0b;border-radius:.25rem;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.error-item{border-left-color:#ef4444}.duplicate-item strong,.error-item strong{color:#374151;font-size:.9rem}.duplicate-period{color:#6b7280;font-size:.8rem;font-weight:500}.duplicate-item small{color:#92400e;font-size:.75rem;font-style:italic}.error-message{color:#991b1b;font-size:.8rem}@media (max-width:768px){.duplicate-details,.error-details{margin-top:1rem;padding:.75rem}.duplicate-item,.error-item{padding:.5rem}}.field-mapping-actions{align-items:center;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#001e3ccc,#00285099)!important;border:2px solid #00c8ff4d!important;border-radius:12px!important;box-shadow:0 0 20px #00c8ff33!important;display:flex;justify-content:space-between;margin-top:auto;padding:1.5rem}.field-mapping-actions button{border:1px solid #0000;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.secondary-button{background-color:#f7fafc;border-color:#e2e8f0;color:#1d3557;color:var(--secondary-color,#1d3557)}.secondary-button:hover{background-color:#edf2f7;border-color:#cbd5e0}.primary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff,#09c);border:2px solid #00c8ff4d;box-shadow:0 0 15px #00c8ff4d;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff,#0ad);border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff80;transform:translateY(-2px)}.primary-button.disabled,.primary-button:disabled{background-color:#a0aec0!important;box-shadow:none;color:#6b7280!important;cursor:not-allowed!important;opacity:.7;transform:none}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00285099,#001e3c66);border:2px solid #00c8ff66;box-shadow:0 0 15px #00c8ff33;color:#ffffffe6;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.secondary-button:hover:not(:disabled){background:linear-gradient(135deg,#00c8ff33,#0096c81a);border-color:#00c8ff99;box-shadow:0 0 25px #00c8ff66;color:#fff;transform:translateY(-2px)}.secondary-button:disabled{background:linear-gradient(135deg,#0028504d,#001e3c33)!important;border-color:#00c8ff33!important;box-shadow:none!important;color:#fff6!important;cursor:not-allowed!important;opacity:.7;transform:none!important}.error-message,.field-mapping-content .error-message,.field-mapping-page .error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b1a,#dc35450d)!important;border:2px solid #ff6b6b4d!important;border-radius:12px;box-shadow:0 0 15px #ff6b6b33!important;padding:3rem;text-align:center}.error-message h2,.field-mapping-content .error-message h2,.field-mapping-page .error-message h2{color:#ff6b6b!important;font-weight:600;margin:0 0 1rem;text-shadow:0 0 10px #ff6b6b4d}.error-message p,.field-mapping-content .error-message p,.field-mapping-page .error-message p{color:#fffc!important;margin:0 0 1.5rem}.preview-records{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33;margin-top:1.5rem;padding:1.5rem}.preview-records h3{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 0 10px #00c8ff4d}.preview-records>p{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.records-table-container{-ms-overflow-style:none;background:#0014284d;border:2px solid #00c8ff4d;border-radius:8px;margin-bottom:1rem;max-height:400px;overflow-y:auto;scrollbar-width:none}.records-table-container::-webkit-scrollbar{display:none}.records-table{border-collapse:collapse;font-size:.875rem;width:100%}.records-table th{background:linear-gradient(135deg,#003264cc,#00285099);border-bottom:2px solid #00c8ff4d;color:#ffffffe6;font-weight:600;padding:.75rem .5rem;position:-webkit-sticky;position:sticky;text-align:left;text-shadow:0 0 8px #00c8ff4d;top:0;z-index:1}.records-table td{background:#0014284d;border-bottom:1px solid #00c8ff33;color:#fffc;padding:.75rem .5rem;vertical-align:top}.records-table tr:nth-child(2n) td{background:#001e3c66}.records-table tr:hover td{background:#00c8ff1a;color:#fffffff2}.kpi-dropdown{position:relative}.kpi-toggle-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00285099,#001e3c66);border:2px solid #00c8ff4d;border-radius:8px;box-shadow:0 0 10px #00c8ff33;color:#ffffffe6;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem;transition:all .2s;width:100%}.kpi-toggle-button:hover{background:linear-gradient(135deg,#00c8ff33,#0096c81a);border-color:#00c8ff80;box-shadow:0 0 15px #00c8ff4d}.kpi-count-info{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.kpi-count{font-size:.875rem;font-weight:500}.kpi-mix{display:flex;font-size:.7rem;gap:.375rem}.complete-count{background-color:#10b981}.complete-count,.minimal-count{border-radius:.25rem;color:#fff;font-weight:500;padding:.125rem .25rem}.minimal-count{background-color:#f59e0b}.all-complete{background-color:#10b981}.all-complete,.all-minimal{border-radius:.25rem;color:#fff;font-size:.7rem;font-weight:500;padding:.125rem .375rem}.all-minimal{background-color:#f59e0b}.dropdown-arrow{color:#718096;font-size:.75rem;transition:transform .2s}.dropdown-arrow.expanded{transform:rotate(180deg)}.kpi-list{background-color:#fff;border:1px solid #e2e8f0;border-radius:0 0 .25rem .25rem;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;margin-top:-1px;position:absolute;right:0;top:100%;z-index:10}.kpi-item{border-bottom:1px solid #f7fafc;font-size:.8rem;margin:0;padding:.5rem;transition:background-color .2s}.kpi-item:last-child{border-bottom:none}.kpi-item:hover{background-color:#f7fafc}.kpi-item.kpi-minimal{background-color:#fffbeb;border-left:3px solid #f59e0b}.kpi-item.kpi-complete{background-color:#f0fdf4;border-left:3px solid #10b981}.kpi-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.kpi-header{flex:1 1}.kpi-badges{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.kpi-item strong{color:#e63946;color:var(--primary-color,#e63946)}.minimal-badge{background-color:#dc2626}.complete-badge,.minimal-badge{border-radius:.75rem;color:#fff;font-size:.65rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.complete-badge{background-color:#10b981}.edit-kpi-button{background-color:#3b82f6;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.7rem;font-weight:500;padding:.25rem .5rem;transition:background-color .2s}.edit-kpi-button:hover{background-color:#2563eb}.kpi-details{margin-top:.25rem}.kpi-item small{color:#718096;display:block;line-height:1.4}.has-data{color:#059669;font-weight:500}.missing-data{color:#dc2626;font-style:italic}.table-note{color:#fff9;font-size:.875rem;font-style:italic;margin:.5rem 0;text-align:center}.preview-actions{justify-content:center;margin-top:1rem}.preview-actions button{min-width:150px}.additional-data-container,.preview-records .records-table .additional-data-container,.records-table-container .additional-data-container{-ms-overflow-style:none!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#00285099,#001e3c66)!important;border:2px solid #00c8ff4d!important;border-radius:8px!important;box-shadow:0 0 15px #00c8ff33!important;max-height:200px!important;overflow-y:auto!important;padding:12px!important;scrollbar-width:none!important}.additional-data-container::-webkit-scrollbar,.preview-records .records-table .additional-data-container::-webkit-scrollbar,.records-table-container .additional-data-container::-webkit-scrollbar{display:none!important}.additional-data-item,.preview-records .records-table .additional-data-item,.records-table-container .additional-data-item{background:#00142866!important;border:1px solid #00c8ff33!important;border-radius:6px!important;color:#ffffffe6!important;margin-bottom:8px!important;padding:8px 12px!important;transition:all .2s ease!important}.additional-data-item:last-child,.preview-records .records-table .additional-data-item:last-child,.records-table-container .additional-data-item:last-child{margin-bottom:0!important}.additional-data-item:hover,.preview-records .records-table .additional-data-item:hover,.records-table-container .additional-data-item:hover{background:#00c8ff1a!important;border-color:#00c8ff66!important;box-shadow:0 0 10px #00c8ff33!important}.additional-data-item strong,.preview-records .records-table .additional-data-item strong,.records-table-container .additional-data-item strong{color:#00c8ffe6!important;text-shadow:0 0 5px #00c8ff4d!important}.preview-validation{margin-top:1rem}.validation-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.validation-warning h4{color:#92400e;font-size:1rem;margin:0 0 .5rem}.validation-warning p{color:#92400e;font-size:.9rem;margin:0 0 1rem}.enrich-all-button{align-items:center;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.enrich-all-button:hover{background-color:#2563eb}.validation-success{background-color:#d1fae5;border:1px solid #10b981;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.validation-success h4{color:#065f46;font-size:1rem;margin:0 0 .5rem}.validation-success p{color:#065f46;font-size:.9rem;margin:0}.success-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.modal-overlay{background-color:#00000080}.enrichment-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h3{color:#1d3557;color:var(--secondary-color,#1d3557);font-size:1.25rem}.modal-close{color:#718096;height:2rem;padding:0;width:2rem}.modal-close:hover{color:#e63946;color:var(--primary-color,#e63946)}.kpi-info{background-color:#f7fafc;border-radius:.25rem;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem}.enrichment-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#1d3557;color:var(--secondary-color,#1d3557)}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:.25rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#e63946;border-color:var(--primary-color,#e63946);box-shadow:0 0 0 3px #e639461a}.modal-footer{gap:1rem}.bulk-enrichment-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 25px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.enrichment-instructions{color:#4a5568;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.bulk-enrichment-form{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.kpi-enrichment-item{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.kpi-enrichment-item .kpi-info{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem}.kpi-enrichment-item .kpi-info strong{color:#e63946;color:var(--primary-color,#e63946);font-size:1rem}.record-info{display:block;margin-top:.25rem}.instances-info,.record-info{color:#718096;font-size:.8rem}.instances-info{margin-top:.5rem;max-height:80px;overflow-y:auto}.instance-detail{background:#f1f5f9;border-radius:.25rem;display:inline-block;font-size:.75rem;margin-bottom:.25rem;margin-right:.25rem;padding:.25rem .5rem}.enrichment-fields{display:flex;flex-direction:column;gap:1rem}.form-row .form-group{margin:0}.form-row .form-group label{margin-bottom:.375rem}.form-row .form-group input,.form-row .form-group select{font-size:.875rem;padding:.5rem}@media (max-width:768px){.field-mapping-content{padding:1rem}.mapping-grid{gap:1rem;grid-template-columns:1fr}.field-mapping-actions{flex-direction:column;gap:1rem}.field-mapping-actions button{width:100%}.csv-preview{font-size:.75rem}.csv-preview td,.csv-preview th{padding:.5rem}.records-table-container{max-height:300px}.preview-actions{flex-direction:column}.preview-actions button{width:100%}.kpi-list{border-radius:.5rem .5rem 0 0;bottom:0;left:0;max-height:50vh;position:fixed;right:0;top:auto}.kpi-toggle-button{font-size:.8rem;padding:.4rem}.bulk-enrichment-modal{max-height:95vh;width:95%}.form-row{gap:.75rem;grid-template-columns:1fr}.bulk-enrichment-form{max-height:50vh}.enrich-all-button{justify-content:center;width:100%}}.kpi-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem}.save-individual-button{align-items:center;background:#10b981;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s}.save-individual-button:hover:not(.disabled){background:#059669;box-shadow:0 2px 4px #10b98140;transform:translateY(-1px)}.save-individual-button.disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.modal-footer{background-color:#f7fafc;padding:1.5rem}.modal-footer button{font-weight:500}@media (max-width:768px){.kpi-actions{margin-top:.5rem;padding-top:.5rem}.save-individual-button{font-size:.8rem;padding:.4rem .8rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer button{width:100%}}.enrichment-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.enrich-ai-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.enrich-ai-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.clear-enrichments-button{align-items:center;background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.clear-enrichments-button:hover{box-shadow:0 4px 12px #e53e3e66;transform:translateY(-2px)}.ai-enrichment-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.ai-enrichment-modal .modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.ai-enrichment-modal .modal-header h3{color:#2c3e50;font-size:1.4em;margin:0}.ai-enrichment-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.ai-enrichment-modal .modal-footer{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.ai-enrichment-intro{margin-bottom:20px}.ai-benefits{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.benefit-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.ai-progress{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:20px 0;padding:15px}.ai-progress.loading{background-color:#e9ecef}.progress-text{color:#2c3e50;margin-bottom:10px}.progress-spinner{display:flex;justify-content:center;margin-top:10px}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;height:24px;width:24px}.ai-enrichment-options{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-top:20px;padding:15px}.option-group h4{color:#2c3e50;margin:0 0 10px}.option-item{color:#6c757d;margin:5px 0}.manual-enrichment-prompt{display:none}.additional-data-container{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.25rem}.additional-data-item{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.8rem;padding:.25rem .5rem}.additional-data-item strong{color:#1d3557;color:var(--secondary-color,#1d3557);margin-right:.25rem}.documentation-upload{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin:20px 0;overflow:hidden}.upload-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:16px 20px}.upload-header h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 4px}.upload-header p{color:#718096;font-size:14px;margin:0}.upload-zone{background:#fafbfc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;margin:20px;padding:32px 20px;text-align:center;transition:all .2s ease}.upload-zone:hover:not(.disabled){background:#f7fafc;border-color:#4299e1}.upload-zone.drag-over{background:#ebf8ff;border-color:#4299e1;transform:scale(1.02)}.upload-zone.disabled{background:#f7fafc;cursor:not-allowed;opacity:.5}.upload-content{pointer-events:none}.upload-icon{margin-bottom:12px;opacity:.6}.upload-text{color:#2d3748;font-size:16px}.upload-text strong{color:#4299e1}.upload-subtitle{color:#718096;font-size:14px}.uploaded-files{border-top:1px solid #e1e5e9}.files-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#2d3748;display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.clear-all-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;color:#718096;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.clear-all-btn:hover:not(:disabled){background:#fed7d7;border-color:#fc8181;color:#e53e3e}.clear-all-btn:disabled{cursor:not-allowed;opacity:.5}.files-list{max-height:300px;overflow-y:auto}.file-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 20px;transition:background-color .2s ease}.file-item:hover{background:#f8f9fa}.file-item:last-child{border-bottom:none}.file-info{align-items:center;display:flex;flex:1 1;min-width:0}.file-icon{flex-shrink:0;font-size:20px;margin-right:12px}.file-details{flex:1 1;min-width:0}.file-name{color:#2d3748;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#718096;font-size:12px}.remove-file-btn{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;flex-shrink:0;font-size:16px;margin-left:8px;padding:4px;transition:all .2s ease}.remove-file-btn:hover:not(:disabled){background:#fed7d7;color:#e53e3e}.remove-file-btn:disabled{cursor:not-allowed;opacity:.5}.upload-tips{background:#f0fff4;border-top:1px solid #e1e5e9;padding:16px 20px}.tip-item{align-items:flex-start;color:#2f855a;display:flex;font-size:14px;gap:8px}.tip-item strong{color:#276749}@media (max-width:768px){.upload-zone{margin:16px;padding:24px 16px}.upload-icon{font-size:36px;margin-bottom:8px}.upload-text{font-size:14px}.upload-subtitle{font-size:12px}.files-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px}.file-item{padding:10px 16px}.file-name{font-size:14px}}@keyframes fileAdded{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-item{animation:fileAdded .3s ease}.data-grid-container{display:flex;flex-direction:column;height:100%}.data-grid-container:before{animation:hudGrid 25s linear infinite}.data-grid{-webkit-overflow-scrolling:touch;background:#0000;display:flex;flex-direction:column;height:100%;overflow:auto;position:relative;width:100%;will-change:transform}.data-grid-body{background:#0000;color:#ffffffe6;flex:1 1}.data-grid::-webkit-scrollbar{height:8px;width:8px}.data-grid::-webkit-scrollbar-track{background:#00142899;border-radius:4px}.data-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00c8ff99,#0096c866);border-radius:4px;box-shadow:0 0 5px #00c8ff4d}.data-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00c8ffcc,#0096c899);box-shadow:0 0 8px #00c8ff80}.data-grid-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff33,#ff64001a);border-bottom:2px solid var(--border-color);box-shadow:0 0 15px #00c8ff4d,inset 0 0 20px #00c8ff0d;color:#ffffffe6;display:flex;font-weight:600;min-width:100%;position:-webkit-sticky;position:sticky;text-shadow:var(--text-glow);top:0;transition:box-shadow .2s ease;width:-webkit-max-content;width:max-content;z-index:10}.data-grid-header.sticky{border-bottom:2px solid #4299e1;box-shadow:0 2px 4px #0000001a}.data-grid-header.sticky .data-grid-header-cell{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#00c8ff4d,#ff640026)!important}.data-grid-header-cell{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff33,#ff64001a)!important;border-right:1px solid var(--border-color);color:#ffffffe6!important;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3.25rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-overflow:ellipsis;text-shadow:var(--text-glow);white-space:nowrap}.data-grid-header-cell:last-child{border-right:none}.data-grid-header-cell.resizable{position:relative}.header-content{color:#ffffffe6!important;flex:1 1;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text-glow);white-space:nowrap}.resize-handle{background-color:initial;border-right:2px solid #0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:border-color .2s ease,background-color .2s ease;width:4px;z-index:1}.resize-handle:before{background-color:#00c8ff99;box-shadow:0 0 3px #00c8ff4d;content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:1px}.resize-handle:hover{background-color:#00c8ff1a;border-right-color:#00c8ffcc}.resize-handle:hover:before{background-color:#00c8ffe6;box-shadow:0 0 5px #00c8ff80;opacity:1}.resize-handle:active{background-color:#00c8ff33;border-right-color:#00c8ff}.data-grid-container.resizing{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.data-grid-container.resizing .resize-handle{background-color:#2b6cb04d!important;border-right-color:#2b6cb0!important}.data-grid-body{flex-grow:1;overflow:visible;width:100%}.data-grid-row{background:#0014284d;border-bottom:1px solid var(--border-color);color:#ffffffe6;cursor:pointer;display:flex;min-width:100%;transition:all .2s ease;width:-webkit-max-content;width:max-content}.data-grid-row:last-child{border-bottom:none}.data-grid-row.hovered{background:linear-gradient(135deg,#00c8ff1a,#001e3c66);box-shadow:0 0 10px #00c8ff33,inset 0 0 20px #00c8ff0d;transform:translateX(2px)}.data-grid-row.selected{animation:highlight-row .5s ease;background:linear-gradient(135deg,#00c8ff33,#00285099);border-left:4px solid #00c8ffcc;box-shadow:0 0 15px #00c8ff4d,inset 0 0 25px #00c8ff1a;font-weight:500}@keyframes highlight-row{0%{background:linear-gradient(135deg,#00c8ff66,#002850cc)}to{background:linear-gradient(135deg,#00c8ff33,#00285099)}}.data-grid-row.selected:hover{background:linear-gradient(135deg,#00c8ff4d,#002850b3);box-shadow:0 0 20px #00c8ff66,inset 0 0 30px #00c8ff26}.data-grid-row.expanded{background:linear-gradient(135deg,#00c8ff26,#00234680);border-left:3px solid #00c8ffcc;box-shadow:0 0 12px #00c8ff40,inset 0 0 22px #00c8ff14}.data-grid-cell{align-items:center;background:#0000;border-right:1px solid var(--border-color);color:#ffffffe6!important;display:flex;flex-shrink:0;font-size:.875rem;height:3.25rem;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.data-grid-cell.actions-cell,.data-grid-header-cell.actions-cell{min-width:-webkit-max-content;min-width:max-content;overflow:visible;white-space:nowrap;width:auto}.data-grid-cell:last-child{border-right:none}.data-grid-cell.editable{cursor:pointer;position:relative}.data-grid-cell.editable:hover{background:linear-gradient(135deg,#00c8ff1a,#001e3c4d);box-shadow:0 0 8px #00c8ff33,inset 0 0 15px #00c8ff0d}.cell-editor{background:linear-gradient(135deg,#001428f2,#001e3ce6);border:2px solid #00c8ffcc;box-shadow:0 0 15px #00c8ff4d,inset 0 0 10px #00c8ff1a;color:#ffffffe6!important;font-size:.875rem;height:100%;left:0;outline:none;padding:.25rem .5rem;position:absolute;top:0;width:100%}.cell-content{overflow:hidden;text-overflow:ellipsis;width:100%}.data-grid-no-rows{color:#ffffffb3!important;font-style:italic;height:100%;padding:2rem}.data-grid-loading,.data-grid-no-rows{align-items:center;display:flex;justify-content:center;text-shadow:var(--text-glow)}.data-grid-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428e6,#001e3ccc);bottom:0;color:#ffffffe6!important;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:10}.spinner{box-shadow:0 0 10px #00c8ff4d;height:30px;margin-bottom:.5rem;width:30px}.data-grid-cell[data-type=currency],.data-grid-cell[data-type=number]{justify-content:flex-end;text-align:right}@media (max-width:768px){.data-grid-cell,.data-grid-header-cell{font-size:.8rem;height:2.75rem;padding:.5rem}}.selection-column{background:#001e3c99!important;border-right:2px solid var(--border-color)!important;left:0;max-width:120px!important;min-width:120px!important;position:-webkit-sticky;position:sticky;z-index:5}.row-action-btn{align-items:center;background:linear-gradient(135deg,#001e3ccc,#00285099);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6!important;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;text-shadow:var(--text-glow);transition:all .2s ease;white-space:nowrap}.select-btn{border-color:#00c8ff99;color:#00c8ffe6!important}.select-btn:hover{background:linear-gradient(135deg,#00c8ff33,#002850cc);border-color:#00c8ffcc;box-shadow:0 0 12px #00c8ff4d,inset 0 0 15px #00c8ff1a}.deselect-btn{border-color:#ff323299;color:#ff3232e6!important}.deselect-btn:hover{background:linear-gradient(135deg,#ff323233,#002850cc);border-color:#ff3232cc;box-shadow:0 0 12px #ff32324d,inset 0 0 15px #ff32321a}.expand-column{background:#001e3c99!important;border-right:2px solid var(--border-color)!important;justify-content:center;left:0;max-width:50px!important;min-width:50px!important;position:-webkit-sticky;position:sticky;z-index:5}.expand-btn{align-items:center;background:linear-gradient(135deg,#001e3ccc,#00285099);border:1px solid var(--border-color);border-radius:.25rem;box-shadow:0 0 5px #00c8ff33,inset 0 0 8px #00c8ff0d;color:#fffc!important;cursor:pointer;display:flex;font-size:.875rem;height:24px;justify-content:center;padding:.25rem;text-shadow:var(--text-glow);transition:all .2s ease;width:24px}.expand-btn:hover{background:linear-gradient(135deg,#00c8ff33,#002850cc);border-color:#00c8ff99;box-shadow:0 0 10px #00c8ff4d,inset 0 0 12px #00c8ff1a;color:#fffffff2!important}.expand-btn.expanded{background:linear-gradient(135deg,#00c8ff4d,#002850b3);border-color:#00c8ffcc;box-shadow:0 0 12px #00c8ff66,inset 0 0 15px #00c8ff26;color:#00c8ffe6!important}.expand-btn.expanded:hover{background:linear-gradient(135deg,#00c8ff66,#002850cc);box-shadow:0 0 15px #00c8ff80,inset 0 0 18px #00c8ff33}.data-grid-expanded-row{animation:expandRow .3s ease-out;background:linear-gradient(135deg,#001e3c66,#00142899);border-bottom:1px solid var(--border-color);color:#ffffffe6;width:100%}@keyframes expandRow{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.expanded-row-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00142833;border-left:3px solid #00c8ffcc;box-shadow:0 0 10px #00c8ff33,inset 0 0 20px #00c8ff0d;margin-left:50px;padding:1rem}.kpi-details{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;position:relative}.kpi-details:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.kpi-details-header{border-bottom:2px solid var(--border-color);padding-bottom:1rem;position:relative}.kpi-details-header:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:0;box-shadow:var(--glow-primary);content:"";height:1px;left:0;position:absolute;right:0}.kpi-details-title{color:#ffffffe6!important;font-weight:700;text-shadow:var(--text-glow)}.kpi-count-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f64d;font-size:.75rem;font-weight:600}.kpi-grid{grid-gap:1rem;align-items:stretch;gap:1rem}.kpi-item{border:1px solid #e5e7eb;overflow:hidden}.kpi-item:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s ease}.kpi-item:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.kpi-item:hover:before{opacity:1}.kpi-header{min-height:24px}.kpi-code{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#1f2937;font-weight:700;max-width:60%;overflow:hidden}.kpi-category,.kpi-code{text-overflow:ellipsis;white-space:nowrap}.kpi-category{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;color:#6366f1;font-size:.7rem;font-weight:600;letter-spacing:.025em;max-width:35%}.kpi-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;margin:0 0 .75rem;min-height:2.8rem;overflow:hidden}.kpi-value-container{border-top:1px solid #f3f4f6;padding-top:.5rem}.kpi-value{color:#059669;font-size:1.5rem;font-weight:800;gap:.25rem;margin:0}.kpi-unit{color:#6b7280;font-size:.8rem}.kpi-description{color:#6b7280;font-size:.75rem;min-height:2.1rem}.kpi-empty-state{color:#6b7280}.kpi-empty-icon{margin-bottom:.5rem}@media (max-width:768px){.expanded-row-content{margin-left:0;padding:.75rem}.kpi-grid{grid-template-columns:1fr}.kpi-item{padding:.5rem}}[data-theme=light] .data-grid-container{background:linear-gradient(135deg,#fffffff2,#f8fafce6),radial-gradient(circle at 50% 50%,#3b82f60d 0,#0000 70%)!important;border-color:#64748b4d!important;box-shadow:0 4px 20px #00000014,0 8px 40px #0000000a!important}[data-theme=light] .data-grid-container:before{background:linear-gradient(0deg,#3b82f605 1px,#0000 0),linear-gradient(90deg,#3b82f605 1px,#0000 0)!important}[data-theme=light] .data-grid-body{color:#0f172ae6!important}[data-theme=light] .data-grid-header{background:linear-gradient(135deg,#3b82f614,#f973160a)!important;border-bottom-color:#64748b4d!important}[data-theme=light] .data-grid-header-cell{color:#0f172ae6!important;font-weight:600!important;text-shadow:none!important}[data-theme=light] .data-grid-row{background:#ffffffe6!important;border-bottom-color:#64748b33!important;color:#0f172ae6!important}[data-theme=light] .data-grid-row:nth-child(2n){background:#f8fafcb3!important}[data-theme=light] .data-grid-row.hovered,[data-theme=light] .data-grid-row:hover{background:linear-gradient(135deg,#3b82f614,#fffffff2)!important;box-shadow:0 2px 8px #3b82f626,inset 0 0 20px #3b82f60d!important;transform:translateX(2px)!important}[data-theme=light] .data-grid-row.selected{background:linear-gradient(135deg,#3b82f61f,#ffffffe6)!important;border-left-color:#3b82f6cc!important;box-shadow:0 4px 12px #3b82f633,inset 0 0 25px #3b82f614!important}[data-theme=light] .data-grid-row.selected:hover{background:linear-gradient(135deg,#3b82f626,#fffffff2)!important;box-shadow:0 6px 16px #3b82f640,inset 0 0 30px #3b82f61a!important}[data-theme=light] .data-grid-row.expanded{background:linear-gradient(135deg,#3b82f61a,#ffffffe6)!important;border-left-color:#3b82f6cc!important;box-shadow:0 3px 10px #3b82f62e,inset 0 0 22px #3b82f60f!important}[data-theme=light] .data-grid-cell{border-right-color:#64748b26!important;color:#0f172ae6!important}[data-theme=light] .data-grid-row .primary-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc)!important;border-color:#3b82f6cc!important;box-shadow:0 2px 6px #3b82f64d!important;color:#fff!important}[data-theme=light] .data-grid-row .secondary-button{background:linear-gradient(135deg,#64748b1a,#94a3b80d)!important;border-color:#64748b4d!important;color:#475569e6!important}[data-theme=light] .data-grid-row .delete-button{background:linear-gradient(135deg,#ef4444e6,#dc2626cc)!important;border-color:#ef4444cc!important;box-shadow:0 2px 6px #ef44444d!important;color:#fff!important}[data-theme=light] .data-grid::-webkit-scrollbar-track{background:#f8fafccc!important}[data-theme=light] .data-grid::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .data-grid::-webkit-scrollbar-thumb:hover{background:#64748b99!important}[data-theme=light] .data-grid::-webkit-scrollbar-corner{background:#f8fafccc!important}.modern-filter-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-bottom:24px;overflow:hidden;position:relative;transition:all .3s ease}.modern-filter-panel:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.modern-filter-panel:hover{border-color:#00c8ff80;box-shadow:0 0 30px #00c8ff66,0 0 60px #00c8ff33;transform:translateY(-2px)}.filter-header-static{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff4d,#ff640033),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.filter-header-static:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:0;box-shadow:var(--glow-primary);content:"";height:1px;left:16px;position:absolute;right:16px}.filter-header-static *{color:#fff!important;text-shadow:var(--text-glow)!important}.filter-header-left{gap:12px}.filter-header-left,.filter-header-right,.filter-mode-toggle{align-items:center;display:flex}.filter-mode-toggle{gap:8px}.filter-mode-label{color:#ffffffe6;font-size:12px;font-weight:500;white-space:nowrap}.toggle-buttons{display:flex;gap:4px}.toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.toggle-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.toggle-btn.active{background:#ffffff40;border-color:#fff9;box-shadow:0 2px 8px #0003;font-weight:600}@media (max-width:768px){.filter-header-static{align-items:flex-start;flex-direction:column;gap:12px}.filter-header-right{justify-content:flex-start;width:100%}.filter-mode-toggle{align-items:flex-start;flex-direction:column;gap:6px}.toggle-buttons{gap:6px}.toggle-btn{font-size:13px;padding:8px 12px}}.filter-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:20px}.filter-header-static h3{color:#fff;font-size:18px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000001a}.filter-badge{animation:pulse 2s infinite;background:#ff6b6b;border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.auto-applying-indicator{animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1rem;margin-left:8px}.filter-mode-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:1px solid var(--border-color);border-radius:8px;margin:16px 16px 0;padding:12px 16px}.filter-mode-description p{color:#fffc!important;font-size:13px;line-height:1.4;margin:0}.filter-mode-description strong{color:#fffffff2!important;text-shadow:var(--text-glow)}.filter-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428cc,#001e3c99);color:#ffffffe6!important;padding:20px}.filter-content *{color:inherit}.filter-tag,.filter-tag button{color:#fff!important}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}@media (max-width:1200px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}}.filter-group{background:linear-gradient(135deg,#001e3ccc,#00285099);border:2px solid var(--border-color);border-radius:8px;flex-direction:column;min-height:100px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.filter-group:before{animation:hudGrid 15s linear infinite;background:linear-gradient(0deg,#00c8ff03 1px,#0000 0),linear-gradient(90deg,#00c8ff03 1px,#0000 0);background-size:10px 10px;border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.filter-group:hover{background:linear-gradient(135deg,#001e3ce6,#002850b3);border-color:#00c8ff99;box-shadow:0 0 15px #00c8ff4d,inset 0 0 20px #00c8ff0d}.filter-label{align-items:center;color:#ffffffe6!important;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-shadow:var(--text-glow);text-transform:uppercase}.label-icon{font-size:16px}.filter-input-group{display:flex;gap:6px;margin-bottom:8px}.modern-input,.modern-select{background:linear-gradient(135deg,#001428cc,#001e3c99);border:2px solid var(--border-color);border-radius:6px;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6!important;flex:1 1;font-size:13px;outline:none;padding:8px 12px;transition:all .3s ease}.modern-select option{background:#001428f2!important;border:none!important;color:#ffffffe6!important;padding:8px 12px!important}.modern-select option:hover{background:#00c8ff4d!important;color:#fff!important}.modern-select option:checked,.modern-select option:selected{background:#00c8ff99!important;color:#fff!important}.modern-select option:disabled{background:#00142880!important;color:#fff6!important}.modern-select::-webkit-scrollbar{width:8px}.modern-select::-webkit-scrollbar-track{background:#001428cc;border-radius:4px}.modern-select::-webkit-scrollbar-thumb{background:#00c8ff99;border-radius:4px;box-shadow:0 0 5px #00c8ff4d}.modern-select::-webkit-scrollbar-thumb:hover{background:#00c8ffcc}.modern-input:focus,.modern-select:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;transform:translateY(-1px)}.modern-input::placeholder{color:#ffffff80}.add-btn,.refresh-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;min-width:36px;padding:8px;transition:all .3s ease}.add-btn{background:linear-gradient(135deg,#00ff64cc,#00c89699);box-shadow:0 0 15px #00ff644d,inset 0 0 10px #00ff641a;color:#fff;text-shadow:0 0 8px #ffffff4d}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ff64,#00c896cc);box-shadow:0 0 25px #00ff6480,inset 0 0 15px #00ff6433;transform:translateY(-2px)}.add-btn:disabled{background:#6464644d;box-shadow:none;color:#fff6;cursor:not-allowed;text-shadow:none;transform:none}.refresh-btn{background:linear-gradient(135deg,#00c8ffcc,#ff640099);box-shadow:0 0 15px #00c8ff4d,inset 0 0 10px #00c8ff1a;color:#fff;text-shadow:0 0 8px #ffffff4d}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#00c8ff,#ff6400cc);box-shadow:0 0 25px #00c8ff80,inset 0 0 15px #00c8ff33;transform:translateY(-2px) rotate(180deg)}.refresh-btn:disabled{background:#6464644d;box-shadow:none;color:#fff6;cursor:not-allowed;text-shadow:none;transform:none}.filter-tags{gap:6px;margin-top:6px;min-height:24px}.filter-tag{animation:fadeInScale .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:11px;gap:4px;padding:4px 8px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-tag button{background:#fff3;color:#fff;font-size:10px;font-weight:700;height:16px;transition:all .2s ease;width:16px}.filter-tag button:hover{background:#ffffff4d;transform:scale(1.1)}.filter-actions{border-top:1px solid var(--border-color);gap:12px;justify-content:flex-end;padding-top:16px}.apply-filters-btn,.clear-filters-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;min-height:36px;padding:8px 16px;transition:all .3s ease}.clear-filters-btn{background:linear-gradient(135deg,#646464cc,#78787899);border:2px solid #64646466;box-shadow:0 0 10px #64646433,inset 0 0 10px #6464640d;color:#ffffffe6!important;text-shadow:var(--text-glow)}.clear-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#787878e6,#8c8c8cb3);border-color:#78787899;box-shadow:0 0 15px #7878784d,inset 0 0 15px #7878781a;transform:translateY(-2px)}.clear-filters-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.apply-filters-btn{background:linear-gradient(135deg,#00c8ffcc,#ff640099);box-shadow:var(--box-shadow);color:#fff;overflow:hidden;position:relative;text-shadow:0 0 10px #ffffff4d}.apply-filters-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.apply-filters-btn:hover:before{left:100%}.apply-filters-btn:hover{background:linear-gradient(135deg,#00c8ff,#ff6400cc);box-shadow:0 0 30px #00c8ff80,inset 0 0 20px #00c8ff33;transform:translateY(-2px)}.apply-filters-btn span:first-child,.clear-filters-btn span:first-child{font-size:16px}@media (max-width:768px){.filter-grid{gap:16px;grid-template-columns:1fr}.filter-content{padding:20px}.filter-header-static{padding:16px 20px}.filter-actions{flex-direction:column;gap:12px}.apply-filters-btn,.clear-filters-btn{justify-content:center;width:100%}}@media (max-width:480px){.filter-input-group{flex-direction:column}.add-btn,.refresh-btn{width:100%}}.loading-state{color:#4a5568;padding:20px}.error-state{background:#fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-top:8px;padding:12px 16px}*{transition:all .2s ease}.add-btn:focus,.apply-filters-btn:focus,.clear-filters-btn:focus,.modern-input:focus,.modern-select:focus,.refresh-btn:focus{outline:2px solid #667eea;outline-offset:2px}.brand-field-container{align-items:center;display:flex;gap:.5rem}.brand-select{flex:1 1}.refresh-brands-btn{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.375rem;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .2s}.refresh-brands-btn:hover{background-color:#edf2f7;color:#2d3748}.refresh-brands-btn:disabled{cursor:not-allowed;opacity:.5}.brand-error{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.filter-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.filter-section h4{color:#495057;font-size:.875rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.input-with-button{display:flex;gap:.5rem;margin-bottom:.75rem}.input-with-button input,.input-with-button select{background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;color:#495057;flex:1 1;font-size:.875rem;padding:.5rem .75rem}.input-with-button input:focus,.input-with-button select:focus{border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd40;outline:none}.input-with-button button{background-color:#0d6efd;border:1px solid #0d6efd;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.input-with-button button:hover{background-color:#0b5ed7;border-color:#0b5ed7}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.filter-tag{align-items:center;background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:1rem;color:#0d6efd;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.filter-tag button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;height:1rem;justify-content:center;padding:0;transition:all .2s;width:1rem}.filter-tag button:hover{background-color:#dc3545;color:#fff}.apply-button,.clear-button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.apply-button{background-color:#198754;color:#fff}.apply-button:hover{background-color:#157347}.clear-button{background-color:#6c757d;color:#fff}.clear-button:hover{background-color:#5c636a}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-size:.875rem}[data-theme=light] .modern-filter-panel{background:var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--box-shadow)!important;color:var(--dark-color)!important}[data-theme=light] .modern-filter-panel:before{animation:none!important;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)!important}[data-theme=light] .modern-filter-panel:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 12px #3b82f626!important;transform:translateY(-1px)!important}[data-theme=light] .filter-header-static{background:linear-gradient(135deg,#3b82f61a,#f973160d)!important;border-bottom-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .filter-header-static:after{background:linear-gradient(90deg,#0000,var(--primary-color),#0000)!important;box-shadow:none!important}[data-theme=light] .filter-header-static *,[data-theme=light] .filter-header-static h3{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .filter-mode-label,[data-theme=light] .toggle-btn{color:var(--dark-color)!important}[data-theme=light] .toggle-btn{background:var(--surface-color)!important;border-color:var(--border-color)!important}[data-theme=light] .toggle-btn:hover{background:#f8fafccc!important;border-color:var(--primary-color)!important}[data-theme=light] .toggle-btn.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=light] .filter-badge{background:var(--danger-color)!important;color:#fff!important}[data-theme=light] .filter-mode-description{background:#f8fafccc!important;border-color:var(--border-color)!important}[data-theme=light] .filter-mode-description p{color:#0f172acc!important}[data-theme=light] .filter-mode-description strong{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .filter-content{background:var(--surface-color)!important;color:var(--dark-color)!important}[data-theme=light] .filter-group{background:#f8fafccc!important;border-color:var(--border-color)!important}[data-theme=light] .filter-group:before{animation:none!important;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)!important}[data-theme=light] .filter-group:hover{background:var(--surface-color)!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px #3b82f626!important}[data-theme=light] .filter-label{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .modern-input,[data-theme=light] .modern-select{background:var(--surface-color)!important;border-color:var(--border-color)!important;box-shadow:none!important;color:var(--dark-color)!important}[data-theme=light] .modern-input:focus,[data-theme=light] .modern-select:focus{background:var(--surface-color)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-theme=light] .modern-input::placeholder{color:#0f172a80!important}[data-theme=light] .modern-select option{background:var(--surface-color)!important;color:var(--dark-color)!important}[data-theme=light] .modern-select option:hover{background:#3b82f61a!important;color:var(--dark-color)!important}[data-theme=light] .modern-select option:checked,[data-theme=light] .modern-select option:selected{background:var(--primary-color)!important;color:#fff!important}[data-theme=light] .modern-select::-webkit-scrollbar-track{background:#f8fafccc!important}[data-theme=light] .modern-select::-webkit-scrollbar-thumb{background:var(--primary-color)!important;box-shadow:none!important}[data-theme=light] .modern-select::-webkit-scrollbar-thumb:hover{background:#3b82f6e6!important}[data-theme=light] .add-btn{background:linear-gradient(135deg,var(--success-color) 0,#22c55ecc 100%)!important;box-shadow:var(--box-shadow)!important;color:#fff!important;text-shadow:none!important}[data-theme=light] .add-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55ee6,#22c55eb3)!important;box-shadow:0 4px 12px #22c55e40!important}[data-theme=light] .add-btn:disabled{background:#64748b4d!important;color:#0f172a66!important}[data-theme=light] .refresh-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;box-shadow:var(--box-shadow)!important;color:#fff!important;text-shadow:none!important}[data-theme=light] .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6e6,#f97316e6)!important;box-shadow:0 4px 12px #3b82f640!important}[data-theme=light] .refresh-btn:disabled{background:#64748b4d!important;color:#0f172a66!important}[data-theme=light] .filter-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;box-shadow:0 2px 8px #3b82f640!important;color:#fff!important}[data-theme=light] .filter-tag button{background:#fff3!important;color:#fff!important}[data-theme=light] .filter-tag button:hover{background:#ffffff4d!important}[data-theme=light] .filter-actions{border-top-color:var(--border-color)!important}[data-theme=light] .clear-filters-btn{background:linear-gradient(135deg,#64748bcc,#64748b99)!important;border-color:#64748b66!important;box-shadow:var(--box-shadow)!important;color:#fff!important;text-shadow:none!important}[data-theme=light] .clear-filters-btn:hover:not(:disabled){background:linear-gradient(135deg,#64748be6,#64748bb3)!important;border-color:#64748b99!important;box-shadow:0 4px 12px #64748b40!important}[data-theme=light] .apply-filters-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;box-shadow:var(--box-shadow)!important;color:#fff!important;text-shadow:none!important}[data-theme=light] .apply-filters-btn:hover{background:linear-gradient(135deg,#3b82f6e6,#f97316e6)!important;box-shadow:0 4px 12px #3b82f640!important}[data-theme=light] .loading-state{color:var(--dark-color)!important}[data-theme=light] .error-state{background:#ef44441a!important;border:1px solid #ef44444d!important;color:var(--danger-color)!important}[data-theme=light] .refresh-brands-btn{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .refresh-brands-btn:hover{background-color:#f8fafccc!important;color:var(--dark-color)!important}[data-theme=light] .brand-error{color:var(--danger-color)!important}[data-theme=light] .filter-section{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .filter-section h4{color:var(--dark-color)!important}[data-theme=light] .input-with-button input,[data-theme=light] .input-with-button select{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .input-with-button input:focus,[data-theme=light] .input-with-button select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #3b82f640!important}[data-theme=light] .input-with-button button{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=light] .input-with-button button:hover{background-color:#3b82f6e6!important;border-color:#3b82f6e6!important}[data-theme=light] .filter-tags .filter-tag{background-color:#3b82f61a!important;border-color:#3b82f64d!important;color:var(--primary-color)!important}[data-theme=light] .filter-tags .filter-tag button{background:none!important;color:#64748bcc!important}[data-theme=light] .filter-tags .filter-tag button:hover{background-color:var(--danger-color)!important;color:#fff!important}[data-theme=light] .apply-button{background-color:var(--success-color)!important;color:#fff!important}[data-theme=light] .apply-button:hover{background-color:#22c55ee6!important}[data-theme=light] .clear-button{background-color:#64748bcc!important;color:#fff!important}[data-theme=light] .clear-button:hover{background-color:#64748be6!important}[data-theme=light] .error-message{border-color:#ef44444d!important}[data-theme=light] .add-btn:focus,[data-theme=light] .apply-filters-btn:focus,[data-theme=light] .clear-filters-btn:focus,[data-theme=light] .modern-input:focus,[data-theme=light] .modern-select:focus,[data-theme=light] .refresh-btn:focus{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}.financial-chatbot{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3cf2,#002850e6);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33,0 0 40px #00c8ff1a;color:#ffffffe6;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:min(800px,calc(100vh - 40px));max-height:calc(100vh - 40px);max-width:600px;transition:all .3s ease;width:min(600px,calc(100vw - 40px));z-index:9999!important}.dashboard-content .financial-chatbot.fullscreen,.dashboard-main .financial-chatbot.fullscreen,.financial-chatbot.fullscreen,body .financial-chatbot.fullscreen,div .financial-chatbot.fullscreen,html .financial-chatbot.fullscreen{animation:expandToFullscreen .3s ease-out;border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:100vh!important;max-width:100vw!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:9999999!important}@keyframes expandToFullscreen{0%{border-radius:12px;bottom:20px;height:1000px;right:20px;width:800px}to{border-radius:0;bottom:0;height:100vh;left:0;right:0;top:0;width:100vw}}.chatbot-header{background:linear-gradient(135deg,#003264cc,#00285099);border-bottom:1px solid #00c8ff4d;border-radius:10px 10px 0 0;justify-content:space-between;min-height:60px;padding:12px 16px}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{gap:10px}.chatbot-icon{font-size:20px}.chatbot-title h3{color:#fffffff2;font-size:16px;font-weight:600;margin:0}.data-context{background:#00c8ff1a;border:1px solid #00c8ff4d;border-radius:10px;color:#00c8ffcc;font-size:12px;padding:2px 8px}.chatbot-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.calculation-toggle,.clear-button,.close-button,.dashboard-button,.fullscreen-button,.minimize-button,.new-conversation-button,.visualization-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:12px;padding:4px 6px;transition:all .2s ease;white-space:nowrap}.calculation-toggle:hover,.clear-button:hover,.close-button:hover,.dashboard-button:hover,.fullscreen-button:hover,.minimize-button:hover,.new-conversation-button:hover,.visualization-toggle:hover{background:#fff3;box-shadow:0 0 8px #00c8ff4d;color:#ffffffe6}.new-conversation-button{background:#00c86426!important;border-color:#00c8644d!important;color:#00ff7fe6!important;font-size:11px;font-weight:500;padding:4px 8px}.new-conversation-button:hover{background:#00c86440!important;border-color:#00c86480!important;box-shadow:0 0 12px #00c86466!important;color:#00ff7f!important}.calculation-toggle.active{background:#ff8c0033;border-color:#ff8c0066;color:#ff8c00e6}.calculation-toggle:not(.active){background:#80808033;border-color:#80808066;color:#808080b3}.calculation-toggle,.clear-button,.close-button,.dashboard-button,.fullscreen-button,.minimize-button,.visualization-toggle{font-size:14px;min-width:auto;padding:4px 5px}.visualization-toggle.active{background:#00c8ff33;border-color:#00c8ff66;box-shadow:0 0 8px #00c8ff33;color:#00c8ffe6}.visualization-toggle.inactive{background:#6464641a;border-color:#6464644d;color:#969696b3}.visualization-toggle.inactive:hover{background:#64646433;box-shadow:0 0 8px #6464644d;color:#969696e6}.chat-messages{gap:12px;padding:15px;scrollbar-color:#00c8ff66 #001e3c4d;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#001e3c4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#00c8ff66;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00c8ff99}.message{animation:messageSlideIn .3s ease-out;flex-direction:column}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message-content{border-radius:16px;line-height:1.4;padding:12px 16px}.message.user .message-content{background:linear-gradient(135deg,#00c8ffcc,#0096ffe6);border-bottom-right-radius:4px;box-shadow:0 0 10px #00c8ff4d;color:#fffffff2}.message.assistant .message-content{background:linear-gradient(135deg,#002850cc,#001e3ce6);border:1px solid #00c8ff33;border-bottom-left-radius:4px;color:#ffffffe6}.message.error .message-content{background:linear-gradient(135deg,#ff323233,#ff64641a);border:1px solid #ff323266;color:#ffc8c8e6}.message-text{color:#ffffffe6;line-height:1.5;white-space:pre-wrap}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{color:#00ffffe6;font-family:Orbitron,Courier New,monospace;font-weight:700;margin:8px 0 4px;text-shadow:0 0 8px #00ffff4d}.message-text strong{color:#00fffff2;font-weight:700;text-shadow:0 0 4px #0ff3}.message-text em{color:#ffff00e6;font-style:italic}.message-text ol,.message-text ul{list-style-position:outside;margin:8px 0;padding-left:20px}.message-text li{color:#ffffffe6;display:list-item;line-height:1.5;margin:4px 0;white-space:normal}.message-text li p{display:inline;margin:0;padding:0}.message-text li::marker{color:#00ffffb3}.message-text table{background:#00142899;border:1px solid #00ffff4d;border-radius:6px;margin:12px 0}.message-text td,.message-text th{border-bottom:1px solid #0ff3;padding:8px 12px;text-align:left}.message-text th{background:#00ffff1a;color:#00ffffe6;font-family:Orbitron,Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.message-text td{color:#ffffffe6;font-size:14px}.message-text tr:hover{background:#00ffff0d}.message-text code{background:#00ffff1a;border:1px solid #0ff3;border-radius:4px;color:#00ffffe6;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.message-text pre{background:#001428cc;border:1px solid #00ffff4d;border-radius:6px;margin:8px 0;overflow-x:auto;padding:12px}.message-text pre code{background:#0000;border:none;padding:0}.message-text blockquote{background:#00ffff0d;border-left:3px solid #0ff9;color:#fffc;font-style:italic;margin:8px 0;padding:8px 16px}.chart-data-popup{animation:popupAppear .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001428f2,#001e3ce6);border:2px solid #0ff9;border-radius:8px;box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff1a;max-width:250px;padding:12px 16px}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.popup-content{color:#ffffffe6;font-family:Orbitron,Courier New,monospace;font-size:12px;line-height:1.4}.popup-content strong{color:#00ffffe6;font-weight:700}.popup-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #0ff9;bottom:-8px;left:50%;transform:translateX(-50%)}.popup-arrow,.popup-arrow:after{height:0;position:absolute;width:0}.popup-arrow:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #001428f2;bottom:2px;content:"";left:-6px}.message-time{color:#ffffff80;font-size:11px;margin-top:4px;padding:0 4px}.typing-indicator{align-items:center;padding:8px 0}.typing-indicator span{animation:typingDot 1.4s ease-in-out infinite;background:#00c8ff99}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-error{align-items:center;background:#ff32321a;border:1px solid #ff32324d;border-radius:8px;color:#ff9696e6;display:flex;font-size:13px;gap:8px;margin:0 15px;padding:10px 15px}.error-icon{font-size:16px}.chat-input-container{background:linear-gradient(135deg,#00285099,#001e3ccc);border-radius:0 0 10px 10px;border-top:1px solid #00c8ff33;padding:15px}.chat-input{gap:10px}.chat-input textarea{background:#001428cc;border:1px solid #00c8ff4d;border-radius:20px;color:#ffffffe6;font-size:14px;outline:none;overflow:hidden;padding:10px 15px;transition:all .2s ease}.chat-input textarea:focus{border-color:#00c8ff99;box-shadow:0 0 12px #00c8ff33}.chat-input textarea:disabled{opacity:.6}.chat-input textarea::placeholder{color:#fff6}.send-button{background:linear-gradient(135deg,#00c8ffcc,#0096ffe6);border-radius:50%;box-shadow:0 0 10px #00c8ff4d;color:#fffffff2;font-size:16px;height:40px;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#00dcffe6,#0af);box-shadow:0 0 15px #00c8ff80;transform:scale(1.05)}.input-hint{color:#fff6;font-size:11px;margin-top:8px;text-align:center}.message.loading .message-content{animation:loadingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00285099,#001e3cb3);border:1px solid #00c8ff4d}@media (max-width:1024px){.financial-chatbot:not(.fullscreen){bottom:20px;height:min(700px,calc(100vh - 40px));max-height:calc(100vh - 40px);right:20px;width:min(500px,calc(100vw - 40px))}}@media (max-width:768px){.financial-chatbot:not(.fullscreen){bottom:20px;height:calc(100vh - 60px);left:20px;max-height:calc(100vh - 60px);right:20px;width:calc(100vw - 40px)}.chatbot-header{flex-direction:column;gap:8px;min-height:auto;padding:10px 12px}.chatbot-title{gap:6px}.chatbot-title h3{font-size:16px}.chatbot-actions{gap:3px;justify-content:center}.new-conversation-button{font-size:10px!important;padding:3px 6px!important}.calculation-toggle,.clear-button,.close-button,.dashboard-button,.fullscreen-button,.minimize-button,.visualization-toggle{font-size:12px;padding:3px 4px}}.financial-chatbot.fullscreen .chat-input-container,.financial-chatbot.fullscreen .chat-messages,.financial-chatbot.fullscreen .chatbot-header{padding:20px}.error-action-container{border-top:1px solid #ffffff1a;display:flex;justify-content:center;margin-top:16px;padding:12px 0}.new-conversation-button{background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;box-shadow:0 4px 12px #00c8ff4d;color:#fff;font-size:14px;padding:12px 24px}.new-conversation-button:hover{background:linear-gradient(135deg,#00b8ef,#0070ef);box-shadow:0 6px 20px #00c8ff66;transform:translateY(-2px)}.new-conversation-button:active{box-shadow:0 2px 8px #00c8ff4d;transform:translateY(0)}.smart-mode-offer-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:12px;padding:12px 24px;transition:all .3s ease}.smart-mode-offer-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.smart-mode-offer-button:active{box-shadow:0 2px 8px #8b5cf64d;transform:translateY(0)}.new-conversation-button.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.new-conversation-button.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 20px #6b728066}[data-theme=light] .error-action-container{border-top-color:#0000001a}[data-theme=light] .new-conversation-button{background:linear-gradient(135deg,#0080ff,#0060ff);box-shadow:0 4px 12px #0080ff4d}[data-theme=light] .new-conversation-button:hover{background:linear-gradient(135deg,#0070ef,#0050ef);box-shadow:0 6px 20px #0080ff66}[data-theme=light] .smart-mode-offer-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}[data-theme=light] .smart-mode-offer-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666}.smart-mode-section{margin:0 16px}.smart-mode-section,.smart-mode-toggle,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-text{color:#ffffffb3;font-size:12px;font-weight:500;margin-right:8px;transition:color .3s ease}.toggle-text.active{color:#8b5cf6;font-weight:600}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#fff3;border:1px solid #ffffff1a;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:2px;width:18px}input:checked+.slider{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}input:checked+.slider:before{transform:translateX(20px)}.data-reduction-badge,.smart-mode-processing{color:#8b5cf6;font-size:11px;font-weight:500;margin-left:4px}.smart-mode-processing{animation:pulse 2s infinite;opacity:.7}[data-theme=light] .toggle-text{color:#0f172ab3}[data-theme=light] .toggle-text.active{color:#8b5cf6}[data-theme=light] .slider{background-color:#0000001a;border-color:#0003}[data-theme=light] .slider:before{background-color:#fff;box-shadow:0 2px 4px #0000001a}[data-theme=light] .data-reduction-badge{color:#7c3aed}.chat-input textarea{field-sizing:content}.message.assistant .message-text{color:#fffffff2;line-height:1.6}.message.assistant .message-text strong{color:#00c8ffe6;font-weight:600}.message.assistant .message-text em{color:#ffc800cc;font-style:italic}.message-text p{color:#fffffff2;margin:8px 0}.message-text .markdown-paragraph{background:#001e3c4d;border-left:3px solid #00c8ff80;border-radius:6px;color:#fffffff2;margin:8px 0;padding:8px 12px}.message-text .number-value{background:#00326466;border-radius:4px;color:#00ffc8e6;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.hud-chart-container{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;overflow:hidden;position:relative}@keyframes hudChartAppear{0%{filter:blur(5px);opacity:0;transform:translateY(20px) scale(.95)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.hud-chart-container:before{animation:hudGrid 30s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hud-chart-header{align-items:center;background:linear-gradient(135deg,#00c8ff33,#0096ff1a);border-bottom:1px solid #00c8ff4d;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.hud-chart-header:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:0;box-shadow:0 0 8px #00c8ff80;content:"";height:1px;left:0;position:absolute;right:0}.chart-status-indicator{align-items:center;display:flex;gap:8px}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:#00c8ffcc;border-radius:50%;box-shadow:0 0 10px #00c8ff99;height:8px;width:8px}.status-dot.loading{animation:loadingPulse 1s ease-in-out infinite;background:#ffa500cc;box-shadow:0 0 10px #ffa50099}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes loadingPulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.status-text{color:#00c8ffe6;font-size:10px;font-weight:600;letter-spacing:1px;text-shadow:0 0 5px #00c8ff80}.chart-title{color:#fffffff2;font-size:14px;font-weight:600;letter-spacing:.5px;text-shadow:0 0 8px #ffffff4d;text-transform:uppercase}.chart-type-badge{background:#00c8ff33;border:1px solid #00c8ff66;border-radius:4px;color:#00c8ffe6;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 8px}.hud-chart-content{align-items:center;display:flex;height:500px;justify-content:center;min-height:500px;position:relative;width:100%}.hud-chart-header{background:#0000;border:none;margin:0;padding:8px 0}.hud-chart-footer{display:none}.chart-renderer{align-items:center;background:#0000;border-radius:0;display:flex;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.chart-renderer canvas{border-radius:0;box-shadow:none;display:block!important;height:100%!important;max-height:100%!important;max-width:100%!important;width:100%!important}.financial-chatbot.fullscreen .hud-chart-content{height:260px;margin:0 auto;max-width:600px;min-height:260px}.financial-chatbot.fullscreen .hud-chart-container{margin:0 auto;max-width:650px}.financial-chatbot.fullscreen .chart-renderer{padding:24px}.chart-loading{align-items:center;display:flex;flex-direction:column;height:280px;justify-content:center;overflow:hidden;position:relative}.loading-grid{animation:loadingGrid 3s linear infinite;background:linear-gradient(0deg,#00c8ff1a 1px,#0000 0),linear-gradient(90deg,#00c8ff1a 1px,#0000 0);background-size:30px 30px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes loadingGrid{0%{opacity:.3;transform:translate(0)}50%{opacity:.7}to{opacity:.3;transform:translate(30px,30px)}}.loading-text{animation:loadingTextPulse 2s ease-in-out infinite;color:#00c8ffcc;font-size:12px;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}@keyframes loadingTextPulse{0%,to{opacity:.6}50%{opacity:1}}.loading-bar{background:#00c8ff33;border-radius:2px;height:3px;overflow:hidden;position:relative;width:200px}.loading-progress{animation:loadingProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#00c8ffcc,#0ff 50%,#00c8ffcc);border-radius:2px;box-shadow:0 0 10px #00c8ff99;height:100%;width:30%}@keyframes loadingProgress{0%{transform:translateX(-100%)}to{transform:translateX(600%)}}.chart-description{align-items:center;background:#00c8ff0d;border-top:1px solid #00c8ff33;color:#fffc;display:flex;font-size:12px;gap:8px;padding:12px 16px}.description-icon{background:#00c8ff4d;border-radius:50%;color:#00c8ffe6;flex-shrink:0;height:16px;justify-content:center;width:16px}.description-icon,.hud-chart-footer{align-items:center;display:flex;font-size:10px}.hud-chart-footer{background:#001428cc;border-top:1px solid #00c8ff33;justify-content:space-between;padding:8px 16px}.chart-metrics{display:flex;gap:16px}.metric{align-items:center;display:flex;gap:4px}.metric-label{color:#00c8ffb3;font-weight:600;letter-spacing:.5px}.metric-value{color:#ffffffe6;font-weight:700;text-shadow:0 0 5px #ffffff4d}.chart-timestamp{color:#00c8ff99;font-family:Courier New,monospace;letter-spacing:1px}.hud-chart-error{animation:errorPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff00001a,#ff32320d);border:2px solid #ff323266;border-radius:12px;margin:20px 0;overflow:hidden;position:relative}@keyframes errorPulse{0%,to{border-color:#ff323266}50%{border-color:#ff3232b3}}.error-header{background:#ff323233;border-bottom:1px solid #ff32324d;gap:12px;padding:12px 16px}.error-header,.error-icon{align-items:center;display:flex}.error-icon{animation:errorIconSpin 3s linear infinite;background:#ff3232cc;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}@keyframes errorIconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-title{color:#ff6464e6;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 0 5px #ff646480}.error-message{color:#ff9696e6;font-size:13px;line-height:1.4}.error-grid{animation:errorGrid 4s linear infinite;background:linear-gradient(0deg,#ff32320d 1px,#0000 0),linear-gradient(90deg,#ff32320d 1px,#0000 0);background-size:15px 15px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes errorGrid{0%{transform:translate(0)}to{transform:translate(15px,15px)}}.hud-questions-container{animation:hudQuestionsAppear .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#001428e6,#001e3ccc),radial-gradient(circle at 70% 30%,#00c8ff14 0,#0000 50%);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 0 20px #00c8ff33,inset 0 0 20px #00c8ff08;margin-top:20px;overflow:hidden;position:relative;transform:translateZ(0);will-change:opacity}@keyframes hudQuestionsAppear{0%{opacity:0;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-questions-container:before{animation:questionsGrid 25s linear infinite;background:linear-gradient(0deg,rgba(0,200,255,.015) 1px,#0000 0),linear-gradient(90deg,rgba(0,200,255,.015) 1px,#0000 0);background-size:25px 25px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes questionsGrid{0%{transform:translate(0)}to{transform:translate(25px,25px)}}.hud-questions-header{align-items:center;background:linear-gradient(135deg,#00c8ff26,#0096ff14);border-bottom:1px solid #00c8ff40;display:flex;justify-content:space-between;padding:10px 14px;position:relative}.hud-questions-header:after{background:linear-gradient(90deg,#0000,#00c8ff99,#0000);bottom:0;box-shadow:0 0 6px #00c8ff66;content:"";height:1px;left:0;position:absolute;right:0}.questions-status-indicator{align-items:center;display:flex;gap:6px}.questions-count-badge{background:#00c8ff33;border:1px solid #00c8ff66;border-radius:3px;color:#00c8ffe6;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.hud-questions-content{padding:14px}.questions-grid{display:flex;flex-direction:column;gap:8px}.hud-question-item{align-items:center;background:linear-gradient(135deg,#00c8ff14,#0096ff0a);border:1px solid #00c8ff33;border-radius:8px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s ease}.hud-question-item:before{background:linear-gradient(90deg,#0000,#00c8ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hud-question-item.hovered:before{left:100%}.hud-question-item:hover{background:linear-gradient(135deg,#00c8ff26,#0096ff14);border-color:#00c8ff66;box-shadow:0 0 15px #00c8ff33,inset 0 0 15px #00c8ff0d;transform:translateX(3px)}.hud-question-item:active{transform:translateX(1px) scale(.99)}.question-index{align-items:center;background:#00c8ff33;border:1px solid #00c8ff66;border-radius:4px;color:#00c8ffe6;display:flex;flex-shrink:0;font-family:Courier New,monospace;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.question-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.question-text{color:#ffffffe6;font-size:13px;font-weight:500;line-height:1.3}.question-action{align-items:center;display:flex;gap:6px;opacity:0;transition:opacity .3s ease}.hud-question-item:hover .question-action{opacity:1}.action-text{color:#00c8ffb3;font-size:9px;font-weight:600;letter-spacing:.5px}.action-arrow{color:#00c8ffcc;font-size:12px;transform:translateX(0);transition:transform .3s ease}.hud-question-item:hover .action-arrow{transform:translateX(3px)}.question-glow{background:radial-gradient(circle,#00c8ff4d 0,#0000 70%);border-radius:50%;height:40px;opacity:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:40px}.hud-question-item:hover .question-glow{animation:glowPulse 2s ease-in-out infinite;opacity:1}@keyframes glowPulse{0%,to{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.2)}}.hud-questions-footer{align-items:center;background:#001428b3;border-top:1px solid #00c8ff33;display:flex;font-size:9px;justify-content:space-between;padding:6px 14px}.footer-text{align-items:center;display:flex;gap:4px}.footer-label{color:#00c8ff99;font-weight:600;letter-spacing:.5px}.footer-value{color:#fffc;font-weight:500}.footer-timestamp{color:#00c8ff80;font-family:Courier New,monospace;letter-spacing:.5px}.dashboard-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.dashboard-modal{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#001428f2,#001e3ce6);border:2px solid #0ff6;border-radius:16px;box-shadow:0 0 50px #00ffff4d,inset 0 0 50px #00ffff0d;display:flex;flex-direction:column;max-height:95vh;overflow:hidden;width:95vw}.dashboard-header{align-items:center;background:linear-gradient(135deg,#00ffff1a,#0096ff0d);border-bottom:1px solid #00ffff4d;display:flex;justify-content:space-between;padding:20px 30px}.dashboard-title{align-items:center;display:flex;gap:15px}.dashboard-icon{font-size:24px}.dashboard-title h2{color:#fffffff2;font-family:Orbitron,Courier New,monospace;font-size:20px;font-weight:700;margin:0;text-shadow:0 0 10px #00ffff4d}.dashboard-status{background:#0ff3;border-radius:12px;color:#00ffffe6;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.dashboard-close{background:#ff646433;border:1px solid #ff646466;border-radius:8px;color:#fffc;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.dashboard-close:hover{background:#ff64644d;box-shadow:0 0 10px #ff646466;color:#fff}.dashboard-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.dashboard-input-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:800px}.dashboard-input-header{margin-bottom:30px;text-align:center}.dashboard-input-header h3{color:#fffffff2;font-family:Orbitron,Courier New,monospace;font-size:24px;font-weight:700;margin:0 0 15px;text-shadow:0 0 15px #00ffff4d}.dashboard-input-header p{color:#ffffffb3;font-size:16px;line-height:1.5;margin:0}.dashboard-input-container{background:#00142899;border:2px solid #00ffff4d;border-radius:12px;box-shadow:0 0 25px #0ff3,inset 0 0 25px #00ffff0d;padding:25px;width:100%}.dashboard-input{background:#000a14cc;border:1px solid #0ff6;border-radius:8px;color:#ffffffe6;font-family:Orbitron,Courier New,monospace;font-size:14px;line-height:1.5;min-height:100px;outline:none;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.dashboard-input:focus{border-color:#00ffffb3;box-shadow:0 0 15px #00ffff4d}.dashboard-input::placeholder{color:#ffffff80;font-style:italic}.dashboard-input-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.dashboard-default-btn,.dashboard-generate-btn{background:#0ff3;border:1px solid #0ff6;border-radius:8px;color:#00ffffe6;cursor:pointer;font-family:Orbitron,Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.dashboard-default-btn:hover,.dashboard-generate-btn:hover:not(:disabled){background:#00ffff4d;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.dashboard-generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.dashboard-default-btn{background:#64646433;border-color:#96969666;color:#c8c8c8e6}.dashboard-default-btn:hover{background:#9696964d;box-shadow:0 0 20px #9696964d}.dashboard-controls{display:flex;justify-content:center;margin-bottom:30px}.new-dashboard-btn{background:#ff03;border:1px solid #ff06;border-radius:8px;color:#ffff00e6;cursor:pointer;font-family:Orbitron,Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.new-dashboard-btn:hover{background:#ffff004d;box-shadow:0 0 15px #ff06;transform:translateY(-1px)}.dashboard-loading{flex-direction:column;gap:20px;height:100%}.loading-spinner{border:3px solid #0ff3;border-top-color:#0ffc;height:60px;width:60px}.loading-text{color:#fffc;font-family:Orbitron,Courier New,monospace;font-size:14px}.dashboard-error{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.error-icon{color:#ff9600cc;font-size:48px}.error-text{color:#fffc;font-size:16px;text-align:center}.error-text,.retry-button{font-family:Orbitron,Courier New,monospace}.retry-button{background:#0ff3;border:1px solid #0ff6;color:#00ffffe6;font-weight:700;padding:12px 24px}.retry-button:hover{background:#00ffff4d;box-shadow:0 0 15px #0ff6}.dashboard-grid{grid-gap:15px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(2,400px)!important;height:auto!important;padding:15px!important;width:100%!important}.dashboard-chart-item{background:#000a1499;border:1px solid #0ff3;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.dashboard-chart-item .hud-chart-container{display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.dashboard-chart-item .hud-chart-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;width:100%}.dashboard-chart-item .hud-chart-container.clickable{transition:all .3s ease}.dashboard-chart-item canvas,.dashboard-chart-item svg{height:100%!important;max-height:100%!important;max-width:100%!important;min-height:250px!important;width:100%!important}.dashboard-chart-item .recharts-wrapper{height:100%!important;min-height:300px!important;width:100%!important}.dashboard-chart-item .recharts-responsive-container{height:100%!important;min-height:250px!important;width:100%!important}.dashboard-chart-item .hud-chart-content>div{flex:1 1;height:100%!important;width:100%!important}.dashboard-chart-item .hud-chart-container.clickable:hover{border-color:#0ff9;box-shadow:0 0 30px #0ff6;transform:scale(1.02)}.dashboard-chart-item:hover{border-color:#0ff6;box-shadow:0 0 20px #0ff3;transform:translateY(-2px)}.chart-focus-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100001}.chart-focus-modal{animation:modalZoomIn .4s ease-out;background:linear-gradient(135deg,#001428f2,#001e3ce6);border:2px solid #0ff6;border-radius:16px;box-shadow:0 0 50px #00ffff4d;display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.chart-focus-header{align-items:center;background:#000a1499;border-bottom:1px solid #0ff3;display:flex;justify-content:space-between;padding:20px 30px}.chart-focus-title{align-items:center;display:flex;gap:15px}.chart-focus-icon{font-size:24px}.chart-focus-title h2{color:#fff;font-family:Orbitron,Courier New,monospace;font-size:24px;font-weight:600;margin:0;text-shadow:0 0 10px #00ffff80}.chart-focus-type{background:linear-gradient(45deg,#0ff3,#f0f3);border:1px solid #00ffff4d;border-radius:12px;color:#0ff;font-size:12px;font-weight:600;letter-spacing:1px;padding:4px 12px}.chart-focus-close{align-items:center;background:#0000;border:2px solid #f006;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chart-focus-close:hover{background:#ff00001a;border-color:#f009;box-shadow:0 0 15px #ff00004d;transform:scale(1.1)}.chart-focus-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:30px}.chart-focus-content .hud-chart-container{height:100%;margin:0;max-height:750px;width:100%}.chart-focus-description{background:#000a1466;border-top:1px solid #0ff3;color:#fffc;font-family:Orbitron,Courier New,monospace;font-size:14px;line-height:1.6;padding:20px 30px;text-align:center}[data-theme=light] .financial-chatbot{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#64748b4d!important;box-shadow:0 0 20px #0000001a,0 0 40px #0000000d!important;color:#0f172ae6!important}[data-theme=light] .chatbot-header{background:linear-gradient(135deg,#3b82f61a,#f973160d)!important;border-bottom-color:#64748b4d!important}[data-theme=light] .chatbot-title h3{color:#0f172af2!important}[data-theme=light] .data-context{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .calculation-toggle,[data-theme=light] .clear-button,[data-theme=light] .close-button,[data-theme=light] .dashboard-button,[data-theme=light] .fullscreen-button,[data-theme=light] .visualization-toggle{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569cc!important}[data-theme=light] .calculation-toggle:hover,[data-theme=light] .clear-button:hover,[data-theme=light] .close-button:hover,[data-theme=light] .dashboard-button:hover,[data-theme=light] .fullscreen-button:hover,[data-theme=light] .visualization-toggle:hover{background:#64748b33!important;box-shadow:0 0 8px #3b82f633!important;color:#475569!important}[data-theme=light] .calculation-toggle.active{background:#f973161a!important;border-color:#f9731666!important;color:#f97316e6!important}[data-theme=light] .calculation-toggle:not(.active){background:#64748b1a!important;border-color:#64748b4d!important;color:#64748bb3!important}[data-theme=light] .visualization-toggle.active{background:#3b82f61a!important;border-color:#3b82f666!important;box-shadow:0 0 8px #3b82f633!important;color:#3b82f6e6!important}[data-theme=light] .visualization-toggle.inactive{background:#64748b1a!important;border-color:#64748b4d!important;color:#64748bb3!important}[data-theme=light] .visualization-toggle.inactive:hover{background:#64748b33!important;box-shadow:0 0 8px #64748b33!important;color:#64748be6!important}[data-theme=light] .chat-messages{scrollbar-color:#64748b66 #f8fafc4d!important}[data-theme=light] .chat-messages::-webkit-scrollbar-track{background:#f8fafccc!important}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb:hover{background:#64748b99!important}[data-theme=light] .message.user .message-content{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important;box-shadow:0 0 10px #3b82f64d!important;color:#fff!important}[data-theme=light] .financial-chatbot .message.assistant .message-content{background:#fffffffa!important;background-image:none!important;border-color:#64748b4d!important;box-shadow:0 2px 8px #0000001a!important;color:#0f172ae6!important}[data-theme=light] .chat-messages .message.assistant .message-content{background:#fffffffa!important;background-image:none!important}[data-theme=light] .message.error .message-content{background:linear-gradient(135deg,#ef44441a,#dc26260d)!important;border-color:#ef444466!important;color:#b91c1ce6!important}[data-theme=light] .message-text{color:#0f172ae6!important}[data-theme=light] .message-text h1,[data-theme=light] .message-text h2,[data-theme=light] .message-text h3,[data-theme=light] .message-text h4,[data-theme=light] .message-text h5,[data-theme=light] .message-text h6,[data-theme=light] .message-text strong{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .message-text em{color:#f97316e6!important}[data-theme=light] .message-text li{color:#0f172ae6!important}[data-theme=light] .message-text li::marker{color:#3b82f6b3!important}[data-theme=light] .message-text table{background:#f8fafccc!important;border-color:#64748b4d!important}[data-theme=light] .message-text th{background:#3b82f61a!important;border-bottom-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .message-text td{border-bottom-color:#64748b33!important;color:#0f172ae6!important}[data-theme=light] .message-text tr:hover{background:#3b82f60d!important}[data-theme=light] .message-text code{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .message-text pre{background:#f8fafce6!important;border-color:#64748b4d!important}[data-theme=light] .message-text blockquote{background:#3b82f60d!important;border-left-color:#3b82f699!important;color:#475569cc!important}[data-theme=light] .chat-input-container{background:linear-gradient(135deg,#f8fafccc,#f1f5f9e6)!important;border-top-color:#64748b4d!important}[data-theme=light] .chat-input textarea{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .chat-input textarea:focus{border-color:#3b82f699!important;box-shadow:0 0 12px #3b82f633!important}[data-theme=light] .chat-input textarea::placeholder{color:#64748b99!important}[data-theme=light] .send-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important;box-shadow:0 0 10px #3b82f64d!important}[data-theme=light] .send-button:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#1d4ed8e6)!important;box-shadow:0 0 15px #3b82f680!important}[data-theme=light] .input-hint{color:#64748b99!important}[data-theme=light] .typing-indicator span{background:#3b82f699!important}[data-theme=light] .chat-error{background:#ef44441a!important;border-color:#ef44444d!important;color:#b91c1ce6!important}[data-theme=light] .message-time{color:#64748b99!important}[data-theme=light] .message.loading .message-content{background:linear-gradient(135deg,#f8fafccc,#f1f5f9e6)!important;border-color:#3b82f64d!important}[data-theme=light] .chat-messages .message.assistant .message-content,[data-theme=light] .financial-chatbot .chat-messages .message.assistant .message-content,[data-theme=light] .message.assistant .message-content{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #64748b4d!important;box-shadow:0 2px 8px #0000001a!important;color:#0f172ae6!important}[data-theme=light] .message-text .markdown-paragraph{background:#3b82f61a!important;border-left-color:#3b82f680!important;color:#0f172ae6!important}[data-theme=light] .hud-questions-container{background:linear-gradient(135deg,#fffffff2,#f8fafce6),radial-gradient(circle at 70% 30%,#3b82f614 0,#0000 50%)!important;border:2px solid #64748b4d!important;box-shadow:0 0 20px #0000001a,inset 0 0 20px #3b82f608!important}[data-theme=light] .hud-questions-container:before{background:linear-gradient(0deg,rgba(59,130,246,.015) 1px,#0000 0),linear-gradient(90deg,rgba(59,130,246,.015) 1px,#0000 0)!important}[data-theme=light] .hud-questions-header{background:linear-gradient(135deg,#3b82f626,#3b82f614)!important;border-bottom:1px solid #3b82f640!important}[data-theme=light] .hud-questions-header:after{background:linear-gradient(90deg,#0000,#3b82f699,#0000)!important;box-shadow:0 0 6px #3b82f666!important}[data-theme=light] .questions-count-badge{background:#3b82f633!important;border:1px solid #3b82f666!important;color:#3b82f6e6!important}[data-theme=light] .hud-question-item{background:linear-gradient(135deg,#3b82f614,#3b82f60a)!important;border:1px solid #3b82f633!important}[data-theme=light] .hud-question-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000)!important}[data-theme=light] .hud-question-item:hover{background:linear-gradient(135deg,#3b82f626,#3b82f614)!important;border-color:#3b82f666!important;box-shadow:0 0 15px #3b82f633,inset 0 0 15px #3b82f60d!important}[data-theme=light] .question-index{background:#3b82f633!important;border:1px solid #3b82f666!important;color:#3b82f6e6!important}[data-theme=light] .question-text{color:#0f172ae6!important}[data-theme=light] .action-text{color:#3b82f6b3!important}[data-theme=light] .action-arrow{color:#3b82f6cc!important}[data-theme=light] .question-glow{background:radial-gradient(circle,#3b82f64d 0,#0000 70%)!important}[data-theme=light] .hud-questions-footer{background:#f8fafcb3!important;border-top:1px solid #3b82f633!important}[data-theme=light] .footer-label{color:#3b82f699!important}[data-theme=light] .footer-value{color:#0f172acc!important}[data-theme=light] .footer-timestamp{color:#3b82f680!important}[data-theme=light] .dashboard-modal{background:#fffffffa!important;border:2px solid #64748b4d!important;box-shadow:0 20px 40px #0000001a!important;color:#0f172ae6!important}[data-theme=light] .dashboard-header{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border-bottom:1px solid #64748b33!important}[data-theme=light] .dashboard-title h2{color:#0f172ae6!important}[data-theme=light] .dashboard-status{color:#3b82f6b3!important}[data-theme=light] .dashboard-close{background:#f8fafccc!important;border:1px solid #64748b4d!important;color:#0f172ab3!important}[data-theme=light] .dashboard-close:hover{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444cc!important}[data-theme=light] .dashboard-content{background:#fffffffa!important}[data-theme=light] .dashboard-input-section{background:#fffffff2!important;border:1px solid #e2e8f0cc!important;border-radius:12px!important}[data-theme=light] .dashboard-input-header h3{color:#0f172ae6!important}[data-theme=light] .dashboard-input-header p{color:#64748bcc!important}[data-theme=light] .dashboard-input{background:#fffffff2!important;border:1px solid #64748b4d!important;color:#0f172ae6!important}[data-theme=light] .dashboard-input::placeholder{color:#64748b99!important}[data-theme=light] .dashboard-input:focus{border-color:#3b82f680!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-theme=light] .dashboard-input-actions button{background:#f8fafce6!important;border:1px solid #cbd5e1cc!important;color:#475569e6!important;font-weight:500!important}[data-theme=light] .dashboard-input-actions button:hover{background:#f1f5f9!important;border-color:#94a3b899!important;box-shadow:0 2px 4px #0000000d!important;color:#334155!important}[data-theme=light] .dashboard-input-actions .primary{background:#0f172ae6!important;border-color:#0f172ae6!important;color:#fffffff2!important}[data-theme=light] .dashboard-input-actions .primary:hover{background:#0f172a!important;box-shadow:0 4px 12px #0f172a40!important}.financial-chatbot:not(.fullscreen){clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;transform:none!important;visibility:visible!important}.dashboard-content .financial-chatbot:not(.fullscreen),.dashboard-main .financial-chatbot:not(.fullscreen),.financial-chatbot:not(.fullscreen),.minimized-chatbot,body .financial-chatbot:not(.fullscreen),div .financial-chatbot:not(.fullscreen),html .financial-chatbot:not(.fullscreen){bottom:20px!important;position:fixed!important;right:20px!important;z-index:99999!important}.minimized-chatbot{animation:slideInUp .3s ease-out}.restore-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c86433,#00965026);border:2px solid #00c86466;border-radius:25px;box-shadow:0 4px 20px #00c86433,0 2px 10px #0000001a;color:#00ff7ff2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.restore-button:hover{background:linear-gradient(135deg,#00c8644d,#00965040);border-color:#00c86499;box-shadow:0 6px 25px #00c8644d,0 4px 15px #00000026;color:#00ff7f;transform:translateY(-2px)}.restore-button:active{box-shadow:0 2px 15px #00c86433,0 1px 8px #0000001a;transform:translateY(0)}[data-theme=light] .restore-button{background:linear-gradient(135deg,#3b82f626,#22c55e1a)!important;border-color:#3b82f666!important;box-shadow:0 4px 20px #3b82f626,0 2px 10px #0000001a!important;color:#3b82f6f2!important}[data-theme=light] .restore-button:hover{background:linear-gradient(135deg,#3b82f640,#22c55e26)!important;border-color:#3b82f699!important;box-shadow:0 6px 25px #3b82f640,0 4px 15px #0000001a!important;color:#3b82f6!important}.hud-chart-container canvas,[data-theme=dark] .hud-chart-container canvas{background:#001428cc!important;background-color:#001428cc!important}[data-theme=light] .hud-chart-container canvas{background:#fffffff2!important;background-color:#fffffff2!important}[data-theme=light] .hud-chart-container{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .hud-chart-footer,[data-theme=light] .hud-chart-header{background:#f8fafccc!important;border-color:#64748b33!important;color:#0f172ae6!important}[data-theme=light] .chart-timestamp,[data-theme=light] .chart-title,[data-theme=light] .metric-label,[data-theme=light] .metric-value,[data-theme=light] .status-text{color:#0f172ae6!important}[data-theme=light] .chart-type-badge{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .status-dot.active{background:#22c55ecc!important;box-shadow:0 0 10px #22c55e66!important}[data-theme=light] .chart-description{background:#f8fafce6!important;border-color:#64748b33!important;color:#0f172acc!important}.financial-data-page{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;min-height:100vh}.financial-data-content{flex:1 1;margin-left:320px;min-height:100vh;overflow-y:auto;padding:1.5rem}.chatbot-toggle-container{z-index:9998!important}.chatbot-toggle-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ffe6,#0096ff);border:1px solid #00c8ff80;border-radius:25px;box-shadow:0 0 20px #00c8ff66,0 4px 15px #0000004d;color:#fffffff2;gap:10px;transition:all .3s ease}.chatbot-toggle-button:hover{background:linear-gradient(135deg,#00dcff,#0af);box-shadow:0 0 25px #00c8ff99,0 6px 20px #0006}.chatbot-toggle-text{font-weight:500}.chatbot-toggle-count{background:#fff3;border-radius:10px;padding:2px 8px}.chatbot-toggle-container:has(~.financial-chatbot){display:none}.pagination{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;padding:1rem 1.5rem;position:relative}.pagination:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.pagination-button{background:linear-gradient(135deg,#001e3ccc,#00285099);border-radius:.375rem;box-shadow:0 0 8px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6!important;font-size:.875rem;text-shadow:var(--text-glow);transition:all .2s}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,#00c8ff33,#002850cc);border-color:#00c8ff99;box-shadow:0 0 12px #00c8ff4d,inset 0 0 15px #00c8ff1a;transform:translateY(-1px)}.pagination-button:disabled{background:#6464644d;color:#fff6!important}.pagination-info{color:#fffc!important;font-size:.875rem;text-shadow:var(--text-glow)}.empty-state{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-top:1rem;position:relative}.empty-state:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.empty-state-icon{filter:drop-shadow(0 0 10px rgba(0,200,255,.3))}.empty-state h3{color:#ffffffe6!important;text-shadow:var(--text-glow)}.empty-state p,.empty-state ul{color:#fffc!important}.empty-state ul{list-style-type:none;margin-bottom:1.5rem;padding:0}.empty-state ul li{color:#fffc!important;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.empty-state ul li:before{color:#00c8ffe6;content:"▶";font-size:.75rem;left:0;position:absolute;text-shadow:0 0 5px #00c8ff80}.empty-state-button{margin:.5rem;min-width:150px}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{width:100%}.btn-add-record,.btn-toggle-summary{flex:1 1}.financial-data-content{margin-left:0;padding:80px 1rem 1rem}.data-filter-section,.data-grid-section{padding:1rem}}.loading-state{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;position:relative}.loading-state:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.loading-state p{color:#ffffffe6!important;text-shadow:var(--text-glow)}.spinner{border:3px solid #00c8ff33;border-top-color:#00c8ffcc;box-shadow:0 0 15px #00c8ff4d}.pagination-page{color:#ffffffe6!important;font-size:.875rem;font-weight:500;text-shadow:var(--text-glow)}.delete-record-btn{align-items:center;background-color:#e53e3e;border-radius:4px;color:#fff;display:flex;font-size:14px;height:36px;justify-content:center;padding:4px 8px;transition:all .2s;width:36px}.delete-record-btn:hover:not(:disabled){background-color:#c53030;transform:scale(1.05)}.delete-record-btn.deleting,.delete-record-btn:disabled{background-color:#718096;opacity:.7}.delete-record-btn.deleting{cursor:not-allowed;font-size:11px}@media (max-width:1200px){.data-grid-section:after{color:#718096;content:"Scroll horizontally to see more →";display:block;font-size:.75rem;margin-top:.5rem;text-align:right}}.selection-instruction{align-items:center;background-color:#ebf8ff;border-left:4px solid #4299e1;border-radius:.25rem;color:#2c5282;display:flex;font-size:.875rem;margin-bottom:1rem;padding:.5rem 1rem}.selection-instruction span{align-items:center;display:flex;gap:.5rem}.data-grid-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);display:flex;justify-content:flex-end;margin-top:1rem;padding:1rem 1.5rem;position:relative}.data-grid-actions:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.delete-all-btn{align-items:center;background:linear-gradient(135deg,#ff3232cc,#c81e1e99);border:2px solid #ff323266;border-radius:8px;box-shadow:0 0 15px #ff32324d,inset 0 0 10px #ff32321a;color:#fffffff2!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;text-shadow:var(--text-glow);transition:all .2s}.delete-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff3232,#c81e1ecc);border-color:#ff3232cc;box-shadow:0 0 25px #ff323280,inset 0 0 15px #ff323233;transform:translateY(-2px)}.delete-all-btn:disabled{background:#6464644d;border-color:#64646433;box-shadow:none;color:#fff6!important;cursor:not-allowed;opacity:.7;transform:none}[data-theme=light] .loading-state{background:linear-gradient(135deg,#fffffff2,#f8fafce6),radial-gradient(circle at 50% 50%,#3b82f60d 0,#0000 70%)!important;border-color:#64748b4d!important;box-shadow:0 4px 20px #0000001a!important}[data-theme=light] .loading-state:before{background:linear-gradient(0deg,#3b82f605 1px,#0000 0),linear-gradient(90deg,#3b82f605 1px,#0000 0)!important}[data-theme=light] .loading-state p{color:#0f172ae6!important;text-shadow:none!important}.submission-filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428e6;border:1px solid #00c8ff4d;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-bottom:20px;padding:20px}.filter-header{align-items:center;border-bottom:1px solid #00c8ff33;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.filter-header h3{color:#40e0ff;font-size:1.2rem;font-weight:600;margin:0}.filter-actions{display:flex;gap:10px;justify-content:center}.filter-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:8px 16px;transition:all .3s ease}.clear-btn{background:#ffffff1a;border-color:#fff3;color:#fffc}.clear-btn:hover:not(:disabled){background:#fff3;color:#fff;transform:translateY(-1px)}.clear-btn:disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.filter-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-section{background:#0003;border:1px solid #00c8ff1a;border-radius:8px;padding:15px}.filter-section h4{border-bottom:1px solid #00c8ff33;color:#40e0ff;font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.filter-options{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#0003;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#40e0ff4d;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#40e0ff80}.filter-checkbox{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9rem;padding:4px 0;position:relative;transition:color .2s ease}.filter-checkbox:hover{color:#40e0ff}.filter-checkbox input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkmark{background-color:#ffffff1a;border:2px solid #40e0ff4d;border-radius:3px;flex-shrink:0;height:18px;margin-right:10px;position:relative;transition:all .3s ease;width:18px}.filter-checkbox:hover .checkmark{background-color:#40e0ff1a;border-color:#40e0ff99}.filter-checkbox input:checked~.checkmark{background-color:#40e0ff;border-color:#40e0ff}.filter-checkbox input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.label-text{flex:1 1;word-break:break-word}[data-theme=light] .submission-filter-panel{background:#fffffff2!important;border-color:#64748b4d!important;box-shadow:0 4px 20px #0000001a!important}[data-theme=light] .filter-header{border-bottom-color:#64748b4d!important}[data-theme=light] .filter-header h3{color:#3b82f6e6!important}[data-theme=light] .clear-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569cc!important}[data-theme=light] .clear-btn:hover:not(:disabled){background:#64748b33!important;color:#475569!important}[data-theme=light] .clear-btn:disabled{background:#64748b0d!important;color:#64748b66!important}[data-theme=light] .submission-filter-panel .filter-content .filter-section{border-color:#64748b4d!important}[data-theme=light] .filter-section{background:#fffffff2!important;border-color:#64748b4d!important}[data-theme=light] .filter-section h4{border-bottom-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .filter-options::-webkit-scrollbar-track{background:#64748b1a!important}[data-theme=light] .filter-options::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .filter-options::-webkit-scrollbar-thumb:hover{background:#64748b99!important}[data-theme=light] .filter-checkbox{color:#0f172ae6!important}[data-theme=light] .filter-checkbox:hover{color:#3b82f6e6!important}[data-theme=light] .checkmark{background-color:#f8fafce6!important;border-color:#64748b66!important}[data-theme=light] .filter-checkbox:hover .checkmark{background-color:#3b82f61a!important;border-color:#3b82f699!important}[data-theme=light] .filter-checkbox input:checked~.checkmark{background-color:#3b82f6e6!important;border-color:#3b82f6e6!important}[data-theme=light] .filter-checkbox input:checked~.checkmark:after{border-color:#fff!important}[data-theme=light] .submission-filter-panel .filter-content{background:#0000!important}[data-theme=light] .submission-filter-panel .filter-content .filter-section,[data-theme=light] .submission-filter-panel .filter-section{background:#fffffff2!important;border:1px solid #64748b4d!important}[data-theme=light] .filter-content>.filter-section{background:#fffffff2!important;background-color:#fffffff2!important}@media (max-width:768px){.filter-content{grid-template-columns:1fr}.filter-header{align-items:stretch;flex-direction:column;gap:15px}}.loading-text{color:#ffffffb3;font-style:italic;padding:10px 0}.filter-section.analysis-options{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color,#ffffff1a);padding-top:15px}.filter-section.analysis-options h4{color:#4a9eff;color:var(--primary-color,#4a9eff);font-weight:600}.analytics-page{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;min-height:100vh}.analytics-content{flex:1 1;margin-left:320px;min-height:100vh;overflow-y:auto;padding:1.5rem}.header-actions{gap:.75rem}.btn-add-record,.btn-refresh,.btn-toggle-summary{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.btn-add-record{background-color:#3182ce;color:#fff}.btn-add-record:hover{background-color:#2c5282}.btn-refresh{align-items:center;background-color:#38a169;color:#fff;display:flex;gap:.5rem}.btn-refresh:hover{background-color:#2f855a}.btn-refresh:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.7}.btn-toggle-summary{background-color:#edf2f7;color:#4a5568}.btn-toggle-summary:hover{background-color:#e2e8f0}.error-message{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f;font-weight:500;margin:15px 0}.analysis-error-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-left:4px solid #e53e3e;border-radius:8px;box-shadow:0 2px 8px #e53e3e1a;margin:20px 0;padding:16px}.analysis-error-banner .error-content{align-items:flex-start;display:flex;gap:12px}.analysis-error-banner .error-icon{flex-shrink:0;font-size:24px}.analysis-error-banner .error-message{background:none;border:none;flex:1 1;margin:0;padding:0}.analysis-error-banner .error-message h4{color:#c53030;font-size:16px;font-weight:600;margin:0 0 8px}.analysis-error-banner .error-message p{color:#742a2a;font-size:14px;line-height:1.6;margin:0}.analysis-error-banner .error-close-btn{background:none;border:none;border-radius:4px;color:#c53030;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:4px 8px;transition:all .2s}.analysis-error-banner .error-close-btn:hover{background:#c530301a;transform:scale(1.1)}.error-advice{color:#616161;font-size:.9em;font-weight:400;margin-top:10px}.data-filter-section{padding:1.5rem}.data-grid-container,.data-summary-section{margin-bottom:1.5rem}.data-grid-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;padding:1.5rem;position:relative}.data-grid-section:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.delete-record-btn{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s}.delete-record-btn:hover:not(:disabled){background-color:#fed7d7}.delete-record-btn:disabled{cursor:not-allowed;opacity:.5}.delete-record-btn.deleting{animation:pulse 1s infinite}.kpi-details{background-color:#f8fafc;border-radius:.5rem;margin:1rem 0;padding:1.5rem}.kpi-details-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.kpi-details-title{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.kpi-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.kpi-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.kpi-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;flex-direction:column;min-height:160px;padding:1.25rem;position:relative;transition:all .3s ease}.kpi-item:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:.75rem .75rem 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.kpi-item:hover:before{transform:scaleX(1)}.kpi-item:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #0000001a}.kpi-header{align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.kpi-code{background-color:#edf2f7;color:#4a5568;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.025em}.kpi-category,.kpi-code{border-radius:.375rem;flex-shrink:0;font-size:.75rem}.kpi-category{background-color:#f7fafc;color:#718096;font-weight:500;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.kpi-name{color:#2d3748;flex-grow:1;font-size:1rem;line-height:1.4;margin-bottom:1rem}.kpi-value-container{margin-top:auto}.kpi-value{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.kpi-value span:first-child{color:#1a202c;font-size:1.25rem;font-weight:700}.kpi-unit{color:#718096;font-size:.875rem;font-weight:500}.kpi-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:.875rem;line-height:1.5;text-overflow:ellipsis}.kpi-empty-state{align-items:center;background-color:#f7fafc;border:2px dashed #e2e8f0;border-radius:.5rem;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.kpi-empty-icon{font-size:2rem;margin-bottom:.75rem;opacity:.6}.kpi-empty-state p{font-size:.875rem;margin:0}@media (max-width:768px){.kpi-grid{gap:1rem;grid-template-columns:1fr}.kpi-item{min-height:140px;padding:1rem}.kpi-details-header{align-items:flex-start;flex-direction:column;gap:.75rem}.analytics-content{margin-left:0;padding:80px 1rem 1rem}.data-filter-section,.data-grid-section{padding:1rem}}[data-theme=light] .analytics-page{background:var(--body-bg)!important}[data-theme=light] .analytics-content{color:var(--dark-color)!important}[data-theme=light] .page-header h1{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .btn-add-record{background-color:var(--primary-color)!important;color:#fff!important}[data-theme=light] .btn-add-record:hover{background-color:#3b82f6e6!important}[data-theme=light] .btn-refresh{background-color:var(--success-color)!important;color:#fff!important}[data-theme=light] .btn-refresh:hover{background-color:#22c55ee6!important}[data-theme=light] .btn-toggle-summary{background-color:var(--surface-color)!important;border:1px solid var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .btn-toggle-summary:hover{background-color:#f8fafccc!important}[data-theme=light] .error-message{background-color:#ef44441a!important;border-color:var(--danger-color)!important;color:var(--danger-color)!important}[data-theme=light] .error-advice{color:#0f172a99!important}[data-theme=light] .analysis-error-banner{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-left-color:#e53e3e;box-shadow:0 2px 8px #e53e3e26}[data-theme=light] .analysis-error-banner .error-message h4{color:#c53030}[data-theme=light] .analysis-error-banner .error-message p{color:#742a2a}[data-theme=light] .analysis-error-banner .error-close-btn{color:#c53030}[data-theme=dark] .analysis-error-banner{background:linear-gradient(135deg,#fecaca26,#fca5a51a);border-left-color:#f56565;box-shadow:0 2px 8px #f5656533}[data-theme=dark] .analysis-error-banner .error-message h4{color:#fc8181}[data-theme=dark] .analysis-error-banner .error-message p{color:#feb2b2}[data-theme=dark] .analysis-error-banner .error-close-btn{color:#fc8181}[data-theme=dark] .analysis-error-banner .error-close-btn:hover{background:#f5656533}[data-theme=light] .data-filter-section{background:var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--box-shadow)!important;color:var(--dark-color)!important}[data-theme=light] .data-filter-section:before{animation:none!important;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)!important}[data-theme=light] .data-grid-section{background:var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--box-shadow)!important;color:var(--dark-color)!important}[data-theme=light] .data-grid-section:before{animation:none!important;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)!important}[data-theme=light] .empty-state{background-color:var(--surface-color)!important}[data-theme=light] .empty-state,[data-theme=light] .empty-state h3{color:var(--dark-color)!important}[data-theme=light] .empty-state p{color:#0f172ab3!important}[data-theme=light] .pagination-info{color:var(--dark-color)!important}[data-theme=light] .pagination-button{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .pagination-button:hover:not(:disabled){background-color:#f8fafccc!important}[data-theme=light] .kpi-details{background-color:var(--surface-color)!important;color:var(--dark-color)!important}[data-theme=light] .kpi-details-header{border-bottom-color:var(--border-color)!important}[data-theme=light] .kpi-details-title{color:var(--dark-color)!important}[data-theme=light] .kpi-count-badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;color:#fff!important}[data-theme=light] .kpi-item{background:linear-gradient(135deg,var(--surface-color) 0,#f8fafccc 100%)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .kpi-item:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))!important}[data-theme=light] .kpi-item:hover{border-color:#64748b66!important}[data-theme=light] .kpi-code{background-color:#f8fafccc!important;color:var(--dark-color)!important}[data-theme=light] .kpi-category{background-color:#f8fafc99!important;color:#0f172ab3!important}[data-theme=light] .kpi-name,[data-theme=light] .kpi-value span:first-child{color:var(--dark-color)!important}[data-theme=light] .kpi-unit{color:#0f172ab3!important}[data-theme=light] .kpi-description{color:#0f172acc!important}[data-theme=light] .kpi-empty-state{background-color:#f8fafc99!important;border-color:var(--border-color)!important;color:#0f172ab3!important}[data-theme=light] .question-section{background:var(--surface-color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--box-shadow)!important;color:var(--dark-color)!important}[data-theme=light] .question-section:before{animation:none!important;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)!important}[data-theme=light] .question-section h3{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .question-section p{color:#0f172acc!important}[data-theme=light] .question-input{background:var(--surface-color)!important;border-color:var(--border-color)!important;box-shadow:var(--box-shadow)!important;color:var(--dark-color)!important}[data-theme=light] .question-input::placeholder{color:#0f172a80!important}[data-theme=light] .question-input:focus{background:var(--surface-color)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-theme=light] .ai-buttons-container .analyze-button{background:linear-gradient(135deg,#3b82f6d9,#2563ebe6 50%,#1d4ed8f2)!important;box-shadow:0 3px 12px #3b82f640,inset 0 1px 0 #ffffff4d!important}[data-theme=light] .ai-buttons-container .analyze-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6f2,#2563eb 50%,#1d4ed8)!important;box-shadow:0 5px 18px #3b82f659,inset 0 1px 0 #fff6!important}[data-theme=light] .ai-buttons-container .analyze-button:disabled{background:linear-gradient(135deg,#94a3b880,#64748b99)!important;box-shadow:0 2px 6px #94a3b826,inset 0 1px 0 #fff3!important}[data-theme=light] .ai-buttons-container .analyze-button:last-child{background:linear-gradient(135deg,#10b981d9,#059669e6 50%,#047857f2)!important;box-shadow:0 3px 12px #10b98140,inset 0 1px 0 #ffffff4d!important}[data-theme=light] .ai-buttons-container .analyze-button:last-child:hover:not(:disabled){background:linear-gradient(135deg,#10b981f2,#059669 50%,#047857)!important;box-shadow:0 5px 18px #10b98159,inset 0 1px 0 #fff6!important}[data-theme=light] .prompt-suggestion{background:#f8fafccc!important;border-color:var(--border-color)!important}[data-theme=light] .prompt-suggestion h4{color:var(--dark-color)!important;text-shadow:none!important}[data-theme=light] .suggestion-list li{background:var(--surface-color)!important;border-color:var(--border-color)!important;box-shadow:none!important;color:var(--dark-color)!important}[data-theme=light] .suggestion-list li:hover{background:#3b82f61a!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px #3b82f626!important}[data-theme=light] .primary-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;border-color:var(--primary-color)!important;box-shadow:var(--box-shadow)!important;text-shadow:none!important}[data-theme=light] .primary-button:hover{background:linear-gradient(135deg,#3b82f6e6,#f97316e6)!important;border-color:#3b82f6e6!important;box-shadow:0 4px 12px #3b82f640!important}[data-theme=light] .additional-data-header{border-top-color:var(--border-color)!important}[data-theme=light] .additional-data-item{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--dark-color)!important}[data-theme=light] .additional-data-item:hover{border-color:#64748b66!important;box-shadow:0 2px 8px #00000014!important}[data-theme=light] .additional-data-field{color:#0f172ab3!important}[data-theme=light] .additional-data-value{color:var(--dark-color)!important}.question-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-top:30px;padding:25px;position:relative}.question-section:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.question-section h3{color:#ffffffe6!important;font-size:1.2rem;margin-bottom:10px;text-shadow:var(--text-glow)}.question-section p{color:#fffc!important;margin-bottom:15px}.question-input-with-buttons{align-items:center;display:flex;gap:20px;margin:20px 0}.question-input-container{flex:1 1}.question-input{background:linear-gradient(135deg,#001428cc,#001e3c99);box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6!important;padding:15px;transition:all .3s ease;width:100%}.ai-buttons-container{display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-top:0;min-width:200px;padding-top:0}.ai-buttons-container .analyze-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebf2 50%,#1d4ed8);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;text-align:center;text-shadow:0 1px 2px #0003;transition:all .3s ease;white-space:nowrap;width:100%}.ai-buttons-container .analyze-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);box-shadow:0 6px 20px #3b82f666,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.ai-buttons-container .analyze-button:active:not(:disabled){box-shadow:0 2px 8px #3b82f666,inset 0 2px 4px #0000001a;transform:translateY(0)}.ai-buttons-container .analyze-button:disabled{background:linear-gradient(135deg,#94a3b899,#64748bb3);box-shadow:0 2px 8px #94a3b833,inset 0 1px 0 #ffffff1a;color:#fff9;cursor:not-allowed;transform:none}.ai-buttons-container .analyze-button:disabled:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.ai-buttons-container .analyze-button:last-child{background:linear-gradient(135deg,#10b981e6,#059669f2 50%,#047857);box-shadow:0 4px 15px #10b9814d,inset 0 1px 0 #fff3}.ai-buttons-container .analyze-button:last-child:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669 50%,#047857);box-shadow:0 6px 20px #10b98166,inset 0 1px 0 #ffffff4d}@media (max-width:768px){.question-input-with-buttons{flex-direction:column;gap:15px}.ai-buttons-container{flex-direction:row;flex-wrap:wrap;min-width:0;min-width:auto}.ai-buttons-container .analyze-button{flex:1 1;min-width:150px}}.question-input::placeholder{color:#ffffff80}.question-input:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a}.prompt-suggestion{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:15px 20px}.prompt-suggestion h4{color:#ffffffe6!important;font-size:1rem;margin-bottom:10px;margin-top:0;text-shadow:var(--text-glow)}.suggestion-list{list-style-type:none;margin:0;padding:0}.suggestion-list li{background:linear-gradient(135deg,#00142899,#001e3c66);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 0 5px #00c8ff1a,inset 0 0 10px #00c8ff05;color:#ffffffe6!important;cursor:pointer;font-size:.95rem;margin-bottom:5px;padding:10px;transition:all .2s}.suggestion-list li:hover{background:linear-gradient(135deg,#00c8ff33,#00285099);border-color:#00c8ff99;box-shadow:0 0 12px #00c8ff4d,inset 0 0 15px #00c8ff1a;transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#00c8ffcc,#ff640099);border:2px solid #00c8ff66;box-shadow:0 0 15px #00c8ff4d,inset 0 0 10px #00c8ff1a;color:#fffffff2!important;font-size:.95rem;padding:10px 20px;text-shadow:var(--text-glow)}.primary-button:hover{background:linear-gradient(135deg,#00c8ff,#ff6400cc);border-color:#00c8ffcc;box-shadow:0 0 25px #00c8ff80,inset 0 0 15px #00c8ff33}.additional-data-header{border-top:1px solid #e6e8eb;margin-top:20px;padding-top:15px}.additional-data-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:10px}.additional-data-item{background:#f8f9fd;border:1px solid #ebeef5;border-radius:6px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.additional-data-item:hover{border-color:#d8e0f0;box-shadow:0 2px 8px #0000000f}.additional-data-field{color:#6c757d;font-size:.85em;font-weight:600;margin-bottom:4px;text-transform:capitalize}.additional-data-value{font-size:1.05em;font-weight:500;word-break:break-word}.pagination-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c8ff1a;border:1px solid #00c8ff4d;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.pagination-info{color:#fffc}.pagination-controls{gap:.5rem}.pagination-btn{background:#00c8ff33;border:1px solid #00c8ff66;border-radius:4px;color:#ffffffe6;font-size:.85rem;min-width:70px;padding:.5rem 1rem}.pagination-btn:hover:not(:disabled){background:#00c8ff4d;border-color:#00c8ff99;box-shadow:0 0 8px #00c8ff4d;transform:translateY(-1px)}.pagination-btn:disabled{background:#ffffff1a;border-color:#fff3}.pagination-current{background:#00c8ff33;border:1px solid #00c8ff66;border-radius:4px;color:#ffffffe6;font-weight:600;min-width:120px;padding:.5rem 1rem;text-align:center}[data-theme=light] .pagination-container{background:#f973161a;border-color:#f973164d}[data-theme=light] .pagination-info{color:#000000b3}[data-theme=light] .pagination-btn{background:#f973161a;border-color:#f973164d;color:#000c}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#f9731633;border-color:#f9731680;box-shadow:0 0 8px #f973164d}[data-theme=light] .pagination-btn:disabled{background:#0000001a;border-color:#0003;color:#0006}[data-theme=light] .pagination-current{background:#f973161a;border-color:#f973164d;color:#000c}.data-points-info{align-items:center;background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:6px;display:flex;font-size:.9rem;gap:8px;margin-top:8px;padding:8px 12px}.data-points-info.warning-state{background:#ef44441a;border-color:#ef444433}.data-points-info.warning-state .data-points-label{color:#ef4444}.data-points-label{color:#4a9eff;color:var(--primary-color,#4a9eff);font-weight:600}.data-points-calculation{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.data-points-count.within-limit{color:#10b981;font-weight:500}.data-points-count.over-limit{color:#ef4444;font-weight:600}[data-theme=light] .data-points-info{background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .data-points-label{color:#3b82f6e6}[data-theme=light] .data-points-count.within-limit{color:#059669}[data-theme=light] .data-points-count.over-limit{color:#dc2626}[data-theme=light] .data-points-info.warning-state{background:#dc26261a;border-color:#dc262633}[data-theme=light] .data-points-info.warning-state .data-points-label{color:#dc2626}.table-cell{word-wrap:break-word;overflow-wrap:break-word}[data-theme=light] .error-state h3{color:#ef4444e6!important}[data-theme=light] .quality-badge.pending{background:#64748b33!important;color:#475569cc!important}.kpi-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.kpi-modal-container{animation:modalFadeIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #40e0ff4d;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95vh;max-height:1200px;max-width:1800px;overflow:hidden;width:98vw}.kpi-modal-header{align-items:flex-start;background:#0003;border-bottom:1px solid #40e0ff33;display:flex;justify-content:space-between;padding:24px 32px 16px}.kpi-modal-title h2{color:#40e0ff;font-size:28px;font-weight:600;margin:0 0 8px}.kpi-modal-subtitle{color:#a0a0a0;display:flex;flex-wrap:wrap;font-size:14px;gap:24px}.submission-location{color:#40e0ff;font-weight:500}.submission-period{color:orange;font-weight:500}.submission-date{color:#90ee90}.kpi-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#40e0ff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.kpi-modal-close:hover{background-color:#40e0ff1a;transform:scale(1.1)}.kpi-modal-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:none;overflow-y:auto;padding:24px 32px;width:100%}.kpi-summary{background:#40e0ff1a;border-left:4px solid #40e0ff;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:16px 20px}.category-count,.kpi-count{color:#40e0ff;font-size:16px;font-weight:600}.kpi-modal-container .kpi-modal-content .kpi-categories{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:0!important;height:900px!important;max-height:900px!important;max-width:none!important;min-height:0!important;overflow-y:auto!important;position:relative!important;width:100%!important}.kpi-category-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:0;width:100%}.kpi-category{align-self:stretch;background:linear-gradient(135deg,#0000004d,#10213e66);border:2px solid #40e0ff33;border-radius:16px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;display:flex;flex:1 1 100%;flex-direction:column;margin-top:16px;min-width:100%;overflow:hidden;padding:28px;position:relative;width:100%!important}.kpi-category:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#40e0ff,#0080ff 50%,#40e0ff);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-title{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#10213ee6);border:1px solid #40e0ff4d;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#40e0ff;display:flex;font-size:22px;font-weight:700;gap:16px;letter-spacing:1px;margin:0 -32px;padding:12px 48px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:-24px;z-index:100}.category-count-badge{background:linear-gradient(135deg,#40e0ff4d,#0080ff4d);border:1px solid #40e0ff66;border-radius:25px;box-shadow:0 2px 8px #40e0ff33;color:#fff;font-size:11px;font-weight:700;padding:6px 14px;text-shadow:0 1px 2px #00000080}.kpi-grid{grid-gap:24px;display:grid!important;flex:1 1;gap:24px;grid-template-columns:repeat(3,1fr)!important;margin-top:0;max-width:100%;min-width:100%;z-index:1}.kpi-card,.kpi-grid{box-sizing:border-box;overflow:hidden;position:relative;width:100%!important}.kpi-card{align-items:center;aspect-ratio:5/1!important;background:linear-gradient(135deg,#ffffff0d,#40e0ff05);border:1px solid #40e0ff33;display:flex!important;flex:1 1 100%;flex-direction:row;height:180px;justify-content:space-between;margin:0 auto;max-height:180px;min-height:180px;padding:8px 4px;text-align:left;transition:all .2s ease}.kpi-card:before{background:linear-gradient(90deg,#0000,#40e0ff80 50%,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kpi-card:hover{background:linear-gradient(135deg,#ffffff14,#40e0ff0d);border-color:#40e0ff66;box-shadow:0 8px 20px #40e0ff1a}.kpi-card:hover:before{opacity:1}.kpi-header{align-items:center;flex:1 1 100%;flex-direction:row;height:100%;justify-content:space-between;max-width:100%!important;position:relative;width:100%!important;z-index:1}.kpi-name,h4.kpi-name{word-wrap:break-word!important;box-sizing:border-box!important;color:#fff!important;display:block!important;flex:1 1 auto;font-family:inherit!important;font-size:16px!important;font-weight:600!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.3!important;margin:0!important;max-height:120px;max-width:75%!important;overflow:hidden;overflow-wrap:break-word!important;padding:0!important;text-align:left!important;text-shadow:0 1px 2px #0000004d;white-space:normal!important;width:75%!important;word-break:normal!important}.kpi-value{background:linear-gradient(135deg,#40e0ff1a,#0080ff0d);border:1px solid #40e0ff4d;border-radius:16px;box-shadow:0 2px 8px #40e0ff14;color:#40e0ff;flex-shrink:0;font-size:18px;font-weight:700;-webkit-hyphens:none;hyphens:none;line-height:1.2;max-width:none;min-width:100px;overflow-wrap:normal;padding:4px 6px;text-shadow:0 1px 2px #00000080;white-space:nowrap;width:auto}.kpi-description,.kpi-value{box-sizing:border-box;text-align:center;word-break:normal}.kpi-description{color:#a0a0a0;font-size:12px;font-style:italic;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;max-height:48px;max-width:100%;opacity:.8;overflow:hidden;overflow-wrap:break-word;white-space:normal;width:100%}.kpi-modal-footer{background:#0003;border-top:1px solid #40e0ff33;display:flex;justify-content:flex-end;padding:20px 32px}.btn-secondary{background:#40e0ff1a;border-radius:6px;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#40e0ff33;border-color:#40e0ff80}@media (min-width:1400px){.kpi-grid{gap:30px;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1200px) and (max-width:1399px){.kpi-grid{gap:26px;grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1025px) and (max-width:1199px){.kpi-grid{gap:24px;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px) and (min-width:769px){.kpi-grid{gap:20px;grid-template-columns:repeat(2,1fr)!important}.kpi-card{aspect-ratio:4.5/1!important;height:165px;max-height:165px;min-height:165px;padding:10px 6px}.kpi-name{font-size:15px}.kpi-value{font-size:16px;padding:4px 6px}}@media (max-width:768px){.kpi-modal-container{height:98vh;margin:5px;width:99vw}.kpi-modal-header{padding:16px 20px 12px}.kpi-modal-title h2{font-size:24px}.kpi-modal-subtitle{flex-direction:column;gap:8px}.kpi-modal-content{padding:16px 20px}.kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.kpi-card{aspect-ratio:4/1!important;height:150px;max-height:150px;min-height:150px;padding:8px 4px}.kpi-header{align-items:center;flex-direction:row;gap:4px;justify-content:space-between}.kpi-name{font-size:14px}.kpi-value{font-size:15px;padding:3px 4px}}.kpi-modal-content::-webkit-scrollbar{width:8px}.kpi-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.kpi-modal-content::-webkit-scrollbar-thumb{background:#40e0ff4d;border-radius:4px}.kpi-modal-content::-webkit-scrollbar-thumb:hover{background:#40e0ff80}[data-theme=light] .kpi-modal-overlay{background-color:#ffffffe6!important}[data-theme=light] .kpi-modal-container{background:linear-gradient(135deg,#fffffffa,#f8fafcf2 50%,#f1f5f9e6)!important;border-color:#64748b4d!important;box-shadow:0 20px 60px #00000026!important}[data-theme=light] .kpi-modal-header{background:#f8fafccc!important;border-bottom-color:#64748b4d!important}[data-theme=light] .kpi-modal-title h2{color:#3b82f6e6!important}[data-theme=light] .kpi-modal-subtitle{color:#475569cc!important}[data-theme=light] .submission-location{color:#3b82f6e6!important}[data-theme=light] .submission-period{color:#f97316e6!important}[data-theme=light] .submission-date{color:#22c55ee6!important}[data-theme=light] .kpi-modal-close{color:#3b82f6e6!important}[data-theme=light] .kpi-modal-close:hover{background-color:#3b82f61a!important}[data-theme=light] .kpi-summary{background:#3b82f61a!important;border-left-color:#3b82f6cc!important}[data-theme=light] .category-count,[data-theme=light] .kpi-count{color:#3b82f6e6!important}[data-theme=light] .kpi-category{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border-color:#64748b4d!important;box-shadow:0 8px 32px #0000001a!important}[data-theme=light] .kpi-category:before{background:linear-gradient(90deg,#3b82f6cc,#2563ebe6 50%,#3b82f6cc)!important}[data-theme=light] .category-title{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#3b82f64d!important;box-shadow:0 4px 12px #0000001a!important;color:#3b82f6e6!important}[data-theme=light] .kpi-category-section{margin-bottom:32px}[data-theme=light] .kpi-category{margin-top:16px}[data-theme=light] .category-count-badge{background:linear-gradient(135deg,#3b82f633,#2563eb33)!important;border-color:#3b82f666!important;box-shadow:0 2px 8px #3b82f633!important;color:#0f172ae6!important;text-shadow:none!important}html[data-theme=light] .kpi-card{background:#0000!important;background-image:none!important}html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.dashboard-content div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.dashboard-page div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card{--card-bg:#fff!important;--surface-color:#fff!important;--light-color:#fff!important;background:#fff!important;background-attachment:scroll!important;background-blend-mode:normal!important;background-clip:initial!important;background-color:#fff!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:repeat!important;background-size:initial!important}[data-theme=light] .kpi-card .kpi-checkbox,[data-theme=light] .kpi-modal-container .kpi-card .kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.dashboard-content div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.kpi-modal-overlay div.kpi-modal-container div.kpi-modal-content div.kpi-grid div.kpi-card label.kpi-checkbox{background:#0000!important;background-color:initial!important;background-image:none!important}[data-theme=light] .kpi-card,[data-theme=light] .kpi-modal-container .kpi-card,[data-theme=light] .kpi-modal-container .kpi-modal-content .kpi-card,[data-theme=light] .kpi-modal-content .kpi-card,[data-theme=light] .kpi-modal-overlay .kpi-modal-container .kpi-card,html[data-theme=light] body .kpi-modal-container .kpi-card,html[data-theme=light] body .kpi-modal-container .kpi-grid .kpi-card,html[data-theme=light] body .kpi-modal-container .kpi-modal-content .kpi-grid .kpi-card,html[data-theme=light] body .kpi-modal-content .kpi-card,html[data-theme=light] body .kpi-modal-overlay .kpi-modal-container .kpi-modal-content .kpi-grid .kpi-card{background:#fff!important;background-attachment:scroll!important;background-blend-mode:normal!important;background-clip:initial!important;background-color:#fff!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:repeat!important;background-size:initial!important;border-color:#64748b4d!important}[data-theme=light] .kpi-card:hover,[data-theme=light] .kpi-modal-container .kpi-card:hover,[data-theme=light] .kpi-modal-container .kpi-modal-content .kpi-card:hover,[data-theme=light] .kpi-modal-content .kpi-card:hover,[data-theme=light] .kpi-modal-overlay .kpi-modal-container .kpi-card:hover,html[data-theme=light] body .kpi-modal-container .kpi-card:hover,html[data-theme=light] body .kpi-modal-container .kpi-grid .kpi-card:hover,html[data-theme=light] body .kpi-modal-container .kpi-modal-content .kpi-grid .kpi-card:hover,html[data-theme=light] body .kpi-modal-content .kpi-card:hover,html[data-theme=light] body .kpi-modal-overlay .kpi-modal-container .kpi-modal-content .kpi-grid .kpi-card:hover{background:#f8fafc!important;background-attachment:scroll!important;background-blend-mode:normal!important;background-clip:initial!important;background-color:#f8fafc!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:repeat!important;background-size:initial!important;border-color:#3b82f666!important;box-shadow:0 8px 20px #3b82f626!important}[data-theme=light] .kpi-card:before{background:linear-gradient(90deg,#0000,#3b82f680 50%,#0000)!important}[data-theme=light] .kpi-name,[data-theme=light] h4.kpi-name{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .kpi-value{background:linear-gradient(135deg,#3b82f61a,#2563eb0d)!important;border-color:#3b82f64d!important;box-shadow:0 2px 8px #3b82f61a!important;color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .kpi-modal-footer{background:#f8fafccc!important;border-top-color:#64748b4d!important}[data-theme=light] .close-button{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .close-button:hover{background:#3b82f633!important;color:#3b82f6!important}[data-theme=light] .kpi-modal-content::-webkit-scrollbar-track{background:#64748b1a!important}[data-theme=light] .kpi-modal-content::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .kpi-modal-content::-webkit-scrollbar-thumb:hover{background:#64748b99!important}.quality-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(1200px 800px at 20% 10%,#00e5ff0f,#0000 60%),radial-gradient(900px 700px at 80% 80%,#ff2d950d,#0000 65%),#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quality-modal-container{--holo-bg:#0b1020;--holo-panel:#0d1228d9;--holo-cyan:#00e5ff;--holo-blue:#00b4ff;--holo-magenta:#ff2d95;--holo-amber:#ffc300;--holo-purple:#7a5cff;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(22px) saturate(115%);backdrop-filter:blur(22px) saturate(115%);background:linear-gradient(180deg,#0d1228e6,#0d1228bf);border:1px solid #00e5ff2e;border-radius:20px;box-shadow:0 20px 40px #00000073,inset 0 0 0 1px #00e5ff14;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.quality-modal-header{align-items:center;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);background:repeating-linear-gradient(90deg,#00e5ff0f 0 1px,#0000 1px 6px),linear-gradient(135deg,#00e5ff29,#7a5cff14);border-bottom:1px solid #00e5ff59;display:flex;justify-content:space-between;padding:24px 32px}.quality-modal-title h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 0 12px #00e5ff38}.submission-id{color:#ffffffb3;display:block;font-size:.9rem;margin-top:4px}.quality-modal-close{align-items:center;background:#00e5ff14;border:1px solid #00e5ff38;border-radius:50%;box-shadow:inset 0 0 10px #00e5ff26;color:var(--holo-cyan);cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;transition:all .2s ease;width:40px}.quality-modal-close:hover{background:#00e5ff2e;color:#fff;transform:scale(1.06)}.quality-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(650px 300px at 10% 0,#00e5ff14,#0000 60%),radial-gradient(500px 300px at 90% 100%,#ff2d950f,#0000 65%),linear-gradient(135deg,#0d1228d9,#0d1228b3);max-height:calc(85vh - 160px);overflow-y:auto;padding:32px}.quality-score-section{margin-bottom:40px}.score-container{align-items:center;background:linear-gradient(135deg,#00e5ff0f,#ff2d950d);border:1px solid #00e5ff29;border-radius:16px;box-shadow:inset 0 0 0 1px #00e5ff0f,0 12px 24px #00000059;display:flex;gap:32px;padding:24px}.segmeter{display:flex;flex-direction:column;gap:10px;min-width:280px}.segmeter-track{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border:1px solid #ffffff1f;border-radius:10px;height:18px;overflow:hidden;position:relative}.segmeter-fill{border-radius:10px;box-shadow:0 0 14px #00e5ff59;height:100%;left:0;position:absolute;top:0}.segmeter-grid{background-image:linear-gradient(90deg,#ffffff14 1px,#0000 0);background-size:10px 100%;inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.segmeter-meta{align-items:center;display:flex;gap:12px}.segmeter-score{align-items:baseline;display:flex;gap:6px}.segmeter-value{color:#fff;font-size:1.6rem;font-weight:800}.segmeter-max{color:#ffffffb3;font-size:.9rem}.segmeter-label{font-weight:700;letter-spacing:.02em}.deduction-timeline{display:flex;gap:6px}.deduction-pill{align-items:center;background:linear-gradient(135deg,#ff2d9559,#ffc30040);border:1px solid #ff2d9573;border-radius:999px;box-shadow:0 0 8px #ff2d9533;display:flex;height:10px;justify-content:center;min-width:28px;position:relative}.pill-points{color:#fffc;font-size:.7rem;position:absolute;top:-18px}.score-circle{box-shadow:0 0 0 2px #00e5ff33,0 0 30px #00e5ff1f;flex-shrink:0;height:120px;position:relative;width:120px}.score-circle,.score-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.score-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 0 12px #00e5ff2e;flex-direction:column;height:90px;width:90px}.score-number{color:#fff;font-size:2rem;font-weight:700;line-height:1}.score-max{color:#ffffffb3;font-size:.9rem;font-weight:400}.score-details h3{font-size:1.5rem;font-weight:600;margin:0 0 8px;text-shadow:0 0 8px #00e5ff2e}.score-description{color:#fffc;font-size:1rem;margin:0}.stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.stat-chip{align-items:center;background:radial-gradient(120px 80px at 30% 20%,#00e5ff2e,#0000),#ffffff0a;border:1px solid #00e5ff38;border-radius:999px;box-shadow:inset 0 0 0 1px #00e5ff14;display:inline-flex;gap:8px;padding:6px 10px}.stat-chip.warning{background:radial-gradient(120px 80px at 30% 20%,#ffc30033,#0000),#ffffff0a;border-color:#ffc30047}.stat-chip.subtle{background:#ffffff08;border-color:#ffffff1f}.chip-label{color:#ffffffbf;font-size:.75rem;letter-spacing:.02em}.chip-value{color:var(--holo-cyan);font-size:.85rem;font-weight:700}.stat-chip.warning .chip-value{color:var(--holo-amber)}.quality-report-section{color:#fff}.quality-report-section>h3{border-bottom:1px solid #00e5ff47;color:var(--holo-cyan);font-size:1.3rem;font-weight:600;margin:0 0 24px;padding-bottom:12px}.report-sections{display:flex;flex-direction:column;gap:24px}.report-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#070b1ae6,#070b1a99);border:1px solid #00e5ff29;border-radius:12px;box-shadow:inset 0 0 0 1px #00e5ff0f;padding:20px;transition:all .2s ease}.report-section:hover{background:linear-gradient(135deg,#090e20f2,#090e20b3);border-color:#00e5ff59;box-shadow:0 4px 16px #00e5ff1f;transform:translateY(-1px)}.section-title{color:var(--holo-cyan);font-size:1.1rem;font-weight:600;margin:0 0 16px}.section-title:before{color:var(--holo-cyan);content:"▶";font-size:.8rem;opacity:.7;text-shadow:0 0 6px #00e5ff80}.section-content{color:#fff;font-weight:400;line-height:1.6}.section-content p{color:#fff;font-size:.95rem;margin:0 0 12px}.section-content p:last-child{margin-bottom:0}.bullet-point{color:#fff!important;font-weight:500;margin-left:16px;position:relative}.bullet-point:before{color:var(--holo-cyan);content:"•";font-weight:700;left:-16px;position:absolute;text-shadow:0 0 6px #00e5ff99}.quality-modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00e5ff29,#ff2d9514);border-top:1px solid #00e5ff47;display:flex;justify-content:center;padding:24px 32px}.quality-modal-close-btn{background:linear-gradient(135deg,var(--holo-cyan),var(--holo-magenta));border:none;border-radius:8px;box-shadow:0 4px 16px #00e5ff59;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 32px;transition:all .2s ease}.quality-modal-close-btn:hover{background:linear-gradient(135deg,var(--holo-magenta),var(--holo-purple));box-shadow:0 6px 22px #ff2d9559;transform:translateY(-1px)}@media (max-width:768px){.quality-modal-container{margin:20px;width:95%}.score-container{flex-direction:column;gap:20px;text-align:center}.quality-modal-content,.quality-modal-footer,.quality-modal-header{padding:20px}.score-circle{height:100px;width:100px}.score-inner{height:75px;width:75px}.score-number{font-size:1.5rem}}.quality-modal-content::-webkit-scrollbar{width:6px}.quality-modal-content::-webkit-scrollbar-track{background:#00e5ff14;border-radius:3px}.quality-modal-content::-webkit-scrollbar-thumb{background:#00e5ff47;border-radius:3px}.quality-modal-content::-webkit-scrollbar-thumb:hover{background:#00e5ff73}.rules-violated-container{background:#0000!important;border:none!important;display:flex;flex-direction:column;gap:16px;padding:0!important}.report-section .rules-violated-container .rule-violation-card,.rules-violated-container .rule-violation-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#070b1ae6,#070b1a99)!important;border:1px solid #00e5ff29!important;border-left:3px solid var(--holo-magenta)!important;border-radius:12px!important;box-shadow:0 2px 12px #00000073,inset 0 0 0 1px #00e5ff0f!important;margin-bottom:16px!important;padding:20px!important;transition:all .3s ease!important}.report-section .rules-violated-container .rule-violation-card:hover,.rules-violated-container .rule-violation-card:hover{background:linear-gradient(135deg,#090e20f2,#090e20b3)!important;border-color:#00e5ff59!important;border-left-color:var(--holo-magenta)!important;box-shadow:0 6px 18px #ff2d952e!important;transform:translateY(-1px)!important}.rule-header{align-items:flex-start;gap:12px}.rule-icon{color:var(--holo-magenta);filter:drop-shadow(0 0 6px rgba(255,45,149,.6));flex-shrink:0;font-size:1.2rem;margin-top:2px}.rule-text{flex:1 1;font-size:.95rem;font-weight:600}.rule-detail{align-items:flex-start;background:#ffffff0f;border-radius:10px;display:flex;gap:12px;margin:10px 0;padding:12px 16px;transition:all .2s ease}.rule-detail:hover{background:#ffffff1f;transform:translateX(4px)}.report-section .rules-violated-container .rule-detail.data-example,.rules-violated-container .rule-detail.data-example{background:linear-gradient(135deg,#00e5ff29,#00b4ff14)!important;border-left:3px solid var(--holo-cyan)!important}.report-section .rules-violated-container .rule-detail.data-example:hover,.rules-violated-container .rule-detail.data-example:hover{background:linear-gradient(135deg,#00e5ff42,#00b4ff29)!important;border-left:3px solid var(--holo-cyan)!important;transform:translateX(4px)!important}.report-section .rules-violated-container .rule-detail.points-lost,.rules-violated-container .rule-detail.points-lost{background:linear-gradient(135deg,#ff2d952e,#ff2d9514)!important;border-left:3px solid var(--holo-magenta)!important}.report-section .rules-violated-container .rule-detail.points-lost:hover,.rules-violated-container .rule-detail.points-lost:hover{background:linear-gradient(135deg,#ff2d9547,#ff2d9529)!important;border-left:3px solid var(--holo-magenta)!important;transform:translateX(4px)!important}.report-section .rules-violated-container .rule-detail.impact,.rules-violated-container .rule-detail.impact{background:linear-gradient(135deg,#ffc3002e,#ffc30014)!important;border-left:3px solid var(--holo-amber)!important}.report-section .rules-violated-container .rule-detail.impact:hover,.rules-violated-container .rule-detail.impact:hover{background:linear-gradient(135deg,#ffc30047,#ffc30029)!important;border-left:3px solid var(--holo-amber)!important;transform:translateX(4px)!important}.detail-label{color:var(--holo-cyan);flex-shrink:0;font-size:.85rem;font-weight:600;min-width:80px}.detail-value{color:#fff;flex:1 1;font-size:.9rem}.points-value{color:var(--holo-magenta);font-weight:600;text-shadow:0 0 6px #ff2d9566}.rule-other-content{color:#fffc;font-size:.9rem;line-height:1.4;margin:4px 0}.quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-violation-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#070b1ae6,#070b1a99)!important;border:1px solid #00e5ff29!important;border-left:3px solid var(--holo-magenta)!important;border-radius:12px!important;box-shadow:0 2px 12px #00000073,inset 0 0 0 1px #00e5ff0f!important;margin-bottom:16px!important;padding:20px!important;transition:all .3s ease!important}.quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.data-example{background:linear-gradient(135deg,#00e5ff29,#00b4ff14)!important;border-left:3px solid var(--holo-cyan)!important;border-radius:10px!important;margin:10px 0!important;padding:12px 16px!important}.quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.points-lost{background:linear-gradient(135deg,#ff2d952e,#ff2d9514)!important;border-left:3px solid var(--holo-magenta)!important;border-radius:10px!important;margin:10px 0!important;padding:12px 16px!important}.quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.impact{background:linear-gradient(135deg,#ffc3002e,#ffc30014)!important;border-left:3px solid var(--holo-amber)!important;border-radius:10px!important;margin:10px 0!important;padding:12px 16px!important}@media (max-width:768px){.rule-detail{flex-direction:column;gap:4px}.detail-label{min-width:auto}.rule-header{gap:8px}.rule-text{font-size:.9rem}}[data-theme=light] .quality-modal-overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:radial-gradient(1200px 800px at 20% 10%,#3b82f60f,#0000 60%),radial-gradient(900px 700px at 80% 80%,#f973160d,#0000 65%),#fffffff2!important}[data-theme=light] .quality-modal-container{background:linear-gradient(180deg,#fffffffa,#f8fafcf2)!important;border-color:#64748b4d!important;box-shadow:0 20px 40px #00000026,inset 0 0 0 1px #64748b33!important}[data-theme=light] .quality-modal-header{background:repeating-linear-gradient(90deg,#3b82f60f 0 1px,#0000 1px 6px),linear-gradient(135deg,#3b82f61a,#f973160d)!important;border-bottom-color:#64748b4d!important}[data-theme=light] .quality-modal-title h2{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .submission-id{color:#475569cc!important}[data-theme=light] .quality-modal-close{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:inset 0 0 10px #3b82f61a!important;color:#3b82f6e6!important}[data-theme=light] .quality-modal-close:hover{background:#3b82f633!important;color:#3b82f6!important}[data-theme=light] .quality-modal-content{background:radial-gradient(650px 300px at 10% 0,#3b82f60d,#0000 60%),radial-gradient(500px 300px at 90% 100%,#f9731608,#0000 65%),linear-gradient(135deg,#fffffff2,#f8fafce6)!important}[data-theme=light] .score-container{background:linear-gradient(135deg,#3b82f614,#f973160d)!important;border-color:#64748b4d!important;box-shadow:inset 0 0 0 1px #64748b33,0 12px 24px #0000001a!important}[data-theme=light] .segmeter-track{background:linear-gradient(180deg,#64748b1a,#64748b0d)!important;border-color:#64748b4d!important}[data-theme=light] .segmeter-fill{box-shadow:0 0 14px #3b82f64d!important}[data-theme=light] .score-number,[data-theme=light] .segmeter-value{color:#0f172ae6!important}[data-theme=light] .score-max,[data-theme=light] .segmeter-max{color:#475569cc!important}[data-theme=light] .score-circle{box-shadow:0 0 0 2px #3b82f64d,0 0 30px #3b82f61a!important}[data-theme=light] .score-inner{background:linear-gradient(180deg,#ffffffe6,#f8fafccc)!important;box-shadow:inset 0 0 12px #3b82f61a!important}[data-theme=light] .score-details h3{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .score-description{color:#475569cc!important}[data-theme=light] .stat-chip{background:radial-gradient(120px 80px at 30% 20%,#3b82f61a,#0000),#fffc!important;border-color:#3b82f64d!important;box-shadow:inset 0 0 0 1px #3b82f61a!important}[data-theme=light] .stat-chip.warning{background:radial-gradient(120px 80px at 30% 20%,#f973161a,#0000),#fffc!important;border-color:#f973164d!important}[data-theme=light] .stat-chip.subtle{background:#f8fafce6!important;border-color:#64748b4d!important}[data-theme=light] .chip-label{color:#475569cc!important}[data-theme=light] .chip-value{color:#3b82f6e6!important}[data-theme=light] .stat-chip.warning .chip-value{color:#f97316e6!important}[data-theme=light] .quality-report-section{color:#0f172ae6!important}[data-theme=light] .quality-report-section>h3{border-bottom-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .report-section{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border-color:#64748b4d!important;box-shadow:inset 0 0 0 1px #64748b33!important}[data-theme=light] .report-section:hover{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#3b82f666!important;box-shadow:0 4px 16px #3b82f61a!important}[data-theme=light] .section-title{color:#3b82f6e6!important}[data-theme=light] .section-title:before{color:#3b82f6b3!important;text-shadow:none!important}[data-theme=light] .bullet-point,[data-theme=light] .section-content,[data-theme=light] .section-content p{color:#0f172ae6!important}[data-theme=light] .bullet-point:before{color:#3b82f6cc!important;text-shadow:none!important}[data-theme=light] .quality-modal-footer{background:linear-gradient(135deg,#3b82f61a,#f973160d)!important;border-top-color:#64748b4d!important}[data-theme=light] .quality-modal-close-btn{background:linear-gradient(135deg,#3b82f6e6,#f97316cc)!important;box-shadow:0 4px 16px #3b82f64d!important}[data-theme=light] .quality-modal-close-btn:hover{background:linear-gradient(135deg,#2563ebe6,#ea580ccc)!important;box-shadow:0 6px 22px #3b82f666!important}[data-theme=light] .report-section .rules-violated-container .rule-violation-card,[data-theme=light] .rules-violated-container .rule-violation-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border:1px solid #64748b4d!important;border-left-color:#ef4444cc!important;box-shadow:0 2px 12px #0000001a,inset 0 0 0 1px #64748b1a!important}[data-theme=light] .report-section .rules-violated-container .rule-violation-card:hover,[data-theme=light] .rules-violated-container .rule-violation-card:hover{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#3b82f666 #3b82f666 #3b82f666 #ef4444e6!important;box-shadow:0 6px 18px #ef444426!important}[data-theme=light] .rule-icon{color:#ef4444cc!important;filter:none!important}[data-theme=light] .rule-detail{background:#f8fafccc!important}[data-theme=light] .rule-detail:hover{background:#f1f5f9e6!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.data-example,[data-theme=light] .rules-violated-container .rule-detail.data-example{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border-left-color:#3b82f6cc!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.data-example:hover,[data-theme=light] .rules-violated-container .rule-detail.data-example:hover{background:linear-gradient(135deg,#3b82f626,#3b82f614)!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.points-lost,[data-theme=light] .rules-violated-container .rule-detail.points-lost{background:linear-gradient(135deg,#ef44441a,#ef44440d)!important;border-left-color:#ef4444cc!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.points-lost:hover,[data-theme=light] .rules-violated-container .rule-detail.points-lost:hover{background:linear-gradient(135deg,#ef444426,#ef444414)!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.impact,[data-theme=light] .rules-violated-container .rule-detail.impact{background:linear-gradient(135deg,#f973161a,#f973160d)!important;border-left-color:#f97316cc!important}[data-theme=light] .report-section .rules-violated-container .rule-detail.impact:hover,[data-theme=light] .rules-violated-container .rule-detail.impact:hover{background:linear-gradient(135deg,#f9731626,#f9731614)!important}[data-theme=light] .detail-label{color:#3b82f6e6!important}[data-theme=light] .detail-value{color:#0f172ae6!important}[data-theme=light] .points-value{color:#ef4444e6!important;text-shadow:none!important}[data-theme=light] .rule-other-content{color:#475569cc!important}[data-theme=light] .quality-modal-content::-webkit-scrollbar-track{background:#64748b1a!important}[data-theme=light] .quality-modal-content::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .quality-modal-content::-webkit-scrollbar-thumb:hover{background:#64748b99!important}[data-theme=light] .quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-violation-card{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border:1px solid #64748b4d!important;border-left-color:#ef4444cc!important;box-shadow:0 2px 12px #0000001a,inset 0 0 0 1px #64748b1a!important}[data-theme=light] .quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.data-example{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)!important;border-left-color:#3b82f6cc!important}[data-theme=light] .quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.points-lost{background:linear-gradient(135deg,#ef44441a,#ef44440d)!important;border-left-color:#ef4444cc!important}[data-theme=light] .quality-modal-container .report-sections .report-section .section-content .rules-violated-container .rule-detail.impact{background:linear-gradient(135deg,#f973161a,#f973160d)!important;border-left-color:#f97316cc!important}.kpi-analytics-page{display:flex;height:100vh;overflow:hidden}.kpi-analytics-content{flex:1 1;overflow-y:auto;padding:20px}.page-header{margin-bottom:20px}.header-actions{gap:10px}.data-summary-section{margin-bottom:20px}.data-grid-section{margin-top:20px}.data-grid-container{height:500px}.error-message{padding:10px}.empty-state ul{margin-bottom:20px}.empty-state-button{background-color:var(--primary-color);color:var(--light-color);padding:8px 16px}.pagination-controls{gap:10px}.pagination-button{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--dark-color);padding:6px 12px}.pagination-page{margin:0 10px}.kpi-analysis-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);margin:20px 0;padding:20px}.kpi-prompt-container{margin-bottom:20px}.kpi-prompt-input-container{display:flex;gap:10px}.kpi-prompt-input{background-color:var(--light-color);border:1px solid var(--border-color);border-radius:4px;color:var(--dark-color);flex:1 1;font-family:inherit;min-height:100px;padding:12px;resize:vertical}.kpi-analyze-button{background-color:var(--primary-color);border:none;border-radius:4px;box-shadow:var(--glow-primary);color:var(--light-color);cursor:pointer;display:block;font-size:14px;font-weight:500;margin:0 auto;max-width:300px;padding:10px 20px;width:100%}.kpi-analyze-button:hover{background-color:#0096ffe6;box-shadow:0 0 15px #00c8ff99}.kpi-analyze-button:disabled{background-color:#64646480;box-shadow:none;cursor:not-allowed}.analyzing-state{align-items:center;display:flex;flex-direction:column;margin:20px 0}.analyzing-spinner{animation:spin 1s linear infinite;border:4px solid #00c8ff1a;border-left:4px solid var(--primary-color);border-radius:50%;height:40px;margin-bottom:15px;width:40px}.analysis-result{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--box-shadow);margin-top:20px;padding:15px}.result-content.preview{max-height:150px;overflow:hidden;position:relative}.result-preview-ellipsis{background:linear-gradient(to bottom,#001e3c00,var(--surface-color));bottom:0;left:0;margin:0;padding-top:30px;position:absolute;right:0;text-align:center}.analysis-result-actions{display:flex;gap:10px;margin-top:15px}.clear-analysis-button,.view-full-analysis-button{border-radius:4px;cursor:pointer;padding:8px 16px}.view-full-analysis-button{background-color:var(--primary-color);border:none;box-shadow:var(--glow-primary);color:var(--light-color)}.clear-analysis-button{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--dark-color)}.analysis-error-message{background-color:#ff32321a;border:1px solid #ff32324d;border-radius:4px;color:var(--danger-color);margin-top:10px;padding:10px}.kpi-selector-container{margin-bottom:20px}.kpi-list-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);padding:20px}.kpi-list-container h3{color:var(--dark-color);margin-bottom:10px;margin-top:0}.kpi-instruction{color:#ffffffb3;margin-bottom:15px}.kpi-list{background-color:var(--light-color);border:1px solid var(--border-color);border-radius:4px;gap:10px;margin-bottom:20px;max-height:300px;padding:10px}.kpi-item{background-color:var(--surface-color);border-left:3px solid var(--primary-color);padding:10px}.kpi-badge{background-color:var(--primary-color);border-radius:3px;color:var(--light-color);font-size:12px;font-weight:700;margin-right:10px;padding:3px 8px}.kpi-text{color:var(--dark-color);flex:1 1;font-size:14px}.spinner-small{border:3px solid #00c8ff1a;border-left:3px solid var(--primary-color);height:20px;margin-right:10px;vertical-align:middle;width:20px}.btn-primary{background-color:var(--primary-color);border-radius:4px;box-shadow:var(--glow-primary);color:var(--light-color);margin-top:10px;padding:8px 16px}.btn-primary:hover{background-color:#0096ffe6;box-shadow:0 0 15px #00c8ff99}.analysis-info{margin-top:20px;text-align:center}.records-count-info{background-color:#00c8ff1a;border-left:3px solid var(--primary-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-size:14px;margin-bottom:15px;padding:10px}.filter-loading{color:#ffffffb3}.validation-rules-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);margin:20px 0;padding:20px}.validation-rules-list{margin:20px 0}.validation-rules-section .table-container{margin-top:15px}.validation-rules-section .data-table th{background-color:#003264cc;border-bottom:2px solid var(--border-color);color:var(--dark-color)}.validation-rules-section .data-table td{padding:12px 8px;vertical-align:top}.selected-rules-summary{background-color:#00ff641a;border:1px solid var(--success-color);border-radius:6px;color:var(--success-color);margin:15px 0;padding:12px}.selected-rules-summary p{font-size:14px;margin:0}.validation-rules-section .empty-state{background-color:var(--light-color);border:2px dashed var(--border-color);border-radius:8px;margin:20px 0;padding:30px}.validation-rules-section .empty-state .empty-state-icon{font-size:36px;margin-bottom:15px}.validation-rules-section .empty-state h4{color:var(--dark-color);margin:0 0 10px}.validation-rules-section .empty-state p{color:#ffffffb3;margin:0 0 15px}[data-theme=light] .empty-state,[data-theme=light] .loading-state{color:#0f172acc!important}[data-theme=light] .spinner{border-color:#3b82f633 #3b82f633 #3b82f633 #3b82f6cc!important}[data-theme=light] .analyzing-spinner,[data-theme=light] .spinner-small{border-color:#3b82f6cc #3b82f633 #3b82f633!important}[data-theme=light] .filter-loading{color:#0f172acc!important}[data-theme=light] .validation-rules-section .empty-state p{color:#475569cc!important}.summary-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-bottom:1.5rem;position:relative}.summary-panel:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.summary-panel-header{align-items:center;background:linear-gradient(135deg,#00c8ff33,#ff64001a);border-bottom:2px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;position:relative;-webkit-user-select:none;user-select:none}.summary-panel-header:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);bottom:0;box-shadow:var(--glow-primary);content:"";height:1px;left:1.25rem;position:absolute;right:1.25rem}.summary-panel-header h3{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0;text-shadow:var(--text-glow)}.toggle-button{background:none;border:none;color:#00c8ffe6;cursor:pointer;font-size:.875rem;padding:.25rem;text-shadow:var(--text-glow);transition:transform .2s}.toggle-button.open{transform:rotate(0deg)}.toggle-button.closed{transform:rotate(-90deg)}.summary-panel-content{padding:1.25rem}.summary-section{margin-bottom:1.5rem}.summary-section:last-child{margin-bottom:0}.summary-section h4{border-bottom:1px solid var(--border-color);color:#00c8ffe6;font-size:.875rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem;text-shadow:var(--text-glow)}.summary-stat-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.summary-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3ccc,#00285099);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;transition:all .3s ease}.summary-stat:hover{background:linear-gradient(135deg,#001e3ce6,#002850b3);border-color:#00c8ff99;box-shadow:0 0 15px #00c8ff4d,inset 0 0 20px #00c8ff0d}.stat-label{color:#00c8ffcc;font-size:.75rem;margin-bottom:.25rem;text-shadow:var(--text-glow)}.stat-value{color:#ffffffe6;font-size:1rem;text-shadow:0 0 8px #ffffff4d}@media (max-width:768px){.summary-stat-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.summary-stat{padding:.625rem .875rem}.stat-value{font-size:.875rem}}.visuai-data-viewer-page{background:radial-gradient(circle at 50% 50%,#0096ff1a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;min-height:100vh}.visuai-data-viewer-content{flex:1 1;margin-left:320px;min-height:100vh;overflow-y:auto;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#ffffffe6!important;font-size:1.5rem;text-shadow:var(--text-glow)}.btn-toggle-summary{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.btn-toggle-summary:hover{background-color:#e0e0e0}.error-message{background-color:#fee;border-left:4px solid #c00;border-radius:4px;color:#c00;margin-bottom:1.5rem}.data-filter-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-bottom:1.5rem;padding:1rem;position:relative}.data-filter-section:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.data-summary-section{margin-bottom:2rem}.data-grid-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;overflow:hidden;position:relative}.data-grid-container:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.data-grid-section{margin-bottom:2.5rem}.data-grid-section h2{color:#ffffffe6!important;font-size:1.25rem;margin:0 0 1rem;text-shadow:var(--text-glow)}.pagination{margin-top:1rem;padding:.5rem 0}.pagination-button{background-color:#f0f0f0;border:1px solid #ccc;padding:.5rem 1rem}.pagination-button:hover:not(:disabled){background-color:#e0e0e0}.pagination-info{color:#555;font-size:.9rem}.pagination-controls{gap:1rem}.pagination-page{font-size:.9rem}.empty-state{background-color:#f9f9f9;min-height:300px;padding:3rem 1rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#2d3748;font-size:1.25rem;margin-bottom:.75rem}.empty-state p{color:#4a5568;margin-bottom:.75rem}.empty-state ul{margin:1rem 0;text-align:left}.empty-state-button{background-color:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem}.btn-upload-csv{background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s}.btn-upload-csv:hover{background-color:#3182ce}.loading-state{color:#718096;padding:3rem}.spinner{border:4px solid #0000001a;border-top-color:#3498db;margin-bottom:1rem}.visuai-prompt-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:1.5rem}.visuai-prompt-section h2{color:#333;margin-bottom:.5rem;margin-top:0}.visuai-prompt-section p{color:#4a5568;margin-bottom:1rem}.prompt-input-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.prompt-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:1rem;resize:vertical;width:100%}.prompt-submit-button{align-self:flex-end;background-color:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.prompt-submit-button:hover:not(:disabled){background-color:#3a56f5}.prompt-submit-button:disabled{cursor:not-allowed;opacity:.6}.analysis-error{background-color:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #f56565;border-radius:4px;margin-top:1rem;padding:1rem}.analysis-error h3{color:#c53030;margin-bottom:.5rem;margin-top:0}.analysis-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:2rem}.analysis-result{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-top:1.5rem;padding:1.5rem}.analysis-result h3{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.25rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.result-content{color:#4a5568;font-size:1rem;line-height:1.6;white-space:pre-wrap}.result-content p{margin-bottom:.75rem}.clear-analysis-button{background-color:#e2e8f0;border:none;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem}.clear-analysis-button:hover{background-color:#cbd5e0}.btn-view-chart{background-color:#38a169;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.5rem 1rem}.btn-view-chart:hover{background-color:#2f855a}.view-chart-button{background-color:#38a169;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin-right:.75rem;margin-top:1rem;padding:.625rem 1.25rem;transition:background-color .2s}.view-chart-button:hover{background-color:#2f855a}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{width:100%}.prompt-input-container{gap:.5rem}.prompt-submit-button{align-self:stretch}.visuai-data-viewer-content{margin-left:0;padding:80px 1rem 1rem}}.filter-loading{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:8px;margin-top:8px}.spinner-small{border:2px solid #0000001a;border-left-color:#3182ce;height:18px;width:18px}.form-container{margin:0 auto;max-width:600px;overflow:hidden;padding:35px;transition:all .3s ease}.form-container.theme-dark{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid #00c8ff4d;box-shadow:0 0 30px #00c8ff4d,inset 0 0 20px #00c8ff0d}.form-container.theme-dark:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.form-container.theme-dark:after{animation:hudFlicker 3s ease-in-out infinite;background:linear-gradient(45deg,#00c8ff80,#ff64004d,#00c8ff80);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px;z-index:-2}.form-container.theme-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #e2e8f0cc;box-shadow:0 4px 20px #0000001a,0 1px 3px #0000000d}.form-container.theme-light:after,.form-container.theme-light:before{display:none}.form-container h2{font-family:Poppins,sans-serif;font-size:24px;letter-spacing:-.5px;position:relative}.form-container.theme-dark h2{color:#ffffffe6;text-shadow:0 0 10px #00c8ff4d}.form-container.theme-light h2{color:#1a202c}.form-container.theme-dark h2:after{background:linear-gradient(90deg,#00c8ffcc,#ff640099)}.form-container.theme-dark h2:after,.form-container.theme-light h2:after{border-radius:2px;bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-container.theme-light h2:after{background:linear-gradient(90deg,#3182ce,#805ad5)}.form-group{margin-bottom:22px;position:relative;z-index:1}.form-group label{font-family:Inter,sans-serif;letter-spacing:.3px;padding-left:12px;position:relative;text-align:left}.form-container.theme-dark .form-group label{color:#00c8ffe6;text-shadow:0 0 10px #00c8ff4d}.form-container.theme-light .form-group label{color:#4a5568}.form-container.theme-dark .form-group label:before{background:#ff6400cc;border-radius:50%;box-shadow:0 0 8px #ff640099;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid;font-family:Inter,sans-serif;font-size:16px;font-weight:400;padding:12px 15px;transition:all .3s ease}.form-container.theme-dark .form-group input,.form-container.theme-dark .form-group select,.form-container.theme-dark .form-group textarea{background:linear-gradient(135deg,#001428cc,#001e3c99);border-color:#00c8ff4d;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6}.form-container.theme-light .form-group input,.form-container.theme-light .form-group select,.form-container.theme-light .form-group textarea{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a;color:#2d3748}.form-container.theme-dark .form-group input::placeholder,.form-container.theme-dark .form-group textarea::placeholder{color:#ffffff80}.form-container.theme-light .form-group input::placeholder,.form-container.theme-light .form-group textarea::placeholder{color:#a0aec0}.form-container.theme-dark .form-group input:focus,.form-container.theme-dark .form-group select:focus,.form-container.theme-dark .form-group textarea:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;outline:none}.form-container.theme-light .form-group input:focus,.form-container.theme-light .form-group select:focus,.form-container.theme-light .form-group textarea:focus{background:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.form-group input.error{border-color:#e53e3e!important}.form-container.theme-dark .form-group input.error{box-shadow:0 0 20px #e53e3e66,inset 0 0 15px #e53e3e1a}.form-container.theme-light .form-group input.error{box-shadow:0 0 0 3px #e53e3e1a}.error-text{color:#e53e3e;font-size:12px;font-weight:500;margin-top:4px}.form-container.theme-dark .form-group select option{background:#001428f2;border:none;color:#ffffffe6}.form-actions{align-items:center;margin-top:35px;width:100%}.primary-button,.secondary-button{align-items:center;border:1px solid;display:inline-flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;height:44px;justify-content:center;letter-spacing:.3px;overflow:hidden;position:relative;text-transform:none}.form-container.theme-dark .primary-button{background:linear-gradient(135deg,#00c8ffcc,#ff640099);border-color:#00c8ff80;box-shadow:0 4px 15px #00c8ff4d,inset 0 1px 0 #ffffff1a;color:#fffffff2;text-shadow:0 0 10px #ffffff4d}.form-container.theme-dark .primary-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.form-container.theme-dark .primary-button:hover:before{left:100%}.form-container.theme-dark .primary-button:hover{background:linear-gradient(135deg,#00c8ff,#ff6400cc);box-shadow:0 6px 25px #00c8ff80,inset 0 1px 0 #fff3;transform:translateY(-2px)}.form-container.theme-light .primary-button{background:linear-gradient(135deg,#3182ce,#2c5282);border-color:#3182ce;box-shadow:0 2px 4px #0000001a;color:#fff}.form-container.theme-light .primary-button:hover{background:linear-gradient(135deg,#2c5282,#2a4365);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.form-container.theme-dark .secondary-button{background:#00142899;border-color:#00c8ff4d;box-shadow:0 2px 10px #0000004d,inset 0 1px 0 #ffffff0d;color:#fffc}.form-container.theme-dark .secondary-button:hover{background:#001e3ccc;border-color:#00c8ff80;color:#ffffffe6;transform:translateY(-1px)}.form-container.theme-light .secondary-button{background:#f7fafc;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a;color:#4a5568}.form-container.theme-light .secondary-button:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 4px #0000001a;color:#2d3748;transform:translateY(-1px)}@keyframes hudFlicker{0%,to{opacity:.6}50%{opacity:.8}}@media (max-width:768px){.form-container{margin:16px;padding:24px}.form-actions{flex-direction:column;gap:12px}.primary-button,.secondary-button{width:100%}}.role-maintenance-page{margin:0 auto;max-width:1200px;padding:20px}.page-header h1{color:#ffffffe6;font-size:28px;margin-bottom:8px;text-shadow:0 0 10px #00c8ff4d}.page-header p{color:#ffffffb3;font-size:14px;margin:0}.page-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,#00c8ffcc,#0096c8e6);border:none;border-radius:8px;box-shadow:0 2px 10px #00c8ff4d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#00dcffe6,#00aadc);box-shadow:0 4px 20px #00c8ff66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#64646499,#787878b3);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#787878b3,#8c8c8ccc);transform:translateY(-1px)}.roles-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3c66,#0028504d);border:2px solid #00c8ff4d;border-radius:12px;overflow:hidden}.role-actions{display:flex;gap:8px}.role-actions button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-edit{background:linear-gradient(135deg,#2ecc71cc,#27ae60e6);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2ecc71e6,#27ae60);transform:translateY(-1px)}.btn-features{background:linear-gradient(135deg,#9b59b6cc,#8e44ade6);color:#fff}.btn-features:hover{background:linear-gradient(135deg,#9b59b6e6,#8e44ad);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#e74c3ccc,#c0392be6);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#e74c3ce6,#c0392b);transform:translateY(-1px)}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#001e3cf2,#002850e6);border:2px solid #00c8ff66;box-shadow:0 0 30px #00c8ff4d;padding:0}.feature-modal{max-width:600px}.modal-header{border-bottom:1px solid #00c8ff4d;padding:20px}.modal-header h3{color:#ffffffe6;font-size:18px;text-shadow:0 0 8px #00c8ff4d}.close-btn{align-items:center;border-radius:50%;color:#ffffffb3;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.close-btn:hover{background:#ffffff1a;color:#ffffffe6}.role-form{padding:20px}.form-group label{font-size:14px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3c99,#00285066);border:2px solid #00c8ff4d;border-radius:6px;box-sizing:border-box;color:#ffffffe6;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#00c8ff99;box-shadow:0 0 10px #00c8ff33;outline:none}.form-group small{color:#fff9;display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #00c8ff4d;margin:0 -20px -20px;padding:20px}.feature-list{max-height:400px;overflow-y:auto;padding:20px}.feature-header{margin-bottom:20px}.feature-header p{color:#fffc;font-size:14px;margin:0}.feature-item{align-items:flex-start;background:linear-gradient(135deg,#0028504d,#00326433);border:1px solid #00c8ff33;border-radius:8px;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.feature-item:hover{background:linear-gradient(135deg,#00285066,#0032644d);border-color:#00c8ff4d}.feature-checkbox{align-items:flex-start;cursor:pointer;display:flex;flex:1 1}.feature-checkbox input[type=checkbox]{accent-color:#00c8ffcc;margin-right:10px;margin-top:2px}.feature-name{color:#ffffffe6;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.feature-description{color:#fff9;font-size:12px;line-height:1.3;margin-left:auto;max-width:200px;text-align:right}.error-alert{align-items:center;background:linear-gradient(135deg,#e74c3c33,#c0392b1a);border:2px solid #e74c3c66;border-radius:8px;color:#ffffffe6;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-alert .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;width:20px}.empty-message,.loading{color:#ffffffb3;font-size:16px;padding:40px;text-align:center}.empty-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#001e3c66,#0028504d);border:2px solid #00c8ff4d;border-radius:12px}.process-explanation-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-bottom:30px;padding:30px;position:relative;text-align:center}.process-explanation-section:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.input-form-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;margin-bottom:30px;padding:30px;position:relative}.input-form-section:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.input-form-section h3{color:#fffffff2;font-size:24px;margin-bottom:10px;text-shadow:0 0 10px #00c8ff4d}.input-form-section p{color:#fffc;line-height:1.5;margin-bottom:25px}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border-radius:6px;font-size:16px;max-width:300px;transition:all .2s ease}.form-group input:focus{box-shadow:0 0 15px #00c8ff4d}.form-group input:disabled{background-color:#00142880;opacity:.6}.form-help{color:#ffffffb3;display:block;font-size:14px;margin-top:5px}.form-actions{margin-top:25px}.primary-button.generating{background-color:#6c757d;cursor:not-allowed;opacity:.7}.spinner-small{border-left-color:#fff;margin-right:8px}.generated-rules-section{border-top:1px solid #dee2e6;margin-top:30px;padding-top:30px}.generated-rules-section h4{color:#fffffff2;font-size:20px;margin-bottom:10px;text-shadow:0 0 10px #00c8ff4d}.generated-rules-section p{color:#fffc;margin-bottom:20px}.rules-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;max-height:400px;overflow-y:auto}.rule-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001e3c99;border:2px solid #00c8ff33;border-radius:8px;padding:15px;transition:all .2s ease}.rule-card:hover{background:#001e3ccc;border-color:#00c8ff80;box-shadow:0 0 15px #00c8ff33}.rule-header{gap:15px;margin-bottom:10px}.rule-number{background:linear-gradient(135deg,#00c8ffcc,#0096ff);box-shadow:0 0 10px #00c8ff4d;font-weight:700}.rule-number,.rule-weight{border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.rule-weight{background:linear-gradient(135deg,#28a745cc,#228b3a);box-shadow:0 0 10px #28a7454d}.rule-brand{background:linear-gradient(135deg,#17a2b8cc,#138496);border-radius:4px;box-shadow:0 0 10px #17a2b84d;color:#fff;font-size:12px;padding:4px 8px}.rule-text{color:#ffffffe6;font-size:14px;line-height:1.4;margin-bottom:8px}.rule-kpis{color:#ffffffb3;font-size:12px}.save-actions{align-items:center;display:flex;gap:15px}@media (max-width:768px){.input-form-section{padding:20px}.form-group input{max-width:100%}.save-actions{align-items:stretch;flex-direction:column}.save-actions button{width:100%}}.data-filter-section{margin-bottom:20px}.data-grid-section{margin-bottom:30px}.data-grid-container{width:100%}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.spinner{border:4px solid #00c8ff1a;border-left:4px solid var(--primary-color);margin-bottom:20px}.empty-state-icon{font-size:48px;margin-bottom:20px}.empty-state h3{margin-bottom:15px}.empty-state p{color:#666;line-height:1.5;max-width:400px}.pagination{border-top:1px solid #e9ecef;justify-content:space-between;margin-top:20px}.pagination-info{color:#666}.pagination-controls{align-items:center;display:flex;gap:15px}.pagination-button{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--primary-color);color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-page{color:var(--primary-color);font-size:14px;font-weight:600}.error-message{background-color:#ff32321a;border:1px solid #ff32324d;color:var(--danger-color);padding:15px}body,html{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}.dashboard-page{min-height:100vh!important}.dashboard-page,.dashboard-page .dashboard-main{height:auto!important;max-height:none!important;overflow:visible!important}.dashboard-page .dashboard-main{min-height:auto!important;padding-bottom:50px!important}.dashboard-page .dashboard-content,.data-filter-section,.data-grid-section,.input-form-section,.process-explanation-section{height:auto!important;max-height:none!important;overflow:visible!important}.form-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6);border:2px solid #00c8ff4d;border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 20px #00c8ff33,inset 0 1px 0 #ffffff1a;color:#ffffffe6;margin:20px auto;max-width:500px;padding:30px;position:relative}.form-container:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes hudGrid{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.form-container h2{color:#fffffff2;font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center;text-shadow:0 0 10px #00c8ff80}.form-group label{color:#ffffffe6;margin-bottom:8px;text-shadow:0 0 5px #00c8ff4d}.form-group input{background:linear-gradient(135deg,#001428cc,#001e3c99);border:2px solid #00c8ff4d;border-radius:8px;box-shadow:0 0 10px #00c8ff1a,inset 0 0 10px #00c8ff0d;box-sizing:border-box;color:#ffffffe6;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;outline:none}.form-group input:disabled{background:#00142866;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262633,#ef44441a);border:1px solid #dc262666;box-shadow:0 0 10px #dc262633;color:#ffffffe6;padding:12px 16px}.form-actions{gap:15px}.primary-button,.secondary-button{border:2px solid;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;text-align:center;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#00c8ffcc,#0096ff99);border-color:#00c8ffcc;box-shadow:0 4px 15px #00c8ff4d,inset 0 1px 0 #fff3;color:#fffffff2;text-shadow:0 0 5px #00c8ff80}.primary-button:hover{background:linear-gradient(135deg,#00c8ffe6,#0096ffb3);border-color:#00c8ff;box-shadow:0 6px 20px #00c8ff66,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.primary-button:active{box-shadow:0 2px 10px #00c8ff4d,inset 0 1px 0 #fff3;transform:translateY(0)}.secondary-button{background:linear-gradient(135deg,#64748b4d,#47556933);border-color:#64748b80;box-shadow:0 4px 15px #0003,inset 0 1px 0 #ffffff1a}.secondary-button:hover{background:linear-gradient(135deg,#64748b66,#4755694d);border-color:#64748bb3;box-shadow:0 6px 20px #0000004d,inset 0 1px 0 #fff3;color:#ffffffe6;transform:translateY(-1px)}.secondary-button:active{box-shadow:0 2px 10px #0003,inset 0 1px 0 #ffffff1a;transform:translateY(0)}[data-theme=light] .form-container{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid #64748b4d;box-shadow:0 10px 30px #0000001a,0 0 20px #64748b1a,inset 0 1px 0 #fffc;color:#0f172ae6}[data-theme=light] .form-container:before{animation:none;background:linear-gradient(0deg,#64748b0d 1px,#0000 0),linear-gradient(90deg,#64748b0d 1px,#0000 0)}[data-theme=light] .form-container h2{color:#0f172ae6;text-shadow:none}[data-theme=light] .form-group label{color:#0f172acc;text-shadow:none}[data-theme=light] .form-group input{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:2px solid #64748b4d;box-shadow:0 0 10px #64748b1a,inset 0 0 10px #64748b0d;color:#0f172ae6}[data-theme=light] .form-group input::placeholder{color:#0f172a80}[data-theme=light] .form-group input:focus{background:linear-gradient(135deg,#fff,#f8fafce6);border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f633,inset 0 0 15px #3b82f61a}[data-theme=light] .form-group input:disabled{background:#f8fafc99;border-color:#64748b33;color:#0f172a80}[data-theme=light] .error-message{background:linear-gradient(135deg,#dc26261a,#ef44440d);border:1px solid #dc26264d;box-shadow:0 0 10px #dc26261a;color:#0f172ae6}[data-theme=light] .primary-button{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc);border-color:#3b82f6e6;box-shadow:0 4px 15px #3b82f64d,inset 0 1px 0 #fff3;color:#fffffff2;text-shadow:none}[data-theme=light] .primary-button:hover{background:linear-gradient(135deg,#3b82f6,#2563ebe6);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f666,inset 0 1px 0 #ffffff4d}[data-theme=light] .secondary-button{background:linear-gradient(135deg,#64748b1a,#4755690d);border-color:#64748b4d;box-shadow:0 4px 15px #0000001a,inset 0 1px 0 #fffc;color:#0f172acc}[data-theme=light] .secondary-button:hover{background:linear-gradient(135deg,#64748b26,#4755691a);border-color:#64748b80;box-shadow:0 6px 20px #00000026,inset 0 1px 0 #ffffffe6;color:#0f172ae6}.bedrock-usage-panel{background-color:var(--background-color);color:var(--text-primary);min-height:100vh;padding:20px}.panel-header{margin-bottom:24px}.panel-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:600;gap:12px;margin:0}.back-button{background:#ffffff0d;background:var(--surface-color,#ffffff0d);color:var(--text-primary);font-size:18px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#2196f326;background:var(--hover-background,#2196f326);transform:translateX(-2px)}.usage-filters{align-items:center;background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px}.filter-label{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.period-buttons{display:flex;gap:8px}.period-button{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.period-button:hover{background:#2196f326;background:var(--hover-background,#2196f326);border-color:var(--primary-color)}.period-button.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #2196f34d;color:#fff}.view-selector{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:180px;padding:8px 16px}.view-selector:focus{border-color:var(--primary-color);outline:none}.summary-section{margin-bottom:32px}.usage-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.summary-card{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border-radius:12px;border-top:3px solid var(--primary-color);overflow:hidden;padding:20px;position:relative;transition:all .3s}.summary-card:hover{border-color:var(--primary-color);box-shadow:0 8px 20px #0000004d;box-shadow:var(--box-shadow,0 8px 20px #0000004d);transform:translateY(-4px)}.summary-card:before{background:linear-gradient(135deg,#0000,#ffffff08);background:var(--gradient-overlay,linear-gradient(135deg,#0000,#ffffff08));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.summary-card.loading{opacity:.6}.card-content{position:relative;z-index:1}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.card-icon{font-size:24px}.card-label{color:var(--text-secondary);font-size:14px;font-weight:500}.card-value{color:var(--text-primary);font-size:32px;font-weight:700}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#8080801a,#80808033,#8080801a);background:var(--skeleton-gradient,linear-gradient(90deg,#8080801a,#80808033,#8080801a));background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-section{margin-bottom:32px}.table-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.usage-data-table{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;padding:16px}.usage-data-table.empty,.usage-data-table.loading{color:var(--text-secondary);padding:40px;text-align:center}.usage-data-table table{border-collapse:collapse;width:100%}.usage-data-table th{background:#8080800d;background:var(--surface-color,#8080800d);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.usage-data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px;padding:14px 16px}.usage-data-table tbody tr{transition:background-color .2s}.usage-data-table tbody tr:hover{background-color:#2196f314;background-color:var(--hover-background,#2196f314)}.org-name,.user-name{align-items:center;display:flex;font-weight:500;gap:10px}.org-icon,.user-icon{font-size:18px}.token-count{color:#4caf50;font-weight:600}.model-name{color:#2196f3;font-weight:500}.feature-name{color:#ff9800;font-style:italic}.actions{text-align:right}.view-details-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.view-details-button:hover{background:#1976d2;background:var(--primary-hover,#1976d2);box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.error-message{background:#f443361a;background:var(--error-background,#f443361a);border:1px solid #f443364d;border:1px solid var(--error-border,#f443364d);border-radius:12px;color:#f44336;color:var(--error-color,#f44336);padding:40px;text-align:center}.error-message p{font-size:16px;margin-bottom:16px}.retry-button{background:#f44336;background:var(--error-color,#f44336);font-size:14px;padding:10px 24px;transition:all .2s}.retry-button:hover{background:#d32f2f;background:var(--error-hover,#d32f2f);transform:translateY(-2px)}.loading-indicator{color:var(--text-secondary);font-size:16px;padding:60px;text-align:center}@media (max-width:1200px){.usage-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.bedrock-usage-panel{padding:16px}.panel-header h2{font-size:22px}.usage-filters{align-items:stretch;flex-direction:column}.period-buttons{justify-content:space-between;width:100%}.period-button{flex:1 1;font-size:13px;padding:10px 12px}.usage-summary-cards{grid-template-columns:1fr}.card-value{font-size:26px}.usage-data-table{overflow-x:scroll}.usage-data-table table{min-width:600px}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 50%),#000c;z-index:1100}.modal-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#001428f2,#001e3ce6),radial-gradient(circle at 50% 50%,#00c8ff1a 0,#0000 70%);border-radius:12px;box-shadow:var(--box-shadow);color:#ffffffe6;max-width:500px;position:relative;width:100%}.modal-content:before{animation:hudGrid 20s linear infinite;background:linear-gradient(0deg,#00c8ff05 1px,#0000 0),linear-gradient(90deg,#00c8ff05 1px,#0000 0);background-size:20px 20px;border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.modal-header{background:linear-gradient(135deg,#00c8ff33,#ff64001a);padding:1rem 1.5rem}.modal-header:after{background:linear-gradient(90deg,#0000,#00c8ffcc,#0000);height:1px;left:1.5rem;right:1.5rem}.modal-header h2{color:#ffffffe6;font-size:1.25rem}.modal-close-button{background:none;border:none;color:#a0aec0;line-height:1}.modal-close-button:hover{color:#4a5568}.modal-body{padding:1.5rem;scrollbar-color:#00c8ff4d #0014284d;scrollbar-width:thin}.modal-footer{border-top:1px solid #e2e8f0;gap:.75rem;padding:1rem 1.5rem}.button{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.button:disabled{cursor:not-allowed;opacity:.5}.primary-button{background-color:#3182ce}.primary-button:hover:not(:disabled){background-color:#2c5282}.secondary-button{background-color:#e2e8f0;color:#4a5568}.secondary-button:hover:not(:disabled){background-color:#cbd5e0}.form-group label{color:#4a5568;font-size:.875rem}.form-control{background:linear-gradient(135deg,#001428cc,#001e3c99);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px #00c8ff33,inset 0 0 10px #00c8ff0d;color:#ffffffe6;font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease;width:100%}.form-control::placeholder{color:#ffffff80}.form-control:focus{background:linear-gradient(135deg,#001428e6,#001e3ccc);border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66,inset 0 0 15px #00c8ff1a;outline:none}.error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:.375rem;color:#e53e3e}.error-message,.info-message{margin-bottom:1rem;padding:.75rem}.info-message{background-color:#ebf8ff;border:1px solid #bee3f8;border-radius:.375rem;color:#2b6cb0}.profile-details{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1rem;padding:.75rem}.profile-description{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0}.modal-actions{background:linear-gradient(135deg,#000a14cc,#00142899);border-top:2px solid var(--border-color);padding:1rem 1.5rem;position:relative}.modal-actions:before{background:linear-gradient(90deg,#0000,#00c8ff99,#0000);box-shadow:var(--glow-primary);content:"";height:1px;left:1.5rem;position:absolute;right:1.5rem;top:0}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0014284d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#00c8ff4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#00c8ff80}[data-theme=light] .modal-overlay{background:radial-gradient(circle at 50% 50%,#3b82f60d 0,#0000 50%),#ffffffe6!important}[data-theme=light] .modal-content{background:linear-gradient(135deg,#fffffff2,#f8fafce6),radial-gradient(circle at 50% 50%,#3b82f60d 0,#0000 70%)!important;box-shadow:0 4px 20px #0000001a,0 8px 40px #0000000d!important;color:#0f172ae6!important}[data-theme=light] .modal-content:before{background:linear-gradient(0deg,#3b82f605 1px,#0000 0),linear-gradient(90deg,#3b82f605 1px,#0000 0)!important}[data-theme=light] .modal-header{background:linear-gradient(135deg,#3b82f61a,#f973160d)!important;border-bottom-color:#64748b4d!important}[data-theme=light] .modal-header:after{background:linear-gradient(90deg,#0000,#3b82f6cc,#0000)!important;box-shadow:0 0 8px #3b82f64d!important}[data-theme=light] .modal-header h2{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .modal-close-button{color:#64748bcc!important}[data-theme=light] .modal-close-button:hover{color:#475569!important}[data-theme=light] .modal-footer{border-top-color:#64748b4d!important}[data-theme=light] .form-group label{color:#475569cc!important}[data-theme=light] .form-control{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;border-color:#64748b4d!important;box-shadow:0 0 10px #3b82f61a,inset 0 0 10px #3b82f605!important;color:#0f172ae6!important}[data-theme=light] .form-control::placeholder{color:#64748b99!important}[data-theme=light] .form-control:focus{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;border-color:#3b82f6cc!important;box-shadow:0 0 20px #3b82f633,inset 0 0 15px #3b82f60d!important}[data-theme=light] .primary-button{background-color:#3b82f6e6!important;color:#fff!important}[data-theme=light] .primary-button:hover:not(:disabled){background-color:#2563ebe6!important}[data-theme=light] .secondary-button{background-color:#64748b1a!important;color:#475569cc!important}[data-theme=light] .secondary-button:hover:not(:disabled){background-color:#64748b33!important}[data-theme=light] .error-message{background-color:#fef2f2e6!important;border-color:#fca5a5cc!important;color:#b91c1ce6!important}[data-theme=light] .info-message{background-color:#eff6ffe6!important;border-color:#93c5fdcc!important;color:#1d4ed8e6!important}[data-theme=light] .profile-details{background-color:#f8fafce6!important;border-color:#64748b4d!important}[data-theme=light] .profile-description{color:#475569cc!important}[data-theme=light] .modal-actions{background:linear-gradient(135deg,#f8fafccc,#f1f5f999)!important;border-top-color:#64748b4d!important}[data-theme=light] .modal-actions:before{background:linear-gradient(90deg,#0000,#3b82f699,#0000)!important;box-shadow:0 0 8px #3b82f64d!important}[data-theme=light] .modal-body::-webkit-scrollbar-track{background:#f8fafccc!important}[data-theme=light] .modal-body::-webkit-scrollbar-thumb{background:#64748b66!important}[data-theme=light] .modal-body::-webkit-scrollbar-thumb:hover{background:#64748b99!important}.super-admin-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:.25rem;margin-bottom:24px;padding-bottom:0}.super-admin-tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:.5rem;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.super-admin-tab-button:hover{background:#007bff1a;background:var(--hover-background,#007bff1a);color:var(--text-primary)}.super-admin-tab-button.active{background:#007bff1a;background:var(--primary-background,#007bff1a);border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}[data-theme=dark] .super-admin-tab-button{color:#ffffffb3}[data-theme=dark] .super-admin-tab-button:hover{background:#2196f326;color:#fffffff2}[data-theme=dark] .super-admin-tab-button.active{background:#2196f333;color:#2196f3}[data-theme=light] .super-admin-tab-button{color:#0009}[data-theme=light] .super-admin-tab-button:hover{background:#007bff14;color:#000000de}[data-theme=light] .super-admin-tab-button.active{background:#007bff1f;color:#007bff}@media (max-width:768px){.super-admin-tabs{overflow-x:auto}.super-admin-tab-button{font-size:14px;padding:10px 16px}}.location-import-modal{background:var(--modal-background);border-radius:12px;box-shadow:var(--modal-shadow);max-width:1200px;width:100%}.location-import-modal,.location-import-modal .modal-content{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.location-import-modal .modal-content{align-items:center;height:100%}.location-import-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px;width:100%}.location-import-modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.location-import-modal .close-button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.location-import-modal .close-button:hover{background:var(--hover-background);color:var(--text-primary)}.import-step{flex:1 1;max-width:800px;overflow-y:auto;padding:32px}.step-header{margin-bottom:32px;text-align:center}.step-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.step-header p{color:var(--text-secondary);font-size:1rem;margin:0}.step-header.success h3{color:var(--success-color)}.step-header.error h3{color:var(--error-color)}.upload-area{margin-bottom:32px}.file-input-label{align-items:center;background:var(--card-background);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:48px 32px;transition:all .3s ease}.file-input-label:hover{background:var(--hover-background);border-color:var(--primary-color)}.upload-icon{margin-bottom:16px;opacity:.7}.upload-text{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.upload-subtext{color:var(--text-secondary);font-size:.9rem}.upload-requirements{background:var(--info-background);border:1px solid var(--info-border);margin-bottom:24px;max-width:500px;padding:20px}.upload-requirements h4{color:var(--info-color);margin:0 0 12px}.upload-requirements ul{color:var(--text-primary);margin:0 0 16px;padding-left:20px}.upload-requirements li{line-height:1.4;margin-bottom:8px}.upload-requirements .note{background:var(--background-secondary);border-radius:6px;color:var(--text-secondary);font-size:.9rem;margin:0;padding:12px}.preview-table-container{background:var(--card-background);margin-bottom:16px}.preview-table{font-size:.9rem}.preview-table td,.preview-table th{padding:12px 16px}.preview-table th{background:var(--background-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.preview-table td,.preview-table th{color:var(--text-primary)}.preview-table .address{word-wrap:break-word;max-width:400px;min-width:300px;overflow-wrap:break-word;white-space:normal}.preview-table tbody tr:hover{background:var(--hover-background)}.preview-note{color:var(--text-secondary);margin-bottom:24px}.loading-container{gap:24px;padding:48px}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);height:48px;width:48px}.loading-container p{color:var(--text-secondary);font-size:1rem;margin:0}.import-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:32px;padding:24px}.summary-item{gap:8px}.summary-value{font-weight:700}.summary-item.success .summary-value{color:var(--success-color)}.summary-item.warning .summary-value{color:var(--warning-color)}.summary-item.error .summary-value{color:var(--error-color)}.import-details{margin-bottom:24px;width:100%}.import-details h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.detail-list{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.detail-list li{border-bottom:1px solid var(--border-color);font-size:.9rem;line-height:1.4;padding:12px 16px}.detail-list li:last-child{border-bottom:none}.detail-list.warning li{background:var(--warning-background);color:var(--warning-color)}.detail-list.error li,.error-message{background:var(--error-background);color:var(--error-color)}.error-message{border:1px solid var(--error-border);font-size:.9rem;gap:12px;margin-top:16px;max-width:500px;padding:16px;width:100%}.error-icon{flex-shrink:0;font-size:1.2rem}.error-details{background:var(--error-background);border:1px solid var(--error-border);border-radius:8px;margin-bottom:24px;padding:24px;width:100%}.error-details p{color:var(--error-color);font-size:1rem;margin:0 0 16px}.error-details p:last-child{margin-bottom:0}.step-actions{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-top:24px;width:100%}.btn-primary,.btn-secondary{font-size:1rem;min-width:140px}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--card-background);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-background)}.theme-dark .location-import-modal{--modal-background:#1a1a1a;--modal-shadow:0 25px 50px -12px #000c}.theme-light .location-import-modal{--modal-background:#fff;--modal-shadow:0 25px 50px -12px #00000040}@media (max-width:768px){.location-import-modal{margin:20px;max-width:95vw}.import-step{padding:24px 16px}.preview-table-container{min-width:auto}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@supports not (color:color-mix(in srgb,white 10%,black)){.theme-dark .location-import-modal{--hover-background:#2a2a2a;--background-secondary:#2d2d2d;--card-background:#1e1e1e}.theme-light .location-import-modal{--hover-background:#f5f5f5;--background-secondary:#f8f9fa;--card-background:#fff}}@supports not (color:var(--primary-color )){.kpi-modal{background:#1a1a2e;border-color:#06c}.modal-title h2{color:#00c8ff}.form-group input,.form-group select,.form-group textarea{background:#16213e;border-color:#06c;color:#fff}}.modal-overlay{animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.kpi-modal{animation:modalSlideIn .4s ease-out;background:var(--surface-color);border:2px solid var(--border-color);border-radius:20px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;height:85vh;max-width:1200px;overflow:hidden;width:95vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:2rem;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:0;box-shadow:var(--glow-primary);content:"";height:2px;left:0;position:absolute;right:0}.modal-title h2{color:var(--primary-color);font-family:Orbitron,Rajdhani,monospace,sans-serif;letter-spacing:2px;text-shadow:var(--text-glow);text-transform:uppercase}.modal-subtitle{color:var(--dark-color);font-size:1rem;font-weight:400;letter-spacing:1px;margin:.5rem 0 0;opacity:.7}.modal-close{align-items:center;background:var(--surface-color);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.modal-close:hover{border-color:var(--primary-color);box-shadow:var(--glow-primary)}.content-layout{grid-gap:2rem;box-sizing:border-box;display:grid;flex:1 1;gap:2rem;grid-template-columns:300px 1fr;height:100%;overflow-y:auto;padding:2rem;width:100%}.content-layout>*{min-height:0;width:100%}.kpi-list-section{display:flex;flex-direction:column}.section-header{margin-bottom:1.5rem}.section-header h3{font-size:1.3rem;letter-spacing:1px}.add-kpi-btn,.section-header h3{color:var(--primary-color);font-weight:600}.add-kpi-btn{background:var(--surface-color);border:2px solid var(--primary-color);border-radius:10px;cursor:pointer;letter-spacing:.5px;padding:.75rem 1.5rem;transition:var(--transition)}.add-kpi-btn:hover:not(:disabled){background:var(--border-color);box-shadow:var(--glow-primary);transform:translateY(-2px)}.add-kpi-btn:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:var(--dark-color);opacity:.7;padding:3rem 2rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-subtitle{color:var(--dark-color);font-size:.9rem;margin-top:.5rem;opacity:.5}.loading-state{color:var(--dark-color);opacity:.7;padding:3rem 2rem}.kpi-list{gap:1rem;padding-right:.5rem}.debug-kpi-container{display:block!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:999!important}.kpi-item{align-items:flex-start;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;padding:1.5rem;transition:var(--transition)}.kpi-item:hover{background:var(--border-color);border-color:var(--primary-color);transform:translateY(-2px)}.kpi-name{color:var(--dark-color);font-size:1.1rem;margin-bottom:.5rem;text-shadow:var(--text-glow)}.kpi-details{gap:1rem;margin-bottom:.5rem}.kpi-type{background:var(--accent-color);border-radius:6px;color:var(--secondary-color);font-size:.85rem;font-weight:500;padding:.25rem .75rem}.kpi-description{color:var(--dark-color);font-size:.9rem;margin-top:.5rem}.kpi-actions{display:flex;gap:.5rem;margin-left:1rem}.delete-btn,.edit-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--dark-color);font-size:1rem;height:36px;transition:var(--transition);width:36px}.delete-btn:hover:not(:disabled),.edit-btn:hover:not(:disabled){background:var(--border-color);border-color:var(--primary-color);transform:scale(1.1)}.delete-btn:disabled,.edit-btn:disabled{cursor:not-allowed;opacity:.5}.form-section{background:var(--surface-color);border:2px solid var(--border-color);border-radius:15px;box-sizing:border-box;min-width:0;padding:2rem;width:100%}.form-header h3{color:var(--primary-color);font-size:1.3rem;letter-spacing:1px;margin:0 0 1.5rem}.kpi-form{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:var(--dark-color);letter-spacing:.5px;opacity:.9}.form-group input,.form-group select,.form-group textarea{background:var(--light-color);border:2px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--dark-color);font-size:1rem;padding:.75rem 1rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--surface-color);border-color:var(--primary-color);box-shadow:var(--glow-primary);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--dark-color);opacity:.4}.form-group select option{background:var(--surface-color);color:var(--dark-color)}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.save-btn{background:var(--primary-color);border:2px solid var(--primary-color);border-radius:10px;color:var(--light-color);cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.75rem 2rem;transition:var(--transition)}.save-btn:hover:not(:disabled){background:var(--secondary-color);box-shadow:var(--glow-primary);transform:translateY(-2px)}.save-btn:disabled{opacity:.5}.cancel-btn{background:var(--surface-color);border:2px solid var(--border-color);border-radius:10px;color:var(--dark-color);font-weight:500;opacity:.8;padding:.75rem 2rem;transition:var(--transition)}.cancel-btn:hover:not(:disabled){background:var(--border-color);border-color:var(--primary-color);transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.kpi-modal{height:90vh;width:95vw}.modal-content{padding:1rem}.content-layout{gap:1.5rem;grid-template-columns:1fr}.form-actions,.kpi-item{flex-direction:column}.kpi-item{gap:1rem}.kpi-actions{justify-content:flex-end;margin-left:0}}.import-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--light-color);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);max-height:85vh;max-width:1200px;overflow-y:auto;position:relative;width:90%}.modal-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1.5rem}.modal-header h2{color:var(--dark-color);font-size:1.4rem;text-shadow:var(--text-glow)}.modal-close{background:none;border:none;border-radius:4px;color:var(--dark-color);font-size:1.5rem;opacity:.7;padding:.5rem;transition:var(--transition)}.modal-close:hover{background:var(--border-color);opacity:1}.modal-content{align-items:center;background:var(--light-color);justify-content:flex-start;min-height:400px;padding:2rem}.import-step{align-items:center;display:flex;flex-direction:column;max-width:500px;text-align:center;width:100%}.import-step h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:var(--text-glow)}.import-step h3,.step-description{color:var(--dark-color);text-align:center}.step-description{line-height:1.5;margin-bottom:1.5rem;opacity:.8}.upload-area{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;margin-bottom:2rem;max-width:400px;padding:3rem;text-align:center;transition:var(--transition);width:100%}.upload-area:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--glow-primary);opacity:.05}@supports (background:color-mix(in srgb,red 5%,transparent)){.upload-area:hover{background:color-mix(in srgb,var(--primary-color) 5%,#0000);opacity:1}}.upload-icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.upload-area p{color:var(--dark-color);font-size:1rem;margin:.5rem 0}.upload-hint{color:var(--dark-color)!important;font-size:.9rem;opacity:.6}.upload-requirements{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;max-width:400px;padding:1.5rem;width:100%}.upload-requirements h4{color:var(--dark-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.upload-requirements ul{color:var(--dark-color);line-height:1.6;margin:0;opacity:.8;padding-left:1.5rem}.upload-requirements li{margin-bottom:.5rem}.preview-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1.5rem}.summary-item{flex-direction:column;min-width:120px}.summary-label{color:var(--dark-color);font-size:.9rem;margin-bottom:.25rem;opacity:.7}.summary-value{color:var(--primary-color);font-size:1.5rem;text-shadow:var(--text-glow)}.preview-table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;max-height:400px;min-width:1000px;overflow-x:auto;overflow-y:auto;width:100%}.preview-table{border-collapse:collapse;width:100%}.preview-table td,.preview-table th{border-bottom:1px solid var(--border-color);overflow:visible;padding:.75rem;text-align:left;white-space:nowrap}.preview-table th{background:var(--primary-color);color:var(--dark-color);font-size:.9rem;font-weight:600;opacity:.2}@supports (background:color-mix(in srgb,red 20%,transparent)){.preview-table th{background:color-mix(in srgb,var(--primary-color) 20%,#0000);opacity:1}}.preview-table td{color:var(--dark-color);font-size:.9rem;opacity:.9}.preview-table .kpi-code{background:var(--secondary-color);color:var(--secondary-color);font-family:Courier New,monospace}.preview-table .kpi-code,.preview-table .measurement-type{border-radius:4px;font-size:.8rem;opacity:.1;padding:.25rem .5rem}.preview-table .measurement-type{background:var(--primary-color);color:var(--primary-color)}@supports (background:color-mix(in srgb,red 10%,transparent)){.preview-table .kpi-code{background:color-mix(in srgb,var(--secondary-color) 10%,#0000);opacity:1}.preview-table .measurement-type{background:color-mix(in srgb,var(--primary-color) 10%,#0000);opacity:1}}.preview-table .description{word-wrap:break-word;max-width:400px;min-width:300px;overflow-wrap:break-word;white-space:normal}.preview-note{color:var(--dark-color);margin:1rem 0;opacity:.6;padding:.5rem}.preview-actions{justify-content:flex-end}.importing-step{text-align:center}.progress-container{margin:2rem 0}.progress-bar{background:var(--border-color);border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:var(--glow-primary);height:100%;transition:width .3s ease}.progress-text{color:var(--dark-color);font-size:1.1rem;margin:0;text-shadow:var(--text-glow)}.importing-message{color:var(--dark-color);margin-top:1rem;opacity:.8}.completion-header{margin-bottom:2rem;text-align:center}.completion-header.success .completion-icon{color:var(--success-color)}.completion-header.partial-success .completion-icon{color:var(--warning-color)}.completion-icon{font-size:4rem;margin-bottom:1rem}.completion-header h3{color:var(--dark-color);font-size:1.5rem;margin:0;text-shadow:var(--text-glow)}.import-summary{margin-bottom:2rem}.summary-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--box-shadow);padding:1.5rem;text-align:center}.summary-number{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:var(--text-glow)}.summary-card .summary-label{color:var(--dark-color);font-size:.9rem;opacity:.8}.import-errors,.import-warnings{background:var(--surface-color);border:1px solid var(--danger-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.import-warnings{border-color:var(--warning-color)}.import-errors h4,.import-warnings h4{color:var(--dark-color);font-size:1rem;margin:0 0 1rem}.import-errors ul,.import-warnings ul{margin:0;padding-left:1.5rem}.error-item{color:var(--danger-color)}.error-item,.warning-item{line-height:1.4;margin-bottom:.5rem}.warning-item{color:var(--warning-color)}.more-errors,.more-warnings{color:var(--dark-color);font-style:italic;margin-top:.5rem;opacity:.6}.error-step{text-align:center}.error-header{margin-bottom:2rem}.error-icon{color:var(--danger-color);font-size:4rem;margin-bottom:1rem}.error-message{background:var(--surface-color);border:1px solid var(--danger-color);margin:1rem 0;padding:1rem}.error-message p{color:var(--danger-color);line-height:1.5;margin:0}.cancel-btn,.confirm-btn,.error-actions button,.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:var(--transition)}.cancel-btn,.secondary-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--dark-color)}.cancel-btn:hover,.secondary-btn:hover{background:var(--border-color);transform:translateY(-1px)}.confirm-btn,.primary-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:var(--glow-primary);color:#fff}.confirm-btn:hover,.primary-btn:hover{box-shadow:var(--glow-primary),0 4px 12px var(--primary-color);transform:translateY(-1px)}.complete-actions,.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.import-modal{max-height:90vh;width:95%}.modal-content{padding:1rem}.upload-area{padding:2rem}.preview-summary{flex-direction:column;gap:1rem}.summary-grid{grid-template-columns:1fr}.complete-actions,.error-actions,.preview-actions{flex-direction:column}.preview-table-container{overflow-x:auto}.preview-table{min-width:600px}}.page-header-actions{align-items:flex-start;background:#0000001a;border:1px solid #00c8ff33;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-actions-left h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.page-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.header-actions-right{align-items:center;display:flex;gap:1rem}.import-btn,.template-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.template-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.template-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.import-btn{background:linear-gradient(135deg,#00c8ff,#0080ff);color:#fff}.import-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b8ef,#0070ef);box-shadow:0 4px 12px #00c8ff4d;transform:translateY(-1px)}.import-btn:disabled,.template-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.category-card,.category-card *,.category-header,.category-title,.category-title h3{border:none!important}.category-card:after{display:none!important}.section-header{border-bottom:2px solid #00c8ff33;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:var(--primary-color)}.create-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c8ff0d;border:1px solid #00c8ff33;border-radius:12px;margin-bottom:2rem;padding:2rem}.create-form .form-group{margin-bottom:1.5rem}.create-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.create-form input{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.create-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00c8ff33;outline:none}.form-actions{gap:1rem}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:3rem}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff14,#0096ff0a);border-radius:12px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.category-card:hover{border-color:#00c8ff66;box-shadow:0 8px 32px #00c8ff26;transform:translateY(-4px)}.category-card:before{background:linear-gradient(90deg,#0000,#00c8ffb3,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.category-header{border:none!important;height:auto;min-height:70px;padding:1.25rem 1.75rem}.category-title{border:none!important;flex:1 1;margin-right:1rem;min-width:0}.category-title,.category-title h3{background:none!important;box-shadow:none!important;outline:none!important;position:static!important;text-shadow:none!important}.category-title h3{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:0!important;color:#00c8ff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1.25rem!important;font-weight:600!important;letter-spacing:.5px!important;line-height:1.3!important;margin:0!important;opacity:1!important;overflow:visible!important;padding:0!important;text-overflow:clip!important;text-transform:none!important;transition:none!important;white-space:normal!important}.category-title h3:hover{background:none!important;border:none!important;box-shadow:none!important;opacity:1!important;outline:none!important;text-shadow:none!important;transform:none!important}.category-title h3:after,.category-title h3:before{background:none!important;border:none!important;box-shadow:none!important;content:none!important;display:none!important}.category-actions{display:flex;gap:.5rem}.action-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .3s ease}.action-button:hover{background:#fff3;transform:scale(1.05)}.edit-button:hover{background:#00c8ff33;border-color:var(--primary-color)}.delete-button:hover{background:#ff646433;border-color:#ff6464}.category-content{padding:1.5rem 2rem 2rem}.kpi-placeholder{background:#0000004d;border:2px dashed #00c8ff4d;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease}.kpi-placeholder:hover{background:#0006;border-color:#00c8ff80}.placeholder-text{color:#00c8ffb3;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0 0 1.5rem}.add-kpi-button{background:#00c8ff33;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.add-kpi-button:hover{background:#00c8ff4d;box-shadow:0 4px 12px #00c8ff33;transform:translateY(-2px)}.kpi-list-display{gap:.35rem;margin-bottom:1rem}.kpi-item-display{align-items:center;background:linear-gradient(135deg,#00c8ff14,#0096ff1f);border:1px solid #0000;border-radius:8px;display:flex;justify-content:space-between;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.kpi-item-display:before{background:linear-gradient(90deg,#0000,#00c8ff1a 50%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kpi-item-display:hover{background:linear-gradient(135deg,#00c8ff26,#0096ff33);box-shadow:0 2px 8px #00c8ff26,inset 0 1px 0 #ffffff1a}.kpi-item-display:hover:before{opacity:1}.kpi-name-display{color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:.85rem;letter-spacing:.3px;position:relative;text-shadow:0 0 8px #00c8ff4d;z-index:1}.kpi-type-display{background:linear-gradient(135deg,#ffa50040,#ff8c004d);border:1px solid #ffa5004d;box-shadow:0 1px 3px #ffa50033,inset 0 1px 0 #ffffff1a;color:#ffb347;font-size:.7rem;font-weight:600;position:relative;z-index:1}.loading-message{color:#ffffffb3;font-size:1.1rem;padding:3rem;text-align:center}.empty-state{padding:4rem 2rem}[data-theme=light] .section-header{border-bottom-color:#3b82f633!important}[data-theme=light] .create-form{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border-color:#3b82f633!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .create-form label{color:#0f172ae6!important}[data-theme=light] .create-form input{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .create-form input:focus{border-color:#3b82f680!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .category-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:1px solid #3b82f633!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .category-card:hover{background:#fffffff2!important;border-color:#3b82f666!important;box-shadow:0 8px 24px #00000026!important}[data-theme=light] .category-header{background:#3b82f61a!important;border-bottom-color:#3b82f633!important}[data-theme=light] .category-title h3{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .category-actions .delete-category-btn,[data-theme=light] .category-actions .edit-category-btn,[data-theme=light] .category-actions .view-kpis-btn{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .category-actions .delete-category-btn:hover,[data-theme=light] .category-actions .edit-category-btn:hover,[data-theme=light] .category-actions .view-kpis-btn:hover{background:#3b82f633!important;border-color:#3b82f680!important;box-shadow:0 2px 8px #3b82f633!important}[data-theme=light] .category-actions .delete-category-btn{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .category-actions .delete-category-btn:hover{background:#ef444433!important;border-color:#ef444480!important;box-shadow:0 2px 8px #ef444433!important}[data-theme=light] .category-kpis{background:#f8fafccc!important}[data-theme=light] .kpi-list{background:#0000!important}[data-theme=light] .kpi-item-display{background:#fffc!important;border-color:#3b82f633!important}[data-theme=light] .kpi-name-display{color:#0f172ae6!important;text-shadow:none!important}[data-theme=light] .kpi-type-display{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 1px 3px #3b82f633!important;color:#3b82f6e6!important}[data-theme=light] .add-new-category{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border:2px dashed #3b82f64d!important}[data-theme=light] .add-new-category:hover{background:#fffffff2!important;border-color:#3b82f680!important;box-shadow:0 4px 16px #3b82f61a!important}[data-theme=light] .add-category-content{color:#3b82f6cc!important}[data-theme=light] .add-category-content .icon{color:#3b82f699!important}[data-theme=light] .empty-state,[data-theme=light] .loading-message{color:#64748bcc!important}[data-theme=light] .form-actions .btn-primary{background:#3b82f6e6!important;border-color:#3b82f6e6!important;color:#fff!important}[data-theme=light] .form-actions .btn-primary:hover{background:#2563ebe6!important;border-color:#2563ebe6!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=light] .form-actions .btn-secondary{background:#64748b1a!important;border-color:#64748b4d!important;color:#64748be6!important}[data-theme=light] .form-actions .btn-secondary:hover{background:#64748b33!important;border-color:#64748b80!important}[data-theme=light] .edit-form input{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .edit-form input:focus{border-color:#3b82f680!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .kpi-item-display.expanded-view{background:#fffc!important;border-color:#3b82f633!important}[data-theme=light] .kpi-item-display:hover{background:#fffffff2!important;border-color:#3b82f666!important;box-shadow:0 2px 8px #3b82f626!important}[data-theme=light] .kpi-list-display{background:#f8fafccc!important}[data-theme=light] .kpi-list-display.expanded{background:#f8fafce6!important;scrollbar-color:#3b82f666 #0000!important}[data-theme=light] .kpi-list-display:not(.expanded):after{background:linear-gradient(#0000,#f8fafce6)!important}[data-theme=light] .inline-category-input{background:#ffffffe6!important;border-color:#3b82f680!important;color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .inline-category-input:focus{background:#fffffff2!important;border-color:#3b82f6cc!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .inline-category-input::placeholder{color:#64748b99!important}[data-theme=light] .save-button{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55ee6!important}[data-theme=light] .save-button:hover:not(:disabled){background:#22c55e33!important;border-color:#22c55e80!important}[data-theme=light] .cancel-button{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .cancel-button:hover:not(:disabled){background:#ef444433!important;border-color:#ef444480!important}[data-theme=light] .add-category-card.editing,[data-theme=light] .category-card.editing{background:#3b82f61a!important;border-color:#3b82f6b3!important}[data-theme=light] .instruction-text{color:#64748bcc!important}.empty-state h3{font-size:1.5rem;margin-bottom:1rem}.empty-state p{color:#ffffffb3;margin:.5rem 0}.info-section{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-top:3rem;padding:2rem}.info-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.info-section p{color:#fffc;line-height:1.6;margin:.5rem 0}@media (max-width:768px){.categories-grid{gap:1.5rem;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.category-header{height:70px;min-height:70px;padding:1rem 1.5rem .75rem}.category-content{padding:1rem 1.5rem 1.5rem}.create-form{padding:1.5rem}.category-card.expanded{max-height:90vh;min-height:500px;transform:translateY(-8px) scale(1.02)}.category-card.expanded .category-content{max-height:calc(90vh - 100px);overflow-y:hidden;padding:1.5rem}.kpi-detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-value{margin-left:0;text-align:left}}.add-category-card{background:#00c8ff0d!important;border:2px dashed #00c8ff66!important;cursor:pointer;transition:all .3s ease}.add-category-card:hover{background:#00c8ff1a!important;border-color:#00c8ffb3!important;box-shadow:0 8px 32px #00c8ff33;transform:translateY(-4px) scale(1.02)}.add-category-card:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#00c8ff99,#0000)}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.8}}.add-category-card .category-title h3{color:#00c8ffcc}.category-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.category-card[draggable=true]:active{cursor:grabbing}.category-card.dragging{opacity:.5;pointer-events:none;transform:scale(.95);z-index:1000}.category-card.drag-over{background:#00c8ff26!important;border-color:#00c8ffcc!important;box-shadow:0 12px 40px #00c8ff4d;transform:translateY(-8px) scale(1.02)}.category-card.drag-over:before{animation:drag-pulse 1s infinite;background:linear-gradient(90deg,#0000,#00c8ff,#0000);box-shadow:0 0 12px #00c8ffcc;height:4px}@keyframes drag-pulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}.category-card.editing[draggable=true]{cursor:default}.category-card[draggable=true]:not(.editing):not(.add-category-card):hover:after{animation:fade-in .3s ease forwards;color:#00c8ff99;content:"⋮⋮";font-size:1.2rem;letter-spacing:-2px;opacity:0;pointer-events:none;position:absolute;right:10px;top:10px;z-index:10}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.category-card.expanded{background:linear-gradient(135deg,#00c8ff26,#0096ff1a)!important;border-color:#00c8ffcc!important;box-shadow:0 20px 60px #00c8ff4d,0 0 0 2px #00c8ff80;max-height:800px;min-height:600px;transform:translateY(-12px) scale(1.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:100}.category-card.expanded:before{animation:expanded-pulse 2s infinite;background:linear-gradient(90deg,#0000,#00c8ff,#0000);box-shadow:0 0 20px #00c8ff;height:6px}@keyframes expanded-pulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.category-card.expanded .category-content{max-height:700px;overflow-y:hidden;padding:2rem}.kpi-list-display{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:150px;overflow:hidden;position:relative}.kpi-list-display.expanded{gap:.75rem;margin-bottom:2rem;max-height:500px;overflow-y:auto;scrollbar-color:#00c8ff66 #0000;scrollbar-width:thin}.kpi-item-display.expanded-view{align-items:center;background:#0003;border:1px solid #00c8ff33;border-radius:8px;display:flex;justify-content:space-between;min-height:40px;padding:.75rem 1rem;transition:all .3s ease}.kpi-item-display:hover{background:#00c8ff1a;border-color:#00c8ff66;transform:translateX(2px)}.kpi-list-display:not(.expanded):after{background:linear-gradient(#0000,#001428e6);bottom:0;content:"";height:30px;left:0;pointer-events:none;position:absolute;right:0}.kpi-name-display{color:#00c8ff;flex:1 1;font-size:1rem;font-weight:600;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-type-display{background:#00c8ff33;border-radius:12px;color:#fffc;flex-shrink:0;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.kpi-list-display.expanded::-webkit-scrollbar{width:6px}.kpi-list-display.expanded::-webkit-scrollbar-track{background:#0003;border-radius:3px}.kpi-list-display.expanded::-webkit-scrollbar-thumb{background:#00c8ff66;border-radius:3px}.kpi-list-display.expanded::-webkit-scrollbar-thumb:hover{background:#00c8ff99}.placeholder-expanded-text{color:#fff9;font-size:.9rem;font-style:italic;line-height:1.4;margin-top:1rem}.expanded-actions{border-top:1px solid #00c8ff33;margin-top:1.5rem;padding-top:1rem;text-align:center}.expand-hint{animation:fade-in-pulse 2s infinite;color:#00c8ff99;font-size:.85rem;font-style:italic;margin:0}.more-kpis-hint{border-top:1px solid #00c8ff1a;margin-top:1rem;padding-top:.75rem;text-align:center}.more-kpis-text{animation:glow-pulse 2s infinite;background:linear-gradient(135deg,#00c8ff33,#00c8ff1a);border:1px solid #00c8ff66;border-radius:20px;color:#f0f0f0!important;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.more-kpis-text:hover{background:linear-gradient(135deg,#00c8ff4d,#00c8ff33);border-color:#00c8ff99;box-shadow:0 4px 12px #00c8ff4d;transform:scale(1.02)}@keyframes fade-in-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes glow-pulse{0%,to{border-color:#00c8ff66;box-shadow:0 0 5px #00c8ff4d}50%{border-color:#00c8ffb3;box-shadow:0 0 15px #00c8ff80}}.category-card.expanded{pointer-events:auto}.category-card.expanded[draggable=true]{cursor:pointer}.category-card.expanded .category-content::-webkit-scrollbar{width:6px}.category-card.expanded .category-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.category-card.expanded .category-content::-webkit-scrollbar-thumb{background:#00c8ff66;border-radius:3px}.category-card.expanded .category-content::-webkit-scrollbar-thumb:hover{background:#00c8ff99}.add-category-card .category-title h3:before{display:none}.add-category-content{padding:2rem 1rem;text-align:center}.add-category-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:1rem;opacity:.7}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.add-category-text{color:#00c8ffb3;font-size:1rem;font-weight:500;margin:0}.add-category-card:hover .add-category-icon{opacity:1;transform:scale(1.1)}.add-category-card:hover .add-category-text{color:#00c8ffe6}.inline-category-input{background:#0006;border:2px solid #00c8ff80;border-radius:8px;color:#00c8ff;font-family:Orbitron,Rajdhani,monospace,sans-serif;font-size:1.1rem;font-weight:600;height:2.4rem;letter-spacing:1px;line-height:1.2;overflow:hidden;padding:.5rem 1rem;text-overflow:ellipsis;text-shadow:0 0 10px #00c8ff80,0 0 20px #00c8ff4d;text-transform:uppercase;transition:all .3s ease;white-space:nowrap;width:100%}.inline-category-input:focus{background:#0009;border-color:#00c8ffcc;box-shadow:0 0 0 2px #00c8ff33,0 0 20px #00c8ff4d;outline:none}.inline-category-input::placeholder{color:#00c8ff66;font-weight:400;letter-spacing:1px;text-transform:none}.inline-actions{display:flex;gap:.5rem}.save-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#00c800;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .3s ease}.save-button:hover:not(:disabled){background:#00c8ff33;border-color:var(--primary-color);transform:scale(1.05)}.cancel-button{align-items:center;border-radius:8px;color:#ff6464;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#ff646433;border-color:#ff6464;transform:scale(1.05)}.add-category-card.editing,.category-card.editing{background:#00c8ff1a!important;border-color:#00c8ffb3!important;transform:translateY(-2px)}.add-category-card.editing:before,.category-card.editing:before{animation:shimmer 1s infinite}.create-instructions{padding:1rem}.instruction-text{color:#00c8ff99;font-size:.9rem;font-style:italic;margin:.5rem 0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-card{animation:slideInUp .5s ease-out}.multi-file-preview{display:flex;flex-direction:column;height:100%}.file-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.file-tabs::-webkit-scrollbar{height:4px}.file-tabs::-webkit-scrollbar-track{background:var(--background-color)}.file-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.file-tab{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px 6px 0 0;cursor:pointer;display:flex;font-size:.85rem;gap:6px;min-width:120px;padding:8px 12px;position:relative;transition:all .2s ease;white-space:nowrap}.file-tab:hover{background:var(--background-color)}.file-tab.active,.file-tab:hover{border-color:var(--primary-color)}.file-tab.active{background:var(--primary-color-light);border-bottom:2px solid var(--primary-color);color:var(--primary-color-dark);font-weight:500;margin-bottom:-2px}.tab-icon{font-size:.9rem}.tab-name{font-weight:inherit}.tab-info{background:var(--background-color);border-radius:10px;color:var(--text-color-muted);font-size:.75rem;margin-left:auto;padding:2px 6px}.file-tab.active .tab-info{background:var(--primary-color);color:#fff}.active-file-preview{flex:1 1;overflow:hidden}.preview-placeholder{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:8px;height:300px}.placeholder-content{color:var(--text-color-muted)}.placeholder-content h3{color:var(--text-color);margin:0 0 8px}.placeholder-content p{font-size:.9rem}@media (max-width:768px){.file-tab{font-size:.8rem;min-width:100px;padding:6px 8px}.tab-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.tab-info{font-size:.7rem}}.submission-mode-selector{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.submission-mode-selector h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.mode-selection-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:768px){.mode-selection-grid{gap:20px;grid-template-columns:1fr}}.mode-group{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:6px;padding:16px}.mode-group h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s ease}.radio-option:hover{background:var(--hover-background)}.radio-option input[type=radio]{cursor:pointer;margin-top:2px}.radio-option input[type=radio]:disabled{cursor:not-allowed}.radio-option:has(input:disabled){cursor:not-allowed;opacity:.6}.radio-label{display:flex;flex-direction:column;gap:2px}.radio-label strong{color:var(--text-primary);font-weight:600}.radio-label small{color:var(--text-secondary);font-size:.875rem;line-height:1.3}.submission-summary{background:var(--info-background);border:1px solid var(--info-border);border-radius:6px;margin-bottom:20px;padding:16px}.submission-summary h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.summary-stats{display:flex;flex-direction:column;gap:8px}.stat{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.stat-label{color:var(--text-secondary);font-weight:500}.stat-value{color:var(--text-primary)}.total-stat{border-top:1px solid var(--border-light);margin-top:4px;padding-top:8px}.total-stat .stat-value{color:var(--primary-color);font-size:1.125rem}.warning-message{background:var(--warning-background);border:1px solid var(--warning-border);border-radius:4px;color:var(--warning-text);font-size:.875rem;line-height:1.4;margin-top:12px;padding:8px 12px}.mode-descriptions{margin-top:20px}.description-card{background:var(--background-tertiary);border:1px solid var(--border-light);border-radius:6px;padding:16px}.description-card h5{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.description-card p{color:var(--text-primary);margin:0 0 12px}.description-card ul{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0;padding-left:20px}.description-card li{margin-bottom:4px}[data-theme=dark] .submission-mode-selector{--card-background:#2a2a2a;--border-color:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--background-secondary:#333;--background-tertiary:#3a3a3a;--border-light:#4a4a4a;--hover-background:#ffffff0d;--info-background:#3b82f61a;--info-border:#3b82f64d;--warning-background:#f59e0b1a;--warning-border:#f59e0b4d;--warning-text:#f59e0b;--primary-color:#3b82f6}[data-theme=light] .submission-mode-selector{--card-background:#fff;--border-color:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--background-secondary:#f9fafb;--background-tertiary:#f3f4f6;--border-light:#e5e7eb;--hover-background:#0000000d;--info-background:#3b82f61a;--info-border:#3b82f633;--warning-background:#f59e0b1a;--warning-border:#f59e0b33;--warning-text:#d97706;--primary-color:#3b82f6}.date-range-selector{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.date-range-selector h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.detection-error,.no-data-message{border-radius:6px;margin-bottom:16px;padding:16px;text-align:center}.no-data-message{background:var(--info-background);border:1px solid var(--info-border);color:var(--info-text)}.detection-error{background:var(--warning-background);border:1px solid var(--warning-border);color:var(--warning-text)}.detection-error p{margin:0 0 8px}.detection-error p:last-child{font-size:.875rem;margin:0}.detected-range{background:var(--success-background);border:1px solid var(--success-border);border-radius:6px;margin-bottom:16px;padding:16px}.range-display{flex-wrap:wrap;gap:16px;justify-content:center}.range-display,.range-item{align-items:center;display:flex}.range-item{flex-direction:column;gap:4px}.range-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.range-value{font-size:1.125rem;font-weight:600}.range-arrow,.range-value{color:var(--success-color)}.range-arrow{font-size:1.25rem;font-weight:700}@media (max-width:768px){.range-display{flex-direction:column;gap:12px}.range-arrow{transform:rotate(90deg)}}.preset-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.preset-button{background:var(--button-background);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.preset-button:hover{background:var(--button-hover-background);border-color:var(--primary-color)}.preset-button.recommended{background:var(--primary-background);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.preset-button.recommended:hover{background:var(--primary-hover-background)}.date-inputs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.date-inputs{gap:16px;grid-template-columns:1fr}}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.date-selects{display:flex;gap:8px}.date-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.875rem;padding:8px 12px}.date-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-focus-shadow);outline:none}.validation-error{background:var(--error-background);border:1px solid var(--error-border);border-radius:4px;color:var(--error-text);font-size:.875rem;font-weight:500;margin-bottom:16px;padding:12px}.date-summary{background:var(--info-background);border:1px solid var(--info-border);border-radius:6px;margin-bottom:16px;padding:16px}.date-summary h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.summary-grid{grid-gap:8px;display:grid;gap:8px}.summary-item{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.summary-item.total{border-top:1px solid var(--border-light);margin-top:4px;padding-top:8px}.summary-label{color:var(--text-secondary);font-weight:500}.summary-value{color:var(--text-primary);font-weight:600}.summary-item.total .summary-value{color:var(--primary-color);font-size:1.125rem}.performance-warning{background:var(--warning-background);border:1px solid var(--warning-border);border-radius:4px;color:var(--warning-text);font-size:.875rem;line-height:1.4;margin-top:12px;padding:8px 12px}.performance-warning.severe{background:var(--error-background);border-color:var(--error-border);color:var(--error-text)}.format-reminder{background:var(--background-secondary);border:1px solid var(--border-light);border-radius:6px;padding:16px}.format-reminder h5{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.format-reminder ul{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0;padding-left:20px}.format-reminder li{margin-bottom:4px}.format-reminder strong{color:var(--text-primary)}[data-theme=dark] .date-range-selector{--card-background:#2a2a2a;--border-color:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--button-background:#333;--button-hover-background:#3a3a3a;--input-background:#333;--background-secondary:#333;--border-light:#4a4a4a;--primary-color:#3b82f6;--primary-background:#3b82f61a;--primary-hover-background:#3b82f633;--primary-focus-shadow:#3b82f64d;--info-background:#3b82f61a;--info-border:#3b82f64d;--warning-background:#f59e0b1a;--warning-border:#f59e0b4d;--warning-text:#f59e0b;--error-background:#ef44441a;--error-border:#ef44444d;--error-text:#ef4444}[data-theme=light] .date-range-selector{--card-background:#fff;--border-color:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--button-background:#f9fafb;--button-hover-background:#f3f4f6;--input-background:#fff;--background-secondary:#f9fafb;--border-light:#e5e7eb;--primary-color:#3b82f6;--primary-background:#3b82f61a;--primary-hover-background:#3b82f626;--primary-focus-shadow:#3b82f633;--info-background:#3b82f61a;--info-border:#3b82f633;--warning-background:#f59e0b1a;--warning-border:#f59e0b33;--warning-text:#d97706;--error-background:#ef44441a;--error-border:#ef444433;--error-text:#dc2626}.submit-data-page{background:linear-gradient(135deg,#000a14f2,#001e3cf2);color:#fff;flex:1 1;min-height:100vh;overflow-x:hidden;position:relative;width:100%}[data-theme=light] .submit-data-page{background:linear-gradient(135deg,#f8fafcf2,#fffffff2);color:#0f172ae6}.csv-upload-container{box-sizing:border-box;margin:0;padding:10px;width:100%}.page-header{margin-bottom:30px}.page-header h1{color:#333;font-size:2rem;margin:0}.stepper-container{margin-bottom:30px}.stepper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00142899;border:1px solid #00c8ff33;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}[data-theme=light] .stepper{background:#fffc;border-color:#64748b4d}.step{flex:1 1;position:relative;z-index:1}.step:not(:last-child):after{background:#fff3;content:"";height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:0}.step.completed:not(:last-child):after{background:var(--primary-color)}.step-number{background-color:#ffffff1a;border:2px solid #ffffff4d;color:#fff9;position:relative;z-index:2}.step.active .step-number{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 20px #00c8ff80}.step.completed .step-number{background-color:#0f8;border-color:#0f8}.step-label{color:#fff9;font-size:.85rem;margin-top:8px;transition:color .3s ease}.step.active .step-label,.step.completed .step-label{color:var(--primary-color);font-weight:600}.step-content-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #00c8ff33;border-radius:12px;padding:30px}[data-theme=light] .step-content-container{background:#ffffffe6;border-color:#64748b4d}.upload-step h2{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.upload-step p{color:#fffc;line-height:1.6;margin-bottom:2rem}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;font-size:.85rem;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateY(-1px)}.validation-actions{display:flex;justify-content:flex-end;margin-top:20px}.primary-button{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.primary-button:hover{background:#00c8ffcc;box-shadow:0 4px 12px #00c8ff4d;transform:translateY(-2px)}.secondary-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;font-weight:500;margin-right:1rem;padding:.75rem 2rem;transition:all .3s ease}.secondary-button:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.empty-state{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#fff9;font-style:italic;padding:40px}.confirmation-step{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.confirmation-message{margin-bottom:30px}.success-icon{align-items:center;background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:50%;box-shadow:0 0 30px #0f86;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.confirmation-message h2{color:var(--primary-color);font-size:1.8rem;margin:0 0 1rem}.confirmation-message p{color:#fffc;line-height:1.6;max-width:500px}.confirmation-actions{display:flex;gap:1rem;justify-content:center}.format-detection-panel{background:#00c8ff1a;border:1px solid #00c8ff4d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.format-panel-title{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.format-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.format-info-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.format-info-label{color:#fffc;font-weight:500}.format-info-value{color:var(--primary-color);font-weight:600}.format-warnings .format-warning-list{margin-top:.5rem}.format-warning-item{color:#ffb347;font-size:.9rem;margin-bottom:.25rem}.two-column-layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;min-height:600px}.left-column{display:flex;flex-direction:column}.left-column,.right-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #00c8ff33;border-radius:12px;padding:2rem}.right-column{overflow:hidden}[data-theme=light] .left-column,[data-theme=light] .right-column{background:#ffffffe6;border-color:#64748b4d}.upload-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:2rem}.preview-placeholder{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px}.placeholder-content{color:#fff9}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.placeholder-content h3{color:var(--primary-color);font-size:1.5rem;margin:0 0 1rem}.placeholder-content p{font-size:1rem;line-height:1.5;margin:0}.preview-section{display:flex;flex-direction:column;height:100%}.preview-section h3{border-bottom:1px solid #00c8ff33;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.csv-preview-container{flex:1 1;margin-top:1rem;overflow:hidden}.preview-actions{align-items:center;border-top:1px solid #00c8ff33;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.action-buttons{gap:1rem}.date-picker-section{background:#0028504d;border:1px solid #00c8ff33;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.date-picker-section h4{color:var(--primary-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.date-picker-controls{display:flex;gap:1.5rem}.date-picker-group{display:flex;flex-direction:column;gap:.5rem}.date-picker-group label{color:#fffc;font-size:.9rem;font-weight:500}.date-picker-select{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;font-size:.9rem;min-width:120px;padding:.5rem}[data-theme=light] .date-picker-select{background:#ffffffe6;border-color:#64748b4d;color:#0f172ae6}.date-picker-select:focus{border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff4d;outline:none}.date-picker-select option{background:#001e3cf2;color:#ffffffe6}.date-picker-controls-inline,.date-picker-inline{align-items:center;display:flex}.date-picker-controls-inline{gap:1rem}.date-picker-group-inline{align-items:center;display:flex;gap:.5rem}.date-picker-group-inline label{color:#fffc;font-size:.85rem;font-weight:500;white-space:nowrap}.date-picker-select-inline{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:.85rem;min-width:80px;padding:.4rem .6rem}[data-theme=light] .date-picker-select-inline{background:#ffffffe6;border-color:#64748b4d;color:#0f172ae6}.date-picker-select-inline:focus{border-color:var(--primary-color);box-shadow:0 0 8px #00c8ff4d;outline:none}.date-picker-select-inline option{background:#001e3cf2;color:#ffffffe6}.mapping-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr;height:auto}.mapping-left,.mapping-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #00c8ff33;border-radius:12px;display:flex;flex-direction:column;padding:2rem}[data-theme=light] .mapping-left,[data-theme=light] .mapping-right{background:#ffffffe6;border-color:#64748b4d}.mapping-middle{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-width:120px}.mapping-status{background:#002850cc;border:1px solid #00c8ff4d;border-radius:8px;margin-bottom:1rem;min-width:200px;padding:1rem;text-align:center}[data-theme=light] .mapping-status{background:#fffc;border-color:#64748b4d}.status-text{color:#ffffffe6;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.status-creating{animation:pulse 1.5s ease-in-out infinite;color:var(--primary-color);font-size:.8rem;font-weight:600}.mapping-action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c8ff33;border:2px solid #00c8ff66;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.mapping-action-button:hover{background:#00c8ff4d;border-color:#00c8ff99;box-shadow:0 4px 15px #00c8ff4d;color:#fff;transform:translateY(-2px)}.mapping-action-button:active{box-shadow:0 2px 8px #00c8ff33;transform:translateY(0)}.mapping-action-button.active{background:#00c8ff66;border-color:#00c8ffcc;box-shadow:0 0 20px #00c8ff66;color:#fff}.mapping-action-button.active:hover{background:#00c8ff80;border-color:#00c8ffe6;transform:translateY(-1px)}.identifier-mapping{display:flex;flex-direction:column;gap:2rem}.column-selection,.data-preview-section{background:#0028504d;border:1px solid #00c8ff33;border-radius:8px;padding:1.5rem;transition:all .3s ease}.column-selection.collapsed{background:#00285033;border-color:#00c8ff1a;padding:1rem 1.5rem}.column-selection h3,.data-preview-section h3{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.column-selection p,.data-preview-section p{color:#fffc;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.column-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.column-selection.collapsed .column-selection-header{margin-bottom:0}.selected-columns-summary{align-items:center;display:flex;gap:1rem}.column-summary{background:#00c8ff1a;border:1px solid #00c8ff33;border-radius:6px;color:#ffffffe6;font-size:.9rem;padding:.5rem 1rem}.column-summary strong{color:var(--primary-color)}.expand-button{background:#00c8ff33;border:1px solid #00c8ff4d;border-radius:6px;color:#fffc;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s ease}.expand-button:hover{background:#00c8ff4d;border-color:#00c8ff66;color:#ffffffe6}.column-selectors{display:flex;flex-wrap:wrap}.column-selector{flex:1 1;min-width:200px}.data-column-select{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;font-size:.9rem;padding:.75rem;width:100%}.data-column-select:focus{border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff4d;outline:none}.identifier-column-select{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;font-size:.9rem;padding:.75rem;width:100%}.identifier-column-select:focus{border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff4d;outline:none}.identifier-mappings-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.identifier-mapping-item{align-items:center;background:#003c784d;border:1px solid #00c8ff33;border-radius:6px;display:flex;gap:1rem;padding:1rem}.identifier-value{color:var(--primary-color);font-weight:600;min-width:120px}.arrow{color:#fff9;font-size:1.2rem;font-weight:700}.kpi-code-select{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;flex:1 1;font-size:.85rem;padding:.5rem}.kpi-code-select:focus{border-color:var(--primary-color);box-shadow:0 0 8px #00c8ff4d;outline:none}.data-preview-table{background:#001e3c99;border:1px solid #00c8ff4d;border-radius:8px;overflow:hidden}.preview-header{background:#00c8ff33;border-bottom:1px solid #00c8ff4d;display:grid;grid-template-columns:2fr 1fr 1.5fr}.header-cell{border-right:1px solid #00c8ff33;color:var(--primary-color);font-weight:600;padding:1rem;text-align:center}.header-cell:last-child{border-right:none}.preview-rows{max-height:300px;overflow-x:hidden;overflow-y:auto}.filter-section{margin-bottom:1rem}.filter-input-container{align-items:center;display:flex;position:relative}.data-filter-input{background:#00285099;border:1px solid #00c8ff4d;border-radius:8px;color:#ffffffe6;font-size:.9rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .3s ease;width:100%}.data-filter-input:focus{background:#002850cc;border-color:var(--primary-color);box-shadow:0 0 10px #00c8ff4d;outline:none}.data-filter-input::placeholder{color:#ffffff80}.filter-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:all .2s ease;width:1.5rem}.filter-clear-btn:hover{background:#ff646433;color:#ff6464;transform:scale(1.1)}.filter-results-count{color:#fff9;font-size:.8rem;font-style:italic;margin-top:.5rem}.preview-row{border-bottom:1px solid #00c8ff1a;display:grid;grid-template-columns:2fr 1fr 1.5fr;transition:background-color .2s ease,border-color .2s ease}.preview-row:last-child{border-bottom:none}.preview-row.clickable{cursor:pointer}.preview-row.clickable:hover{background-color:#00c8ff1a;border-color:#00c8ff4d}.preview-row.selected{background-color:#00c8ff33;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.data-cell{border-right:1px solid #00c8ff1a;font-size:.9rem;padding:.75rem 1rem}.data-cell:last-child{border-right:none}.remaining-percentage-cell{font-weight:600;position:relative;text-align:center}.percent-mapped-indicator{color:#ffa500e6;font-size:.7rem;font-weight:500;margin-top:.25rem}.remaining-percent{color:#fff9;font-size:.7rem;margin-top:.25rem}.identifier-cell{background:#0028504d;color:var(--primary-color);font-weight:600}.value-cell{color:#fffc;text-align:right}.more-data-rows{border-top:1px solid #00c8ff1a}.more-data-rows,.more-identifiers{background:#00285033;color:#fff9;font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.more-identifiers{border:1px dashed #00c8ff33;border-radius:6px}.csv-fields-mapping h3{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.csv-fields-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.csv-field-item{background:#00285066;border:1px solid #00c8ff33;border-radius:8px;padding:1rem}.field-name{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:.5rem}.field-sample{color:#fff9;font-size:.85rem;font-style:italic;margin-bottom:1rem}.mapping-controls{display:flex;flex-wrap:wrap;gap:.5rem}.category-select,.kpi-select{background:#001e3ccc;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;flex:1 1;font-size:.85rem;min-width:150px;padding:.5rem}.category-select:focus,.kpi-select:focus{border-color:var(--primary-color);box-shadow:0 0 8px #00c8ff4d;outline:none}.kpi-select:disabled{cursor:not-allowed;opacity:.5}.kpi-categories-panel{display:flex;flex-direction:column}.kpi-categories-panel h3{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.loading-state{color:#fff9;font-style:italic;height:200px}.kpi-categories-list{align-content:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible}.kpi-category{align-items:center;background:#0028504d;border:1px solid #00c8ff33;border-radius:6px;display:inline-flex;flex-direction:row;gap:.75rem;height:auto;min-height:36px;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.kpi-category h4{color:var(--primary-color);font-size:.8rem;font-weight:600;line-height:1.1;margin:0;white-space:nowrap}.category-header{align-items:flex-start;border-radius:6px;flex-direction:column;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:auto}.category-header:hover{background:#00c8ff1a;color:#ffffffe6}.kpi-category.fully-mapped{background:#90ee9033!important;border-color:#90ee9099!important;box-shadow:0 0 0 1px #90ee904d}.kpi-category.fully-mapped .category-header:hover{background:#90ee904d!important}.kpi-category.fully-mapped h4{color:#228b22!important}.category-count{color:#fff9;font-size:.65rem;font-weight:400;margin-top:.05rem;white-space:nowrap}.category-detail-header{align-items:center;border-bottom:1px solid #00c8ff33;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.category-back-button{background:#00c8ff33;border:1px solid #00c8ff4d;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.category-back-button:hover{background:#00c8ff4d;border-color:#00c8ff66}.category-detail-header h3{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin:0}.category-detail-kpis{display:flex;flex-direction:column;gap:.75rem}.kpi-item-detail{background:#003c784d;border:1px solid #00c8ff33;border-radius:6px;padding:1rem;transition:all .2s ease}.kpi-item-detail:hover{background:#003c7866;border-color:#00c8ff4d}.kpi-item-detail.clickable{cursor:pointer}.kpi-item-detail.clickable:hover{background:#003c7880;border-color:#00c8ff66;transform:translateY(-1px)}.kpi-item-detail.selected{background:#00c8ff33;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.kpi-item-detail.mapped{background:#00ff8026;border-color:#00ff8066}.kpi-item-detail.mapped:hover{background:#00ff8033;border-color:#00ff8080}.kpi-code-detail{color:var(--primary-color);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.kpi-name-detail{color:#fffc;font-size:.9rem;line-height:1.4}.mapping-cards{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mapping-card{align-items:center;background:#00ff8033;border:1px solid #00ff8066;border-radius:6px;color:#00ff80;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;transition:all .2s ease}.mapping-card:hover{background:#00ff804d;border-color:#00ff8099}.mapping-arrow{font-size:.7rem;opacity:.8}.mapping-input-code{flex:1 1;white-space:nowrap}.mapping-percentage{color:#ffa500e6;font-size:.7rem;font-weight:500}.mapping-delete-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ff6464cc;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:16px;justify-content:center;line-height:1;margin-left:.25rem;padding:0;transition:all .2s ease;width:16px}.mapping-delete-btn:hover{background:#ff646433;color:#ff6464;transform:scale(1.1)}.category-kpis{display:flex;flex:1 1;flex-direction:row;gap:.5rem;overflow:hidden}.kpi-item{align-items:center;background:#003c784d;border-radius:3px;display:flex;font-size:.65rem;height:22px;justify-content:center;padding:.25rem .4rem;white-space:nowrap}.kpi-code{color:#ffffffe6}.kpi-name{display:none}.more-kpis{align-items:center;border-radius:3px;color:#ffffff80;cursor:pointer;display:flex;font-size:.65rem;font-style:italic;height:22px;padding:.25rem .4rem;transition:all .2s ease;white-space:nowrap}.more-kpis:hover{background:#00c8ff1a;color:var(--primary-color)}.mapping-actions{display:flex;justify-content:flex-end;margin-top:2rem}.preview-layout,.submit-validation-results{display:flex;flex-direction:column;gap:2rem}.validation-success{background:#00ff881a;border:1px solid #00ff884d;border-radius:12px;padding:2rem;text-align:center}.validation-success .success-icon{align-items:center;background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:50%;box-shadow:0 0 20px #0f86;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.validation-success h3{color:#0f8;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem}.file-summary{background:#0000004d;border-radius:8px;margin:0 auto;max-width:400px;padding:1.5rem;text-align:left}.file-summary p{align-items:center;color:#ffffffe6;display:flex;font-size:.95rem;justify-content:space-between;margin:.5rem 0}.file-summary strong{color:var(--primary-color);font-weight:600;min-width:80px}.percent-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0!important;box-sizing:border-box!important;display:flex;height:100vh!important;justify-content:center;left:0!important;margin:0!important;padding:0!important;pointer-events:all;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000}.percent-modal{background:#001e3cf2;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 10px 30px #00c8ff4d;max-width:400px;padding:2rem;width:90%}.percent-modal h3{color:var(--primary-color);font-size:1.4rem;margin:0 0 1rem;text-align:center}.percent-modal p{color:#ffffffe6;margin-bottom:1.5rem;text-align:center}.current-mapping-info{align-items:center;background:#00285099;border:1px solid #00c8ff4d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.mapped-amount{color:#ffa500e6;font-size:.9rem;font-weight:600}.remaining-amount{color:var(--primary-color);font-size:.9rem;font-weight:600}.percent-input-section{margin-bottom:2rem}.percent-input-section label{color:var(--primary-color);display:block;font-weight:600;margin-bottom:.5rem}.percent-input-section input{background:#002850cc;border:2px solid #00c8ff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;text-align:center;width:100%}.percent-input-section input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00c8ff33;outline:none}.percent-modal-buttons{display:flex;gap:1rem;justify-content:center}.percent-cancel-btn,.percent-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.percent-cancel-btn{background:#ff646433;border:2px solid #ff646466;color:#ff6464}.percent-cancel-btn:hover{background:#ff64644d;border-color:#ff646499}.percent-confirm-btn{background:#00c8ff4d;border:2px solid var(--primary-color);color:#fff}.percent-confirm-btn:hover:not(:disabled){background:#00c8ff66;transform:translateY(-1px)}.percent-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.ai-review-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0!important;box-sizing:border-box;display:flex;height:100vh!important;justify-content:center;left:0!important;padding:2rem;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10001}.ai-review-modal{background:#001e3cf2;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 10px 30px #00c8ff4d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;padding:0;width:100%}.ai-review-header{align-items:center;border-bottom:1px solid #00c8ff4d;display:flex;justify-content:space-between;padding:2rem}.ai-review-header h3{color:var(--primary-color);font-size:1.5rem;margin:0}.ai-review-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:2rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2rem}.ai-review-close:hover{background:#ff646433;color:#ff6464}.ai-review-content{flex:1 1;overflow-y:auto;padding:2rem}.ai-review-content p{color:#ffffffe6;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.scroll-hint{background:#0064c81a;border-left:3px solid var(--primary-color);border-radius:4px;color:#ffffffb3;font-size:.9rem;margin:.5rem 0;padding:.5rem;text-align:center}.ai-suggestions-list{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto}.ai-suggestion-item{align-items:flex-start;background:#00285099;border:2px solid #00c8ff33;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.ai-suggestion-item:hover{background:#002850cc;border-color:#00c8ff66}.ai-suggestion-item.selected{background:#00c8ff1a;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.suggestion-checkbox{align-items:center;display:flex;margin-top:.25rem}.suggestion-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:1.2rem;width:1.2rem}.suggestion-details{flex:1 1}.suggestion-mapping{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.input-code{background:#003c7866;border-radius:4px;color:var(--primary-color);font-size:1rem;font-weight:600;padding:.25rem .5rem}.mapping-arrow{color:#fff9;font-size:1.2rem;font-weight:700}.kpi-code{background:#0064324d;border-radius:4px;color:#00ff80e6;font-size:1rem;padding:.25rem .5rem}.suggestion-meta{display:flex;flex-direction:column;gap:.5rem}.confidence{color:#ffa500e6;font-size:.85rem;font-weight:600}.source-files{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#3b82f6;font-size:.8rem;font-weight:500;margin-left:8px;padding:2px 8px}.file-column-selections{display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto}.file-column-selection{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.file-name{border-bottom:1px solid #0ff3;color:#0ff;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.column-selectors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.column-selector{display:flex;flex-direction:column;gap:.5rem}.column-selector label{color:#ffffffe6;font-size:.9rem;font-weight:500}.column-selector select{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem}.column-selector select:focus{border-color:#0ff;box-shadow:0 0 0 2px #0ff3;outline:none}.selection-summary{background:#22c55e1a;border:1px solid #22c55e33;border-radius:4px;color:#22c55e;font-size:.85rem;margin:0;padding:.5rem}.mapping-action-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.mapping-action-button.secondary:hover{background:#ffffff26;color:#fff}.column-configuration-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.column-configuration-header h3{color:#0ff;font-size:1.1rem;margin:0 0 .5rem}.config-description{color:#ffffffb3;font-size:.9rem;margin:0 0 1.5rem}.multi-file-column-config{display:flex;flex-direction:column;gap:1rem}.file-column-config{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:1rem;transition:all .2s ease}.file-column-config.configured{background:#22c55e0d;border-color:#22c55e4d}.file-column-config.pending{background:#ffa5000d;border-color:#ffa5004d}.file-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.file-config-header .file-name{color:#0ff;font-size:.95rem;font-weight:600;margin:0}.config-status{background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#22c55e;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.file-column-selectors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.reconfigure-button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fffc;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.reconfigure-button:hover{background:#ffffff26;color:#fff}.single-file-column-config .column-selectors{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.reasoning{color:#fffc;font-size:.9rem;font-style:italic;line-height:1.4}.ai-review-actions{align-items:center;border-top:1px solid #00c8ff4d;display:flex;gap:1rem;justify-content:space-between;padding:2rem}.ai-review-cancel,.ai-review-confirm{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.ai-review-cancel{background:#ff646433;border:2px solid #ff646466;color:#ff6464}.ai-review-cancel:hover{background:#ff64644d;border-color:#ff646499}.ai-review-confirm{background:#00c8ff4d;border:2px solid var(--primary-color);color:#fff}.ai-review-confirm:hover:not(:disabled){background:#00c8ff66;transform:translateY(-1px)}.ai-review-confirm:disabled{cursor:not-allowed;opacity:.5}.mapping-action-button.loading{animation:pulse 1.5s ease-in-out infinite;background:#00c8ff33;border-color:#00c8ff66;cursor:not-allowed}.primary-button.disabled{background:#6464644d!important;border-color:#64646480!important;color:#fff6!important;cursor:not-allowed!important;opacity:.6}.primary-button.disabled:hover{box-shadow:none!important;transform:none!important}@media (max-width:1024px){.two-column-layout{gap:2rem;grid-template-columns:1fr}.left-column,.right-column{min-height:auto}.preview-placeholder{min-height:200px}}@media (max-width:768px){.dashboard-page .dashboard-main{margin-left:0;padding:5px}.dashboard-page .dashboard-content{margin-bottom:5px;padding:5px}.csv-upload-container{max-width:none;padding:5px}.stepper{flex-direction:column;gap:1rem;padding:1rem}.step:not(:last-child):after{display:none}.left-column,.right-column,.step-content-container{padding:1.5rem}.upload-actions{flex-direction:column}.upload-actions .primary-button,.upload-actions .secondary-button{margin:0 0 1rem;width:100%}.confirmation-actions{flex-direction:column}.primary-button,.secondary-button{margin:0 0 1rem;width:100%}.format-info-grid{grid-template-columns:1fr}.placeholder-icon{font-size:3rem}.placeholder-content h3,.preview-section h3{font-size:1.2rem}.preview-actions{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons,.date-picker-controls-inline{justify-content:center}.mapping-layout{gap:1rem;grid-template-columns:1fr;height:auto;min-height:400px}.mapping-left,.mapping-right{padding:1rem}.mapping-middle{flex-direction:row;gap:.5rem;justify-content:center;margin:1rem 0;min-width:auto;order:2}.mapping-action-button{flex:1 1;font-size:.8rem;max-width:100px;padding:.75rem 1rem}.kpi-categories-list{gap:.4rem}.mapping-cards{gap:.25rem}.mapping-card{font-size:.7rem;padding:.2rem .4rem}.mapping-delete-btn{font-size:.9rem;height:14px;width:14px}.kpi-category{min-height:32px;padding:.4rem .6rem}.mapping-controls{flex-direction:column}.category-select,.kpi-select{min-width:0;min-width:auto}.column-selection-header,.selected-columns-summary{align-items:flex-start;flex-direction:column;gap:.5rem}.selected-columns-summary{width:100%}.column-summary{text-align:center;width:100%}}[data-theme=light] .column-selection,[data-theme=light] .data-preview-section{background:#fff9;border-color:#64748b33}[data-theme=light] .category-select,[data-theme=light] .data-column-select,[data-theme=light] .identifier-column-select,[data-theme=light] .kpi-code-select,[data-theme=light] .kpi-select{background:#ffffffe6;border-color:#64748b4d;color:#0f172ae6}[data-theme=light] .data-preview-table{background:#fffc;border-color:#64748b4d}[data-theme=light] .preview-header{background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .header-cell{border-color:#3b82f633;color:#3b82f6cc}[data-theme=light] .preview-row{border-color:#64748b1a}[data-theme=light] .preview-row.clickable:hover{background-color:#3b82f61a;border-color:#3b82f64d}[data-theme=light] .preview-row.selected{background-color:#3b82f633;border-color:#3b82f699}[data-theme=light] .data-cell{border-color:#64748b1a;color:#0f172acc}[data-theme=light] .identifier-cell{background:#3b82f61a;color:#3b82f6cc}[data-theme=light] .data-filter-input{background:#fffc;border-color:#64748b4d;color:#0f172ae6}[data-theme=light] .data-filter-input::placeholder{color:#64748b99}[data-theme=light] .kpi-category{background:#fff9;border-color:#64748b33}[data-theme=light] .kpi-item-detail{background:#fffc;border-color:#64748b33}[data-theme=light] .kpi-item-detail:hover{background:#ffffffe6;border-color:#64748b4d}[data-theme=light] .kpi-item-detail.selected{background:#3b82f61a;border-color:#3b82f699}[data-theme=light] .kpi-item-detail.mapped{background:#22c55e1a;border-color:#22c55e66}[data-theme=light] .kpi-item{background:#fffc;color:#0f172acc}[data-theme=light] .mapping-card{background:#22c55e1a;border-color:#22c55e66;color:#22c55ee6}[data-theme=light] .percent-modal{background:#fffffff2;border-color:#3b82f699;color:#0f172ae6}[data-theme=light] .percent-modal h3{color:#3b82f6cc}[data-theme=light] .percent-modal input{background:#ffffffe6;border-color:#64748b4d;color:#0f172ae6}[data-theme=light] .current-mapping-info{background:#fffc;border-color:#64748b4d}[data-theme=light] .ai-review-modal{background:#fffffff2;border-color:#3b82f699}[data-theme=light] .ai-suggestion-item{background:#fffc;border-color:#64748b33}[data-theme=light] .ai-suggestion-item:hover{background:#ffffffe6;border-color:#3b82f666}[data-theme=light] .ai-suggestion-item.selected{background:#3b82f61a;border-color:#3b82f699}[data-theme=light] .input-code{background:#3b82f61a;color:#3b82f6cc}[data-theme=light] .kpi-code{background:#22c55e1a;color:#22c55ecc}[data-theme=light] .status-text{color:#0f172acc}[data-theme=light] .step-label,[data-theme=light] .upload-step p{color:#475569cc}[data-theme=light] .step.active .step-label,[data-theme=light] .step.completed .step-label{color:#3b82f6cc}[data-theme=light] .more-data-rows{background:#fff9;border-color:#64748b1a;color:#475569cc}.kpi-info{align-items:flex-start}.kpi-name{color:#0ff;font-size:.95rem;font-weight:600}.kpi-code{color:#fff9;font-style:italic;font-weight:400}[data-theme=light] .kpi-name{color:#3b82f6e6}[data-theme=light] .kpi-code{color:#64748bb3}.content-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#001428cc;border:1px solid #00c8ff33;border-radius:12px;display:flex;flex-direction:column;margin-top:20px;min-height:400px;padding:30px}.loading-state{color:#fffc;flex:1 1;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #00c8ff33;border-top:4px solid var(--primary-color);margin:0 auto 20px}.error-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:3rem;margin-bottom:20px}.error-state h3{color:#ff6b6b;font-size:1.3rem;margin-bottom:10px}.error-state p{color:#fffc;margin-bottom:20px}.retry-button{font-size:.9rem;padding:10px 20px}.retry-button:hover{background:#00c8ffcc}.empty-state{animation:fadeIn .3s ease-in-out;flex:1 1;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.empty-state h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:10px}.empty-state p{color:#fffc;font-size:1rem;line-height:1.6}.submissions-table-container{animation:fadeIn .3s ease-in-out;width:100%}.table-header{margin-bottom:20px}.table-header h3{color:var(--primary-color);font-size:1.3rem;margin:0}.submissions-table{border:1px solid #00c8ff33;border-radius:8px;overflow:hidden;width:100%}.table-header-row{background:#00c8ff1a;border-bottom:1px solid #00c8ff33}.table-header-row,.table-row{display:grid;grid-template-columns:1.5fr 1fr .8fr 1.2fr 1fr 1.2fr}.table-row{border-bottom:1px solid #00c8ff1a;transition:background-color .2s ease}.table-row:hover{background:#00c8ff0d}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;padding:15px 12px}.table-cell.header{color:var(--primary-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.location-info strong,.period-info strong{color:#fff;font-size:.95rem}.kpi-count{align-items:center;display:flex;gap:8px}.count-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.count-label{color:#ffffffb3;font-size:.8rem}.score-badge{border-radius:12px;font-size:.8rem;font-weight:600;min-width:60px;padding:4px 10px;text-align:center}.score-badge.high{background:#4ade80;color:#166534}.score-badge.medium{background:#fbbf24;color:#92400e}.score-badge.low{background:#f87171;color:#991b1b}.score-badge.pending{background:#ffffff1a;color:#ffffffb3}.submitted-info{display:flex;flex-direction:column}.submitted-date{color:#fffc;font-size:.85rem}.quality-score{align-items:center;display:flex;justify-content:center}.quality-badge{border-radius:12px;font-size:.8rem;font-weight:600;min-width:60px;padding:4px 10px;text-align:center}.quality-badge.good{background:#4ade80;color:#166534}.quality-badge.fair{background:#fbbf24;color:#92400e}.quality-badge.poor{background:#f87171;color:#991b1b}.quality-badge.pending{background:#ffffff1a;color:#ffffffb3}.action-buttons{gap:8px}.view-button{background:#00c8ff33;border:1px solid #00c8ff4d;border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.view-button:hover{background:#00c8ff4d;color:#fff;transform:translateY(-1px)}.quality-report-button{background:#22c55e33;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.quality-report-button:hover{background:#22c55e4d;color:#fff;transform:translateY(-1px)}.quality-check-button{align-items:center;background:#ffa50033;border:1px solid #ffa5004d;border-radius:6px;color:orange;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:all .2s ease}.quality-check-button:hover:not(:disabled){background:#ffa5004d;color:#fff;transform:translateY(-1px)}.quality-check-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.quality-check-button:disabled:hover{background:#22c55e33;color:#22c55e;transform:none}.quality-check-button.in-progress{background:#6b728033;border:1px solid #6b72804d;color:#6b7280;cursor:not-allowed;opacity:.8}.quality-check-button.in-progress:hover{background:#6b728033;color:#6b7280;transform:none}.header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.refresh-button{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.refresh-button:hover{background:#3b82f633;color:#2563eb;transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}[data-theme=light] .content-container{background:#fffffff2!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .loading-state{color:#0f172acc!important}[data-theme=light] .error-state h3{color:#dc2626!important}[data-theme=light] .error-state p{color:#0f172acc!important}[data-theme=light] .retry-button{background:#3b82f6e6!important;color:#fff!important}[data-theme=light] .retry-button:hover{background:#2563ebe6!important}[data-theme=light] .empty-state h3{color:#3b82f6e6!important}[data-theme=light] .empty-state p{color:#0f172acc!important}[data-theme=light] .table-header h3{color:#3b82f6e6!important}[data-theme=light] .submissions-table{border-color:#64748b4d!important}[data-theme=light] .table-header-row{background:#3b82f61a!important;border-bottom-color:#3b82f64d!important}[data-theme=light] .table-row{border-bottom-color:#64748b33!important}[data-theme=light] .table-row:hover{background:#3b82f60d!important}[data-theme=light] .table-cell{color:#0f172ae6!important}[data-theme=light] .table-cell.header{color:#3b82f6e6!important}[data-theme=light] .location-info strong,[data-theme=light] .period-info strong{color:#0f172a!important}[data-theme=light] .count-badge{background:#3b82f6e6!important;color:#fff!important}[data-theme=light] .count-label,[data-theme=light] .submitted-date{color:#475569cc!important}[data-theme=light] .quality-badge.pending,[data-theme=light] .score-badge.pending{background:#64748b33!important;color:#475569cc!important}[data-theme=light] .view-button{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .view-button:hover{background:#3b82f633!important;color:#3b82f6!important}[data-theme=light] .quality-report-button{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55ee6!important}[data-theme=light] .quality-report-button:hover{background:#22c55e33!important;color:#22c55e!important}[data-theme=light] .quality-check-button{background:#f973161a!important;border-color:#f973164d!important;color:#f97316e6!important}[data-theme=light] .quality-check-button:hover:not(:disabled){background:#f9731633!important;color:#f97316!important}[data-theme=light] .quality-check-button:disabled:hover{background:#22c55e1a!important;color:#22c55e99!important}[data-theme=light] .quality-check-button.in-progress{border-color:#64748b4d!important}[data-theme=light] .quality-check-button.in-progress,[data-theme=light] .quality-check-button.in-progress:hover{background:#64748b1a!important;color:#64748bcc!important}[data-theme=light] .refresh-button{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .refresh-button:hover{background:#3b82f633!important;color:#3b82f6!important}.refresh-status-button{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:12px;height:30px;justify-content:center;margin-left:8px;min-width:30px;padding:6px 8px;transition:all .2s ease}.refresh-status-button:hover{background:#3b82f633;color:#2563eb;transform:translateY(-1px)}.refresh-status-button:active{transform:translateY(0)}.spinner-small{animation:spin 1s linear infinite;height:14px;margin-right:6px;width:14px}@media (max-width:1200px){.table-header-row,.table-row{grid-template-columns:1.5fr 1fr .8fr 1fr 1fr 1fr}}@media (max-width:768px){.submissions-table{font-size:.8rem}.table-header-row,.table-row{gap:10px;grid-template-columns:1fr}.table-cell{border-bottom:1px solid #00c8ff1a;padding:10px}.table-cell.header{display:none}.table-cell:before{color:var(--primary-color);content:attr(data-label);display:block;font-size:.75rem;font-weight:600;margin-bottom:5px;text-transform:uppercase}}.chatbot-toggle-container{justify-content:flex-end;margin:0!important;padding:0!important;z-index:99999!important}.content-container .chatbot-toggle-container,.submissions-table-container .chatbot-toggle-container,body .chatbot-toggle-container,div .chatbot-toggle-container,html .chatbot-toggle-container{bottom:20px!important;display:flex!important;position:fixed!important;right:20px!important;z-index:99999!important}.chatbot-toggle-button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#40e0ff1a,#00b4d81a);border:2px solid #40e0ff4d;border-radius:12px;box-shadow:0 4px 20px #40e0ff1a;color:#40e0ff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:12px 20px;position:relative;text-rendering:optimizeLegibility;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-toggle-button:before{background:linear-gradient(90deg,#0000,#40e0ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.chatbot-toggle-button:hover:before{left:100%}.chatbot-toggle-button:hover{background:linear-gradient(135deg,#40e0ff33,#00b4d833);border-color:#40e0ff80;box-shadow:0 8px 30px #40e0ff33;transform:translateY(-2px)}.chatbot-toggle-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:18px}.chatbot-toggle-text{font-weight:600;letter-spacing:.5px}.chatbot-toggle-count,.chatbot-toggle-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.chatbot-toggle-count{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#40e0ff33;border:1px solid #40e0ff66;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;text-shadow:none;transform:translateZ(0)}[data-theme=light] .chatbot-toggle-button{background:linear-gradient(135deg,#3b82f61a,#2563eb1a)!important;border-color:#3b82f64d!important;box-shadow:0 4px 20px #3b82f61a!important;color:#3b82f6e6!important}[data-theme=light] .chatbot-toggle-button:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000)!important}[data-theme=light] .chatbot-toggle-button:hover{background:linear-gradient(135deg,#3b82f633,#2563eb33)!important;border-color:#3b82f680!important;box-shadow:0 8px 30px #3b82f633!important}[data-theme=light] .chatbot-toggle-icon{color:#000!important}[data-theme=light] .chatbot-toggle-text{color:#0f172ae6!important}[data-theme=light] .chatbot-toggle-count{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#000!important;text-shadow:none!important}.chatbot-toggle-container{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;height:auto!important;max-height:none!important;max-width:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;transform:none!important;visibility:visible!important;width:auto!important}* .chatbot-toggle-container,.chatbot-toggle-container{bottom:20px!important;display:flex!important;position:fixed!important;right:20px!important;z-index:999999!important}.org-settings-form{background:#ffffff0d;border:1px solid #40e0ff33;border-radius:12px;margin-bottom:24px;padding:24px}.form-header{margin-bottom:24px}.form-header h3{color:#40e0ff;font-size:1.4rem;font-weight:600;margin-bottom:8px}.form-description{color:#b0b0b0;font-size:.9rem;line-height:1.4;margin:0}.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.spinner{height:32px;width:32px}.settings-form{display:flex;flex-direction:column;gap:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{display:flex;flex-direction:column;gap:4px}.field-description{color:#b0b0b0;font-size:.8rem;font-style:italic;font-weight:400}.form-input,.form-select{background:#ffffff14;border:1px solid #40e0ff4d;border-radius:6px;color:#fff;font-size:.9rem;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-select:focus{background:#ffffff1f;border-color:#40e0ff;box-shadow:0 0 0 3px #40e0ff1a;outline:none}.form-input:disabled,.form-select:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:6px;font-size:.9rem;font-weight:500;text-align:center}.message.error{background:#ff63471a;border:1px solid #ff63474d;color:tomato}.message.success{background:#90ee901a;border:1px solid #90ee904d;color:#90ee90}.form-actions{gap:16px}.btn-primary,.btn-secondary{border-radius:6px;font-size:.9rem;min-width:120px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#40e0ff,#0080ff)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60e8ff,#2088ff);box-shadow:0 4px 12px #40e0ff4d}.btn-secondary{background:#ffffff0d;border:1px solid #40e0ff4d;color:#40e0ff}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#40e0ff80;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;transform:none}.settings-info{border-top:1px solid #40e0ff1a;margin-top:24px;padding-top:24px}.settings-info h4{color:#40e0ff;font-size:1.1rem;font-weight:600;margin-bottom:16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;justify-content:space-between;padding:8px 0}.info-label{color:#b0b0b0;font-size:.85rem;font-weight:500}.info-value{color:#fff;font-size:.85rem;font-weight:600}@media (max-width:768px){.org-settings-form{padding:16px}.form-grid{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.info-grid{gap:12px;grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:4px}}[data-theme=light] .org-settings-form{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .form-header h3{color:#3b82f6e6!important}[data-theme=light] .form-description{color:#475569cc!important}[data-theme=light] .loading-state{color:#0f172ae6!important}[data-theme=light] .field-description{color:#475569b3!important}[data-theme=light] .form-input,[data-theme=light] .form-select{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus{background:#fffffff2!important;border-color:#3b82f6cc!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-theme=light] .form-input::placeholder{color:#64748b99!important}[data-theme=light] .message.error{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .message.success{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55ee6!important}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=light] .btn-secondary{background:#64748b1a!important;border-color:#64748b4d!important;color:#3b82f6e6!important}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#64748b33!important;border-color:#3b82f680!important}[data-theme=light] .settings-info{border-top-color:#3b82f61a!important}[data-theme=light] .settings-info h4{color:#3b82f6e6!important}[data-theme=light] .info-label{color:#475569cc!important}[data-theme=light] .info-value{color:#0f172ae6!important}.form-section{background:#ffffff05;border-radius:12px;border-top:1px solid #40e0ff1a;margin:32px 0;padding:24px}.form-section h4{color:#40e0ff;font-size:1.2rem;font-weight:600;margin-bottom:8px}.form-section p{color:#ffffffb3}.logo-upload-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.logo-preview-section{flex:0 0 auto}.logo-preview{background:#ffffff0d;border:2px solid #40e0ff4d;border-radius:8px;display:inline-block;overflow:hidden;position:relative}.logo-image{display:block;height:auto;max-height:120px;max-width:200px;object-fit:contain;width:auto}.remove-logo-btn{align-items:center;background:#ff6347e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-logo-btn:hover:not(:disabled){background:tomato;transform:scale(1.1)}.remove-logo-btn:disabled{cursor:not-allowed;opacity:.6}.logo-upload-controls{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:250px}.logo-upload-controls small{color:#fff9;font-size:.85rem}.file-input{display:none}.file-input-label{background:#ffffff0d;border:1px solid #40e0ff4d;border-radius:6px;color:#40e0ff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:12px 24px;text-align:center;transition:all .2s ease}.file-input-label:hover{background:#ffffff1a;border-color:#40e0ff80;transform:translateY(-1px)}.upload-logo-btn{background:linear-gradient(135deg,#40e0ff,#0080ff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.upload-logo-btn:hover:not(:disabled){background:linear-gradient(135deg,#60e8ff,#2088ff);box-shadow:0 4px 12px #40e0ff4d;transform:translateY(-1px)}.upload-logo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.logo-status{background:#90ee901a;border:1px solid #90ee904d;border-radius:6px;color:#90ee90;font-size:.85rem;font-weight:500;padding:8px 12px}.current-logo-section{display:flex;flex-direction:column;gap:12px}.remove-logo-button{background:#ff63471a;border:1px solid #ff63474d;border-radius:6px;color:tomato;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.remove-logo-button:hover:not(:disabled){background:#ff634733;border-color:#ff634780;transform:translateY(-1px)}.remove-logo-button:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=light] .form-section{background:#f8fafc99!important;border-top-color:#3b82f633!important}[data-theme=light] .form-section h4{color:#3b82f6e6!important}[data-theme=light] .form-section p{color:#475569cc!important}[data-theme=light] .logo-preview{background:#f8fafccc!important;border-color:#64748b4d!important}[data-theme=light] .file-input-label{background:#64748b1a!important;border-color:#64748b4d!important;color:#3b82f6e6!important}[data-theme=light] .file-input-label:hover{background:#64748b33!important;border-color:#3b82f680!important}[data-theme=light] .upload-logo-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .upload-logo-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=light] .logo-upload-container,[data-theme=light] .logo-upload-controls{background:#0000!important}[data-theme=light] .logo-upload-controls small{color:#475569b3!important}[data-theme=light] .logo-status{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55ee6!important}[data-theme=light] .remove-logo-button{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .remove-logo-button:hover:not(:disabled){background:#ef444433!important;border-color:#ef444480!important}@media (max-width:768px){.logo-upload-container{flex-direction:column;gap:16px}.logo-preview-section{align-self:center}.logo-upload-controls{min-width:0;min-width:auto}}.ppt-settings-form{margin:0 auto;max-width:1200px;width:100%}.ppt-settings-form form{display:flex;flex-direction:column;gap:32px}.ppt-settings-form .form-section{background:#ffffff0d;border:1px solid #40e0ff33;border-radius:8px;padding:24px}.ppt-settings-form .form-section h3{color:#40e0ff;font-size:20px;font-weight:600;margin:0 0 8px}.ppt-settings-form .form-description{color:#ffffffb3;font-size:14px;margin:0 0 24px}.ppt-settings-form .field-description{color:#fff9;display:block;font-size:12px;margin-top:4px}.ppt-settings-form .form-group{margin-bottom:16px}.ppt-settings-form .form-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.ppt-settings-form .form-input,.ppt-settings-form .form-select{background:#ffffff14;border:1px solid #40e0ff4d;border-radius:4px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.ppt-settings-form .form-input:focus,.ppt-settings-form .form-select:focus{background:#ffffff1f;border-color:#40e0ff;box-shadow:0 0 0 3px #40e0ff1a;outline:none}.ppt-settings-form .form-input:disabled,.ppt-settings-form .form-select:disabled{background-color:#ffffff08;cursor:not-allowed;opacity:.6}.ppt-settings-form .typography-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.ppt-settings-form .typography-item{background:#ffffff08;border:1px solid #40e0ff33;border-radius:8px;padding:16px}.ppt-settings-form .typography-item h4{color:#40e0ff;font-size:16px;font-weight:600;margin:0 0 12px}.ppt-settings-form .typography-controls{display:flex;flex-direction:column;gap:12px}.ppt-settings-form .color-input-group{align-items:center;display:flex;gap:8px}.ppt-settings-form .color-picker{background:#ffffff0d;border:1px solid #40e0ff4d;border-radius:4px;cursor:pointer;height:40px;padding:2px;width:60px}.ppt-settings-form .color-picker:disabled{cursor:not-allowed;opacity:.6}.ppt-settings-form .color-hex-input{flex:1 1;font-family:Courier New,monospace;text-transform:uppercase}.ppt-settings-form .typography-preview{background:#40e0ff1a;border:1px solid #40e0ff33;border-radius:8px;margin-top:32px;padding:24px}.ppt-settings-form .typography-preview h4{color:#40e0ff;font-size:16px;font-weight:600;margin:0 0 16px}.ppt-settings-form .preview-content{background:#ffffff0d;border:1px solid #40e0ff33;border-radius:4px;min-height:200px;padding:32px}.ppt-settings-form .preview-title{color:#ffffffe6;font-weight:700;margin-bottom:20px}.ppt-settings-form .preview-heading{color:#ffffffd9;font-weight:600;margin-bottom:16px}.ppt-settings-form .preview-body{color:#fffc;line-height:1.8}.background-upload-group{border-bottom:1px solid #e0e0e0;margin-bottom:32px;padding-bottom:32px}.background-upload-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.background-upload-group h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.background-preview{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:16px;max-width:600px;overflow:hidden;position:relative}.background-preview img{background:#f5f5f5;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.remove-background-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .2s;width:32px}.remove-background-btn:hover:not(:disabled){background:red}.remove-background-btn:disabled{cursor:not-allowed;opacity:.5}.upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.upload-button{background:#667eea;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.upload-button:hover{background:#5568d3}.pending-file-indicator{color:#667eea;font-size:13px;font-weight:500}.message{border-radius:4px;font-size:14px;margin:16px 0;padding:12px 16px}.message-error{background:#fee;border:1px solid #fcc;color:#c33}.message-success{background:#efe;border:1px solid #cfc;color:#3c3}.form-actions{border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{border-radius:4px;font-weight:500;transition:all .2s}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc;transform:none}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(:disabled){background:#e8e8e8}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.typography-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.background-preview img{max-height:200px}}[data-theme=light] .ppt-settings-form .form-section{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .ppt-settings-form .form-section h3{color:#3b82f6e6!important}[data-theme=light] .ppt-settings-form .form-description{color:#475569cc!important}[data-theme=light] .ppt-settings-form .field-description{color:#475569b3!important}[data-theme=light] .ppt-settings-form .form-group label{color:#0f172ae6!important}[data-theme=light] .ppt-settings-form .form-input,[data-theme=light] .ppt-settings-form .form-select{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .ppt-settings-form .form-input:focus,[data-theme=light] .ppt-settings-form .form-select:focus{background:#fffffff2!important;border-color:#3b82f6cc!important;box-shadow:0 0 0 3px #3b82f61a!important}[data-theme=light] .ppt-settings-form .form-input:disabled,[data-theme=light] .ppt-settings-form .form-select:disabled{background-color:#f8fafccc!important}[data-theme=light] .ppt-settings-form .typography-item{background:#f8fafccc!important;border-color:#64748b4d!important}[data-theme=light] .ppt-settings-form .typography-item h4{color:#3b82f6e6!important}[data-theme=light] .ppt-settings-form .color-picker{background:#ffffffe6!important;border-color:#64748b4d!important}[data-theme=light] .ppt-settings-form .typography-preview{background:#3b82f60d!important;border-color:#3b82f633!important}[data-theme=light] .ppt-settings-form .typography-preview h4{color:#3b82f6e6!important}[data-theme=light] .ppt-settings-form .preview-content{background:#fffffff2!important;border-color:#64748b33!important}[data-theme=light] .ppt-settings-form .preview-body,[data-theme=light] .ppt-settings-form .preview-heading,[data-theme=light] .ppt-settings-form .preview-title{color:#0f172ae6!important}.organisation-management-content{margin:0 auto;max-width:1200px;padding:20px}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.notification.success{background:#90ee901a;border:1px solid #90ee904d;color:#90ee90}.notification.error{background:#ff63471a;border:1px solid #ff63474d;color:tomato}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:16px;opacity:.7;padding:0;transition:opacity .2s ease}.notification-close:hover{opacity:1}.management-section{margin-bottom:32px}.section-header{margin-bottom:24px}.section-header h2{font-size:1.6rem;font-weight:600;margin-bottom:8px}.section-header p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin:0}.loading-text{color:#fff9;font-size:1rem}.feature-placeholder,.loading-text{padding:40px 20px;text-align:center}.feature-placeholder{background:#ffffff08;border:1px solid #40e0ff1a;border-radius:12px;color:#b0b0b0}.placeholder-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.feature-placeholder p{font-size:1rem;font-style:italic;margin:0}.placeholder-content{color:#fff;padding:80px 20px;text-align:center}.placeholder-content .placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.placeholder-content h2{color:#40e0ff;font-size:2rem;font-weight:600;margin-bottom:16px}.placeholder-content p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.organisation-section{background:#ffffff0d;border:1px solid #40e0ff33;border-radius:12px;margin-bottom:24px;padding:24px}.organisation-section h3{color:#40e0ff;font-size:1.4rem;font-weight:600;margin-bottom:16px}.organisation-section p{color:#fff;line-height:1.6;margin-bottom:16px}@media (max-width:768px){.organisation-management-content{padding:16px}.notification{align-items:flex-start;flex-direction:column;gap:12px}.notification-close{align-self:flex-end;margin-left:0}.section-header h2{font-size:1.4rem}.feature-placeholder{padding:30px 16px}}[data-theme=light] .notification.success{background:#22c55e1a!important;border-color:#22c55e4d!important;color:#22c55ee6!important}[data-theme=light] .notification.error{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .management-section{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .section-description,[data-theme=light] .section-header p{color:#475569cc!important}[data-theme=light] .feature-placeholder{background:#f8fafccc!important;border-color:#3b82f64d!important}[data-theme=light] .placeholder-icon{color:#3b82f699!important}[data-theme=light] .loading-text{color:#475569b3!important}[data-theme=light] .feature-placeholder p,[data-theme=light] .placeholder-text{color:#475569cc!important}.kpi-category-selector{height:100%;width:100%}.selector-header{flex-shrink:0;margin-bottom:24px;text-align:center}.selector-header h3{color:#40e0ff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.selector-header p{color:#b0b0b0;font-size:.95rem;margin:0}.categories-container{grid-gap:12px;align-content:flex-start;display:grid;gap:12px;grid-auto-rows:50px;grid-template-columns:repeat(auto-fill,1fr);height:100%;max-width:none;overflow:hidden;width:100%}.category-rectangle{align-items:center;background:linear-gradient(135deg,#ffffff14,#40e0ff0a);border:1px solid #40e0ff40;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;height:50px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.category-rectangle:hover{background:linear-gradient(135deg,#ffffff1f,#40e0ff14);border-color:#40e0ff80;box-shadow:0 4px 15px #40e0ff33;transform:translateY(-2px)}.category-header{align-items:center;background:linear-gradient(135deg,#ffffff08,#40e0ff03);cursor:pointer;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px;position:relative;transition:all .3s ease}.category-header:before{background:linear-gradient(90deg,#40e0ff,#00b4d8,#0077b6);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-header:hover{background:linear-gradient(135deg,#ffffff14,#40e0ff08)}.category-header:hover:before{opacity:1}.category-info{align-items:center;display:flex;flex:1 1;gap:12px}.category-rectangle .category-name{color:#fff;font-size:.9rem;font-weight:600;line-height:1.2;text-align:center;white-space:nowrap}.selection-badge{background:linear-gradient(135deg,#40e0ff,#00b4d8);border-radius:12px;color:#000;font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}.category-controls{align-items:center;display:flex;gap:12px}.kpi-count{color:#b0b0b0;font-size:.9rem}.expand-icon{color:#40e0ff;font-size:1rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.category-content{animation:slideDown .3s ease;border-top:1px solid #40e0ff1a;padding:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.kpi-list{display:flex;flex:1 1;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:8px 12px}.kpi-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;padding:6px 8px;transition:all .2s ease}.kpi-item:hover{background:#ffffff0d;border-color:#40e0ff4d}.kpi-checkbox{gap:12px}.kpi-checkbox input[type=checkbox]{height:18px;width:18px}.kpi-info{gap:4px}.kpi-name{color:#fff;font-size:.75rem;line-height:1.2}.kpi-code{color:#40e0ff;font-size:.65rem;font-weight:600}.kpi-description{color:#b0b0b0;margin:4px 0 0}.empty-category,.empty-state{color:#b0b0b0;padding:32px 20px;text-align:center}.empty-category p,.empty-state p{font-size:.95rem;margin:0}.empty-subtitle{font-size:.85rem!important;margin-top:8px!important;opacity:.7}.kpi-selector-loading,.loading-kpis{color:#b0b0b0;padding:32px 20px;text-align:center}.loading-kpis{padding:20px}.loading-spinner.small{border-width:2px;height:20px;margin-bottom:8px;width:20px}.kpi-selector-loading p,.loading-kpis p{font-size:.9rem;margin:0}.kpi-selector-error{color:#ff6b6b;padding:32px 20px;text-align:center}.kpi-selector-error p{font-size:.95rem;margin:0 0 16px}.kpi-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.kpi-overlay-content{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0f1e2df2,#001428f2);border:2px solid #40e0ff4d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #40e0ff1a;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90vw}.kpi-overlay-header{align-items:center;background:linear-gradient(135deg,#40e0ff0d,#00b4d805);border-bottom:2px solid #40e0ff33;display:flex;justify-content:space-between;padding:20px 24px}.kpi-overlay-header h3{color:#40e0ff;font-size:1.5rem;font-weight:600;margin:0}.close-overlay-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-overlay-button:hover{background:#ff646433;border-color:#ff646466;color:#ff6464}.kpi-overlay-body{flex:1 1;overflow-y:auto;padding:24px}.kpi-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow-y:auto;padding-right:8px}.kpi-card{background:linear-gradient(135deg,#ffffff14,#40e0ff0a);border:1px solid #40e0ff40;border-radius:12px;box-shadow:0 4px 20px #00000026,inset 0 1px 0 #ffffff1a;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{background:linear-gradient(135deg,#ffffff1f,#40e0ff14);border-color:#40e0ff80;box-shadow:0 8px 25px #40e0ff26,0 0 20px #40e0ff1a,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.kpi-checkbox{gap:16px;width:100%}.kpi-checkbox input[type=checkbox]{accent-color:#40e0ff;margin-top:4px;transform:scale(1.3)}.kpi-details{flex:1 1;gap:8px;min-width:0}.kpi-details,.kpi-header{display:flex;flex-direction:column}.kpi-header{gap:4px}.kpi-card .kpi-name{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.05rem;font-weight:600;line-height:1.3;min-height:2.6rem;overflow:hidden;overflow-wrap:break-word}.kpi-units{align-items:center;display:flex;gap:6px}.units-label{color:#00b4d8;font-size:.8rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.units-value{color:#fff;font-size:.85rem;font-weight:500}.kpi-card .kpi-description{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;background:#ffffff08;border-left:2px solid #40e0ff4d;border-radius:6px;color:#b0b0b0;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden;overflow-wrap:break-word;padding:8px 10px}.overlay-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.overlay-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #40e0ff4d;border-radius:50%;border-top-color:#40e0ff;height:32px;width:32px}@media (max-width:768px){.kpi-category-selector{max-width:none}.category-header{padding:14px 16px}.category-name{font-size:1rem}.kpi-list{padding:12px 16px}.kpi-item{padding:10px}.category-controls{gap:8px}.kpi-count{font-size:.8rem}.kpi-overlay-content{max-height:90vh;width:95vw}.kpi-grid{grid-template-columns:1fr}}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .selector-header h3{color:#3b82f6e6!important}[data-theme=light] .selector-header p{color:#64748bcc!important}[data-theme=light] .category-rectangle{background:#ffffffe6!important;border-color:#3b82f64d!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .category-rectangle:hover{background:#fffffff2!important;border-color:#3b82f680!important;box-shadow:0 4px 15px #3b82f633!important}[data-theme=light] .category-rectangle .category-name{color:#0f172ae6!important}[data-theme=light] .category-header{background:#f8fafccc!important}[data-theme=light] .category-header:hover{background:#f8fafce6!important}[data-theme=light] .category-header:before{background:linear-gradient(90deg,#3b82f6cc,#2563eb99,#1d4ed8cc)!important}[data-theme=light] .selection-badge{background:#3b82f6e6!important;color:#fff!important}[data-theme=light] .kpi-count{color:#64748bcc!important}[data-theme=light] .expand-icon{color:#3b82f6e6!important}[data-theme=light] .category-content{border-top-color:#3b82f633!important}[data-theme=light] .kpi-item{background:#ffffffe6!important;border-color:#64748b33!important}[data-theme=light] .kpi-item:hover{background:#fffffff2!important;border-color:#3b82f666!important}[data-theme=light] .kpi-name{color:#0f172ae6!important}[data-theme=light] .kpi-code{color:#3b82f6e6!important}[data-theme=light] .empty-category,[data-theme=light] .empty-state,[data-theme=light] .kpi-description,[data-theme=light] .kpi-selector-loading,[data-theme=light] .loading-kpis{color:#64748bcc!important}[data-theme=light] .kpi-selector-error{color:#ef4444e6!important}[data-theme=light] .kpi-overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffc!important}[data-theme=light] .kpi-overlay-content{background:#fffffff2!important;border-color:#3b82f64d!important;box-shadow:0 20px 60px #00000026,0 0 40px #3b82f61a!important}[data-theme=light] .kpi-overlay-header{background:#3b82f60d!important;border-bottom-color:#3b82f633!important}[data-theme=light] .kpi-overlay-header h3{color:#3b82f6e6!important}[data-theme=light] .close-overlay-button{background:#64748b1a!important;border-color:#64748b33!important;color:#64748bb3!important}[data-theme=light] .close-overlay-button:hover{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .kpi-card{background:#fff!important;background-color:#fff!important;background-image:none!important;border-color:#3b82f640!important;box-shadow:0 4px 20px #0000001a!important}[data-theme=light] .kpi-card:hover{background:#f8fafc!important;background-color:#f8fafc!important;background-image:none!important;border-color:#3b82f680!important;box-shadow:0 8px 25px #3b82f626,0 0 20px #3b82f61a!important}[data-theme=light] .kpi-card .kpi-name{color:#0f172ae6!important}[data-theme=light] .units-label{color:#3b82f6e6!important}[data-theme=light] .units-value{color:#0f172ae6!important}[data-theme=light] .kpi-card .kpi-description{background:#f8fafccc!important;border-left-color:#3b82f64d!important;color:#64748bcc!important}[data-theme=light] .kpi-grid .kpi-card *,[data-theme=light] .kpi-grid .kpi-card .kpi-name,[data-theme=light] .kpi-overlay-content .kpi-card *,[data-theme=light] .kpi-overlay-content .kpi-card .kpi-name{color:#0f172ae6!important}[data-theme=light] .kpi-grid .kpi-card .kpi-description,[data-theme=light] .kpi-overlay-content .kpi-card .kpi-description{background:#f8fafccc!important;border-left-color:#3b82f64d!important;color:#64748bcc!important}[data-theme=light] .kpi-grid{background:#0000!important}[data-theme=light] .kpi-overlay-content .kpi-grid div.kpi-card,[data-theme=light] .kpi-overlay-content div.kpi-card,[data-theme=light] body .kpi-overlay-content .kpi-card,[data-theme=light] body .kpi-overlay-content .kpi-grid .kpi-card,html[data-theme=light] .kpi-overlay-content .kpi-card,html[data-theme=light] .kpi-overlay-content .kpi-grid .kpi-card{background:#fff!important;background-attachment:scroll!important;background-blend-mode:normal!important;background-clip:initial!important;background-color:#fff!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:repeat!important;background-size:initial!important;border-color:#3b82f640!important;box-shadow:0 2px 8px #0000001a!important;color:#0f172ae6!important}html[data-theme=light] body .kpi-overlay-content .kpi-grid div.kpi-card,html[data-theme=light] body .kpi-overlay-content div.kpi-card,html[data-theme=light] body div.kpi-overlay-content .kpi-grid div.kpi-card,html[data-theme=light] body div.kpi-overlay-content div.kpi-card{background:#fff!important;background-color:#fff!important;background-image:none!important}[data-theme=light] .kpi-overlay-content .kpi-card:hover,[data-theme=light] .kpi-overlay-content .kpi-grid .kpi-card:hover{background:#f8fafc!important;background-color:#f8fafc!important;background-image:none!important;border-color:#3b82f680!important;box-shadow:0 4px 12px #3b82f626!important;color:#0f172ae6!important;transform:translateY(-1px)!important}[data-theme=light] .kpi-grid .kpi-card{background:#fff!important;background-color:#fff!important;background-image:none!important;border-color:#3b82f640!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .kpi-grid .kpi-card:hover{background:#f8fafc!important;background-color:#f8fafc!important;background-image:none!important;border-color:#3b82f680!important;box-shadow:0 4px 12px #3b82f626!important;transform:translateY(-1px)!important}html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.dashboard-content div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.dashboard-page div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card,html[data-theme=light] body div#root div.App div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card{background:#fff!important;background-attachment:scroll!important;background-blend-mode:normal!important;background-clip:initial!important;background-color:#fff!important;background-image:none!important;background-origin:initial!important;background-position:0 0!important;background-repeat:repeat!important;background-size:initial!important}[data-theme=light] .kpi-card .kpi-checkbox,[data-theme=light] .kpi-overlay-content .kpi-card .kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.dashboard-content div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.dashboard-main div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.dashboard-page div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card label.kpi-checkbox,html[data-theme=light] body div#root div.App div.kpi-overlay div.kpi-overlay-content div.kpi-grid div.kpi-card label.kpi-checkbox{background:#0000!important;background-color:initial!important;background-image:none!important}.create-rule-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-rule-modal{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#0f1e2df2,#001428f2);border:2px solid #40e0ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #40e0ff1a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1400px;overflow:hidden;position:relative;width:95vw}.modal-header{background:linear-gradient(135deg,#40e0ff0d,#00b4d805);border-bottom:2px solid #40e0ff33}.modal-body{display:flex;gap:32px;overflow:hidden}.modal-title{align-items:center;display:flex;gap:12px}.modal-icon{filter:drop-shadow(0 0 8px rgba(64,224,255,.4));font-size:1.8rem}.modal-title h2{color:#40e0ff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 20px #40e0ff4d}.modal-close-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-button:hover{background:#ff646433;border-color:#ff646466;color:#ff6464;transform:scale(1.1)}.modal-content{gap:32px;padding:32px}.form-section h3{align-items:center;color:#40e0ff;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0 0 24px}.form-section h3:before{content:"📝";filter:drop-shadow(0 0 6px rgba(64,224,255,.4));font-size:1.2rem}.form-row{grid-template-columns:2fr 1fr}.form-section{display:flex;flex:0 0 400px;flex-direction:column;gap:20px}.form-input,.form-textarea{transition:all .3s ease}.form-input:focus,.form-textarea:focus{background:#ffffff14}.form-textarea{min-height:100px}.selected-kpis-section{margin-top:20px}.selected-kpis-section h4{align-items:center;color:#40e0ff;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.selected-kpis-section h4:before{align-items:center;background:#00b4d833;border-radius:50%;color:#00b4d8;content:"✓";display:flex;font-size:.9rem;font-weight:700;height:20px;justify-content:center;width:20px}.selected-kpis-cards{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:2px}.selected-kpi-card{background:linear-gradient(135deg,#40e0ff1a,#00b4d80d);border:1px solid #40e0ff4d;border-radius:6px;cursor:pointer;flex-shrink:0;padding:6px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.selected-kpi-card:hover{background:linear-gradient(135deg,#40e0ff26,#00b4d814);border-color:#40e0ff80;box-shadow:0 2px 8px #40e0ff33;transform:translateY(-1px)}.selected-kpi-card:hover:after{color:#40e0ff;content:"↗";font-size:.8rem;font-weight:700;opacity:.9;position:absolute;right:2px;top:-2px}.selected-kpi-card:hover:before{color:#ff6b6b;content:"×";font-size:.8rem;font-weight:700;left:2px;opacity:.8;position:absolute;top:-2px}.selected-kpi-card:active{background:linear-gradient(135deg,#ff64641a,#ff32320d);border-color:#ff646466;transform:translateY(0)}.selected-kpi-name{color:#fff;display:block;font-size:.85rem;font-weight:500;line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-kpis-summary{background:linear-gradient(135deg,#40e0ff0d,#00b4d805);border:1px solid #40e0ff33;border-radius:12px;margin-top:24px;padding:20px}.selected-kpis-summary h4{align-items:center;color:#40e0ff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.selected-kpis-summary h4:before{content:"📊";filter:drop-shadow(0 0 6px rgba(64,224,255,.4));font-size:1rem}.kpi-summary-count{margin-bottom:16px}.count-badge{background:linear-gradient(135deg,#40e0ff4d,#00b4d833);border:1px solid #40e0ff4d;border-radius:20px;box-shadow:0 2px 8px #40e0ff33;color:#40e0ff;font-size:.9rem;font-weight:700;padding:6px 12px}.kpi-summary-categories{display:flex;flex-direction:column;gap:8px}.category-summary{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.category-name{color:#fff;font-weight:500}.category-kpi-count{color:#40e0ff;font-size:.85rem;font-weight:600}.kpi-selection-section{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.kpi-selection-section .selection-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.kpi-selection-section .selection-header h3{align-items:center;color:#40e0ff;display:flex;font-size:1.4rem;font-weight:600;gap:8px;margin:0}.kpi-selection-section .selection-header h3:before{content:"🎯";filter:drop-shadow(0 0 6px rgba(64,224,255,.4));font-size:1.2rem}.kpi-selection-section .selection-header p{color:#b0b0b0;font-size:.95rem;line-height:1.4;margin:0}.selection-count{background:linear-gradient(135deg,#40e0ff4d,#00b4d833);border:1px solid #40e0ff4d;border-radius:20px;box-shadow:0 2px 8px #40e0ff33;color:#40e0ff;font-size:.9rem;font-weight:700}.kpi-selection-section .selector-header{display:none}.kpi-selection-section .categories-container{flex:1 1;overflow-y:auto}.kpi-selector-full-width{display:flex;flex:1 1;flex-direction:column}.kpi-selector-full-width,.kpi-selector-full-width>*{max-width:none!important;width:100%!important}.modal-footer{background:linear-gradient(135deg,#40e0ff05,#00b4d803);border-top:2px solid #40e0ff33;display:flex;flex-shrink:0;gap:16px;justify-content:flex-end;padding:24px 32px}.cancel-button,.save-button{font-size:.95rem;min-width:120px;padding:12px 24px}.cancel-button:hover:not(:disabled){background:#fff3;color:#fff;transform:translateY(-1px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1200px){.modal-content{grid-template-columns:1fr}.modal-left{border-bottom:1px solid #40e0ff33;border-right:none}.form-row{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.create-rule-modal-overlay{padding:10px}.create-rule-modal{border-radius:0;height:100vh;width:100vw}.modal-footer,.modal-header{padding:16px 20px}.modal-left,.modal-right{padding:20px}.modal-title h2{font-size:1.5rem}.modal-footer{flex-direction:column}.cancel-button,.save-button{width:100%}}.ai-generation-modal{height:auto!important;max-height:95vh!important;max-width:1800px!important;width:95vw!important}.ai-generation-modal .modal-body{max-height:calc(95vh - 140px)!important;overflow-y:auto!important;padding-right:4px;padding:32px!important}.ai-generation-modal .modal-body::-webkit-scrollbar{width:6px}.ai-generation-modal .modal-body::-webkit-scrollbar-track{background:#0003;border-radius:3px}.ai-generation-modal .modal-body::-webkit-scrollbar-thumb{background:#40e0ff66;border-radius:3px}.ai-generation-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#40e0ff99}.current-rule-status{background:#40e0ff1a;border:1px solid #40e0ff4d;border-radius:12px;margin-bottom:24px;padding:20px}.weight-info{justify-content:space-between;margin-bottom:12px}.weight-info,.weight-stat{align-items:center;display:flex}.weight-stat{flex-direction:column}.weight-label{color:#fffc;font-size:.9rem;margin-bottom:4px}.weight-value{color:#40e0ff;font-size:1.2rem;font-weight:700;text-shadow:0 0 8px #40e0ff66}.weight-value.weight-low{color:#ff6464;text-shadow:0 0 8px #ff646466}.weight-progress-bar{background:#fff3;border-radius:5px;box-shadow:inset 0 1px 3px #0000004d;height:10px;overflow:hidden;width:100%}.weight-progress-fill{background:linear-gradient(90deg,#40e0ff,#00b4d8);box-shadow:0 0 10px #40e0ff80;height:100%;transition:width .3s ease}.weight-progress-fill.weight-high{background:linear-gradient(90deg,#ff6464,#ee5a5a);box-shadow:0 0 10px #ff646480}.preview-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.2fr;height:100%}.preview-left,.preview-right{display:flex;flex-direction:column}.preview-left .form-section{opacity:.8}.preview-left .checkbox-input,.preview-left .form-input,.preview-left .form-select{cursor:not-allowed;opacity:.7}.preview-right{border-left:2px solid #40e0ff4d;padding-left:40px}.focus-areas-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:8px}.checkbox-label{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:10px;padding:12px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#40e0ff1a;border-color:#40e0ff4d;transform:translateY(-1px)}.checkbox-input{accent-color:#40e0ff;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#fff;font-size:.9rem;text-transform:capitalize}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2340e0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.available-data-section{background:#40e0ff0d;border:1px solid #40e0ff33;border-radius:12px;margin-top:24px;padding:20px}.available-data-title{color:#40e0ff;font-size:1.1rem;font-weight:600;margin:0 0 16px;text-shadow:0 0 10px #40e0ff4d}.available-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.data-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:12px;text-align:center}.stat-label{color:#fffc;font-size:.85rem;margin-bottom:4px}.stat-value{color:#40e0ff;font-size:1.4rem;font-weight:700;text-shadow:0 0 8px #40e0ff66}@media (max-width:1200px){.ai-generation-modal{max-width:1400px!important}.preview-layout{gap:30px}.preview-right{padding-left:30px}}@media (max-width:768px){.ai-generation-modal{max-height:98vh!important;max-width:98vw!important;width:98vw!important}.ai-generation-modal .modal-body{max-height:calc(98vh - 120px)!important;padding:20px!important}.preview-layout{gap:16px;grid-template-columns:1fr}.preview-right{border-left:none;border-top:1px solid #40e0ff33;margin-top:16px;padding-left:0;padding-top:16px}.current-rule-status{padding:16px}.weight-info{flex-direction:column;gap:12px;margin-bottom:16px}.weight-stat{flex-direction:row;gap:8px}.available-data-grid,.focus-areas-grid{gap:12px;grid-template-columns:1fr}.checkbox-label{padding:10px 12px}.available-data-section{padding:16px}}[data-theme=light] .create-rule-modal-overlay{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffc!important}[data-theme=light] .create-rule-modal{background:#fffffff2!important;border-color:#3b82f64d!important;box-shadow:0 20px 60px #00000026,0 0 40px #3b82f61a!important}[data-theme=light] .modal-header{background:#3b82f60d!important;border-bottom-color:#3b82f633!important}[data-theme=light] .modal-title h2{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .modal-close-button{background:#64748b1a!important;border-color:#64748b33!important;color:#64748bb3!important}[data-theme=light] .modal-close-button:hover{background:#ef44441a!important;border-color:#ef44444d!important;color:#ef4444e6!important}[data-theme=light] .form-section h3{color:#3b82f6e6!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{background:#fffffff2!important}[data-theme=light] .selected-kpis-section h4{color:#3b82f6e6!important}[data-theme=light] .selected-kpi-card{background:#3b82f61a!important}[data-theme=light] .selected-kpi-card:hover{background:#3b82f626!important}[data-theme=light] .selected-kpi-name{color:#0f172ae6!important}[data-theme=light] .selected-kpis-summary{background:#f8fafccc!important;border-color:#3b82f633!important}[data-theme=light] .selected-kpis-summary h4{color:#3b82f6e6!important}[data-theme=light] .count-badge{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 2px 8px #3b82f633!important;color:#3b82f6e6!important}[data-theme=light] .category-summary{background:#f8fafccc!important;border-color:#64748b33!important}[data-theme=light] .category-name{color:#0f172ae6!important}[data-theme=light] .category-kpi-count,[data-theme=light] .kpi-selection-section .selection-header h3{color:#3b82f6e6!important}[data-theme=light] .kpi-selection-section .selection-header p{color:#64748bcc!important}[data-theme=light] .selection-count{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 2px 8px #3b82f633!important;color:#3b82f6e6!important}[data-theme=light] .modal-footer{background:#3b82f605!important;border-top-color:#3b82f633!important}[data-theme=light] .cancel-button:hover:not(:disabled){background:#64748b33!important;color:#64748b!important}[data-theme=light] .current-rule-status{background:#3b82f60d!important;border-color:#3b82f633!important}[data-theme=light] .weight-label{color:#64748bcc!important}[data-theme=light] .weight-value{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .weight-value.weight-low{color:#ef4444e6!important;text-shadow:none!important}[data-theme=light] .weight-progress-bar{background:#64748b33!important}[data-theme=light] .checkbox-label{background:#ffffffe6!important;border-color:#64748b33!important}[data-theme=light] .checkbox-label:hover{background:#3b82f61a!important;border-color:#3b82f64d!important}[data-theme=light] .checkbox-text{color:#0f172ae6!important}[data-theme=light] .available-data-section{background:#f8fafccc!important;border-color:#3b82f633!important}[data-theme=light] .available-data-title{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .data-stat{background:#ffffffe6!important;border-color:#64748b33!important}[data-theme=light] .stat-label{color:#64748bcc!important}[data-theme=light] .stat-value{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B82F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}[data-theme=light] .preview-right{border-left-color:#3b82f64d!important}[data-theme=light] .selected-kpis-cards{background:#0000!important}[data-theme=light] .selected-kpi-card{background:#ffffffe6!important;border-color:#3b82f64d!important;color:#0f172ae6!important}[data-theme=light] .selected-kpi-card:hover{background:#fffffff2!important;border-color:#3b82f680!important;box-shadow:0 2px 8px #3b82f633!important}[data-theme=light] .selected-kpi-card:active{background:#ef44441a!important;border-color:#ef444466!important}.org-kpi-rules-content,.rules-section{height:auto!important;max-height:none!important;overflow:visible!important;padding:32px;width:100%!important}.rules-section{background:linear-gradient(135deg,#ffffff14,#40e0ff0d);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;margin-bottom:40px;min-height:-webkit-fit-content!important;min-height:fit-content!important;position:relative}.rules-section:before{background:linear-gradient(135deg,#40e0ff66,#00b4d833,#40e0ff66);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;z-index:-1}.section-header{border-bottom:2px solid #40e0ff26;gap:24px;margin-bottom:32px;padding-bottom:20px;position:relative}.header-actions{gap:12px}.section-header:after{background:linear-gradient(90deg,#40e0ff,#0000);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.section-header h2{align-items:center;color:#40e0ff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0;text-shadow:0 0 20px #40e0ff4d}.section-header h2:before{content:"📊";filter:drop-shadow(0 0 8px rgba(64,224,255,.4));font-size:1.5rem}.create-rule-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c8ff33;border:2px solid #00c8ff66;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.create-rule-button:hover{background:#00c8ff4d;border-color:#00c8ff99;box-shadow:0 4px 15px #00c8ff4d;color:#fff;transform:translateY(-2px)}.create-rule-button:active{box-shadow:0 2px 8px #00c8ff33;transform:translateY(0)}.ai-generate-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #ff6b3566;border-radius:8px;color:#fffffff2;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.ai-generate-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ai-generate-button:hover:before{left:100%}.ai-generate-button:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);border-color:#ff6b3599;box-shadow:0 6px 20px #ff6b3566;color:#fff;transform:translateY(-2px)}.ai-generate-button:active{box-shadow:0 2px 8px #ff6b354d;transform:translateY(0)}.rules-list{grid-gap:24px;align-items:start!important;display:grid!important;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;height:auto!important;margin-top:20px;max-height:none!important;max-width:none!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow:visible!important;width:100%!important}.rule-card{background:linear-gradient(135deg,#ffffff14,#40e0ff08);border:1px solid #40e0ff33;border-radius:16px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-width:100%;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.rule-card:before{background:linear-gradient(90deg,#40e0ff,#00b4d8,#0077b6);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.rule-card:hover{background:linear-gradient(135deg,#ffffff1f,#40e0ff0f);border-color:#40e0ff66;box-shadow:0 8px 30px #0000004d,0 0 20px #40e0ff33,inset 0 1px 0 #fff3;transform:translateY(-4px)}.rule-header{justify-content:space-between;margin-bottom:12px}.rule-header,.rule-info{align-items:center;display:flex}.rule-info{gap:16px}.rule-id{color:#40e0ff;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;margin:0;position:relative;text-shadow:0 0 10px #40e0ff4d}.rule-id:before{content:"⚡";filter:drop-shadow(0 0 6px rgba(64,224,255,.5));font-size:1rem;margin-right:8px}.rule-weight{background:linear-gradient(135deg,#40e0ff4d,#00b4d833);border:1px solid #40e0ff4d;border-radius:20px;box-shadow:0 2px 8px #40e0ff33;color:#40e0ff;font-size:.9rem;font-weight:700;padding:6px 12px;text-shadow:0 0 6px #40e0ff66}.rule-actions{align-items:center;display:flex;gap:8px}.edit-rule-button{background:linear-gradient(135deg,#40e0ff,#00b4d8);border:none;border-radius:6px;box-shadow:0 2px 6px #40e0ff4d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.edit-rule-button:hover{background:linear-gradient(135deg,#00b4d8,#0077b6);box-shadow:0 4px 10px #40e0ff66;transform:translateY(-1px)}.delete-rule-button{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.delete-rule-button:hover{background:linear-gradient(135deg,#ee5a5a,#dc3545);transform:translateY(-1px)}.rule-text{color:#fff;font-size:.9rem;line-height:1.3;margin:0 0 8px}.rule-kpis h4{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:4px;margin:0 0 6px}.rule-kpis h4:before{content:"🎯";filter:drop-shadow(0 0 6px rgba(64,224,255,.4));font-size:.9rem}.kpi-tags{grid-gap:6px;align-content:flex-start;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.kpi-tag{background:linear-gradient(135deg,#40e0ff33,#00b4d81a);border:1px solid #40e0ff4d;border-radius:6px;box-shadow:0 2px 6px #40e0ff1a;color:#40e0ff;font-size:.75rem;font-weight:600;overflow:hidden;padding:3px 6px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.kpi-tag:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.kpi-tag:hover:before{left:100%}.kpi-tag:hover{box-shadow:0 4px 10px #40e0ff33;transform:translateY(-1px) scale(1.02)}.create-rule-section{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff14,#40e0ff0a);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;margin-bottom:40px;overflow:hidden;padding:32px;position:relative}.create-rule-section:before{background:linear-gradient(135deg,#40e0ff66,#00b4d833,#40e0ff66);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;z-index:-1}.create-rule-section h2{align-items:center;color:#40e0ff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 32px;text-shadow:0 0 20px #40e0ff4d}.create-rule-section h2:before{content:"✨";filter:drop-shadow(0 0 8px rgba(64,224,255,.4));font-size:1.5rem}.rule-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-template-columns:1fr 200px}.form-group label{color:#fff}.form-input,.form-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:12px;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#40e0ff;box-shadow:0 0 0 2px #40e0ff33}.form-input::placeholder,.form-textarea::placeholder{color:#b0b0b0}.form-textarea{font-family:inherit}.kpi-selection-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.selection-header h3{color:#40e0ff;font-size:1.2rem;font-weight:600;margin:0}.selection-count{background:linear-gradient(135deg,#40e0ff,#00b4d8);border-radius:12px;color:#000;font-size:.85rem;font-weight:600;padding:6px 12px}.form-actions{border-top:1px solid #ffffff1a;padding-top:16px}.cancel-button,.save-button{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.cancel-button:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.save-button{background:#00c8ff4d;border:2px solid #00c8ff;border:2px solid var(--primary-color,#00c8ff)}.save-button:hover:not(:disabled){background:#00c8ff66;box-shadow:0 4px 12px #00c8ff4d}.save-button:disabled{opacity:.5;transform:none}.empty-rules,.error-state,.loading-state{color:#b0b0b0;padding:80px 40px;position:relative;text-align:center}.empty-rules{background:linear-gradient(135deg,#40e0ff08,#00b4d803);border:2px dashed #40e0ff33;border-radius:20px;margin:20px 0;overflow:hidden;padding:60px 40px;position:relative}.empty-rules:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#40e0ff0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.empty-rules:after{animation:pulse 2s ease-in-out infinite;content:"🎯";font-size:3rem;opacity:.1;position:absolute;right:30px;top:20px}.loading-spinner{border:3px solid #40e0ff33;border-top-color:#40e0ff;height:32px;margin:0 auto 12px;width:32px}.empty-rules p,.error-state p,.loading-state p{font-size:1.1rem;margin:0;position:relative;z-index:1}.empty-rules p:first-of-type{color:#40e0ff;font-size:1.4rem;font-weight:600;margin-bottom:12px;text-shadow:0 0 10px #40e0ff4d}.empty-rules p:first-of-type:before{content:"📋 ";filter:drop-shadow(0 0 8px rgba(64,224,255,.4));font-size:1.6rem;margin-right:8px}.empty-subtitle{color:#fff;font-size:1rem!important;line-height:1.5;margin-top:12px!important;opacity:.8}.retry-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00c8ff33;border:2px solid #00c8ff66;border-radius:8px;color:#ffffffe6;font-size:.85rem;font-weight:600;margin-top:16px;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:#00c8ff4d;border-color:#00c8ff99;box-shadow:0 4px 12px #00c8ff4d;color:#fff;transform:translateY(-1px)}@media (max-width:1400px){.rules-list{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1024px){.org-kpi-rules-content{padding:24px}.rules-list{gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-row{gap:16px;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:16px}.rule-header{gap:12px}.rule-header,.rule-info{align-items:flex-start;flex-direction:column}.rule-info{gap:8px}.rule-actions{flex-direction:row;gap:6px}.delete-rule-button,.edit-rule-button{font-size:.8rem;padding:5px 10px}}@media (max-width:768px){.create-rule-section,.kpi-selection-section,.rules-section{padding:16px}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}.selection-header{align-items:flex-start;flex-direction:column;gap:12px}}[data-theme=light] .org-kpi-rules-content{background:#f8fafce6!important}[data-theme=light] .rules-section{background:#ffffffe6!important;border:2px solid #3b82f633!important;box-shadow:0 8px 32px #0000001a!important}[data-theme=light] .rules-section:before{background:linear-gradient(135deg,#3b82f666,#2563eb33,#3b82f666)!important}[data-theme=light] .section-header{border-bottom-color:#3b82f626!important}[data-theme=light] .section-header:after{background:linear-gradient(90deg,#3b82f6cc,#0000)!important}[data-theme=light] .section-header h2{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .create-rule-button{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .create-rule-button:hover{background:#3b82f633!important;border-color:#3b82f680!important;box-shadow:0 4px 15px #3b82f64d!important;color:#3b82f6!important}[data-theme=light] .ai-generate-button{background:linear-gradient(135deg,#f97316e6,#ea580ce6)!important;border-color:#f9731666!important;color:#fff!important}[data-theme=light] .ai-generate-button:hover{background:linear-gradient(135deg,#ea580ce6,#f97316e6)!important;border-color:#f9731699!important;box-shadow:0 6px 20px #f9731666!important}[data-theme=light] .rule-card{background:#ffffffe6!important;border-color:#3b82f633!important;box-shadow:0 4px 20px #0000001a!important}[data-theme=light] .rule-card:before{background:linear-gradient(90deg,#3b82f6cc,#2563eb99,#1d4ed8cc)!important}[data-theme=light] .rule-card:hover{background:#fffffff2!important;border-color:#3b82f666!important;box-shadow:0 8px 30px #00000026,0 0 20px #3b82f633!important}[data-theme=light] .rule-id,[data-theme=light] .rule-weight{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .rule-weight{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 2px 8px #3b82f633!important}[data-theme=light] .edit-rule-button{background:#3b82f6e6!important;box-shadow:0 2px 6px #3b82f64d!important;color:#fff!important}[data-theme=light] .edit-rule-button:hover{background:#2563ebe6!important;box-shadow:0 4px 10px #3b82f666!important}[data-theme=light] .delete-rule-button{background:#ef4444e6!important;color:#fff!important}[data-theme=light] .delete-rule-button:hover{background:#dc2626e6!important}[data-theme=light] .rule-kpis h4,[data-theme=light] .rule-text{color:#0f172ae6!important}[data-theme=light] .kpi-tag{background:#3b82f61a!important;border-color:#3b82f64d!important;box-shadow:0 2px 6px #3b82f61a!important;color:#3b82f6e6!important}[data-theme=light] .kpi-tag:hover{box-shadow:0 4px 10px #3b82f633!important}[data-theme=light] .create-rule-section{background:#ffffffe6!important;border:2px solid #3b82f633!important;box-shadow:0 8px 32px #0000001a!important}[data-theme=light] .create-rule-section:before{background:linear-gradient(135deg,#3b82f666,#2563eb33,#3b82f666)!important}[data-theme=light] .create-rule-section h2{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .form-group label{color:#0f172ae6!important}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{border-color:#3b82f680!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#64748b99!important}[data-theme=light] .kpi-selection-section{background:#f8fafccc!important;border-color:#64748b33!important}[data-theme=light] .selection-header h3{color:#3b82f6e6!important}[data-theme=light] .selection-count{background:#3b82f6e6!important;color:#fff!important}[data-theme=light] .form-actions{border-top-color:#64748b33!important}[data-theme=light] .cancel-button{background:#64748b1a!important;border-color:#64748b4d!important;color:#64748be6!important}[data-theme=light] .cancel-button:hover{background:#64748b33!important;color:#64748b!important}[data-theme=light] .save-button{background:#3b82f6e6!important;border-color:#3b82f6e6!important;color:#fff!important}[data-theme=light] .save-button:hover:not(:disabled){background:#2563ebe6!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=light] .error-state,[data-theme=light] .loading-state{color:#64748bcc!important}[data-theme=light] .empty-rules{background:#ffffffe6!important;border-color:#3b82f633!important}[data-theme=light] .empty-rules:before{background:radial-gradient(circle,#3b82f60d 0,#0000 70%)!important}[data-theme=light] .empty-rules p:first-of-type{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .empty-subtitle{color:#64748bcc!important}[data-theme=light] .loading-spinner{border-color:#3b82f6cc #3b82f633 #3b82f633!important}[data-theme=light] .retry-button{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .retry-button:hover{background:#3b82f633!important;border-color:#3b82f680!important;box-shadow:0 4px 12px #3b82f64d!important;color:#3b82f6!important}.quarterly-reports-header{margin-bottom:30px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.quarterly-reports-header h1{color:#40e0ff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 0 20px #40e0ff4d}.create-report-btn{align-items:center;background:linear-gradient(135deg,#40e0ff,#0080ff);border:none;border-radius:8px;box-shadow:0 4px 15px #40e0ff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-report-btn:hover{background:linear-gradient(135deg,#50f0ff,#1090ff);box-shadow:0 6px 20px #40e0ff66;transform:translateY(-2px)}.comparative-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important}.comparative-btn:hover{background:linear-gradient(135deg,#ff5252,#d63031)!important;box-shadow:0 6px 20px #ff6b6b66!important}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00142899;border:1px solid #40e0ff33;border-radius:12px;padding:20px}.filter-group{align-items:center;display:flex;gap:12px}.filter-group label{color:#40e0ff;font-size:1rem;font-weight:600}.year-select{background:#001428cc;border:1px solid #40e0ff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .3s ease}.year-select:hover{border-color:#40e0ff80}.year-select:focus{border-color:#40e0ff;box-shadow:0 0 0 2px #40e0ff33;outline:none}.success-message{background:linear-gradient(135deg,#00c851,#00a843);box-shadow:0 4px 15px #00c8514d}.error-message,.success-message{align-items:center;border-radius:8px;color:#fff;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px}.error-message{background:linear-gradient(135deg,#f44,#c00);box-shadow:0 4px 15px #ff44444d}.reports-grid-container{position:relative;transition:none}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0014284d;border-radius:12px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#40e0ff;flex-direction:column;padding:40px 20px}.spinner{border:3px solid #40e0ff33;border-top-color:#40e0ff;margin-bottom:16px}.no-reports{background:#00142866;border:2px dashed #40e0ff4d;border-radius:16px;margin:40px 0;padding:80px 20px;text-align:center}.no-reports-icon{font-size:4rem;margin-bottom:20px}.no-reports h3{color:#40e0ff;font-size:1.5rem;margin-bottom:10px}.no-reports p{color:#ffffffb3;font-size:1.1rem;margin-bottom:30px}.create-first-report-btn{background:linear-gradient(135deg,#40e0ff,#0080ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-first-report-btn:hover{background:linear-gradient(135deg,#50f0ff,#1090ff);transform:translateY(-2px)}.reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px;opacity:1;transition:opacity .2s ease-in-out}.report-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00142899;border:1px solid #40e0ff33;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.report-card:hover{border-color:#40e0ff66;box-shadow:0 4px 16px #40e0ff26}.report-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quarter-badge{background:linear-gradient(135deg,#40e0ff,#0080ff);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:6px 12px}.report-year{color:#40e0ff;font-size:1.2rem;font-weight:600}.report-actions{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.edit-btn:hover{background:#40e0ff33;border-color:#40e0ff66;color:#40e0ff}.delete-btn:hover{background:#f443;border-color:#f446;color:#f44}.report-card-content h3{color:#40e0ff;font-size:1.3rem;margin-bottom:12px}.report-preview{color:#fffc;line-height:1.6;margin-bottom:16px;min-height:80px}.report-meta{border-top:1px solid #40e0ff1a;color:#ffffff80;display:flex;flex-direction:column;font-size:.85rem;gap:4px;padding-top:12px}.modal-overlay{background:#000c}.modal-content{background:linear-gradient(135deg,#0a0e27,#1a1a2e);border:1px solid #40e0ff4d;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{margin-bottom:20px;padding:24px 24px 0}.modal-header h2{color:#40e0ff;font-size:1.8rem}.modal-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#f443;border-color:#f446;color:#f44}.modal-description{margin-bottom:10px;padding:0 24px 20px}.modal-description p{background:#00c8ff1a;border-left:3px solid #00c8ff80;border-radius:8px;color:#fffc;font-size:.9rem;line-height:1.5;margin:0;padding:12px 16px}.report-form{padding:0 24px 24px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#40e0ff;font-size:.95rem;font-weight:600}.form-group select,.form-group textarea{background:#001428cc;border:1px solid #40e0ff4d;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:12px;transition:all .3s ease}.form-group select:hover,.form-group textarea:hover{border-color:#40e0ff80}.form-group select:focus,.form-group textarea:focus{border-color:#40e0ff;box-shadow:0 0 0 2px #40e0ff33;outline:none}.form-group textarea{line-height:1.6;min-height:200px;resize:vertical}.form-group select:disabled{cursor:not-allowed;opacity:.6}.checkbox-group{margin:20px 0!important}.checkbox-label{align-items:flex-start;color:#ffffffe6;display:flex;font-size:1rem;gap:12px;transition:color .3s ease}.checkbox-label:hover{color:#40e0ffe6}.checkbox-label input[type=checkbox]{accent-color:#40e0ff;cursor:pointer;flex-shrink:0;height:18px;margin:2px 0 0;width:18px}.checkbox-text{font-weight:500;line-height:1.4}.checkbox-help{color:#fff9;font-size:.85rem;font-style:italic;line-height:1.4;margin-left:30px;margin-top:8px}.form-actions{border-top:1px solid #40e0ff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover{background:#fff3;color:#fff}.submit-btn{align-items:center;background:linear-gradient(135deg,#40e0ff,#0080ff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#50f0ff,#1090ff);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.fullscreen-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.fullscreen-modal-content{background:linear-gradient(135deg,#0a0e27,#1a1a2e);border:1px solid #40e0ff4d;border-radius:20px;box-shadow:0 25px 80px #000000b3;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:95vw}.fullscreen-modal-header{align-items:flex-start;background:#0014284d;border-bottom:1px solid #40e0ff33;display:flex;justify-content:space-between;padding:30px 40px 20px}.fullscreen-header-info h1{color:#40e0ff;font-size:2.2rem;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px #40e0ff4d}.fullscreen-report-meta{color:#fff9;display:flex;font-size:.9rem;gap:20px}.fullscreen-header-actions{align-items:center;display:flex;gap:12px}.download-image-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:6px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.download-image-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.download-image-btn:active{transform:translateY(0)}.download-image-btn .icon-download:before{content:"⬇";font-size:1rem}.report-organization-logo{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.report-organization-logo:hover{transform:translateY(-1px)}.report-logo-image{border-radius:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:auto;max-height:117px;max-width:156px;object-fit:contain;width:auto}.fullscreen-edit-btn{align-items:center;background:linear-gradient(135deg,#40e0ff,#0080ff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.fullscreen-edit-btn:hover{background:linear-gradient(135deg,#50f0ff,#1090ff);transform:translateY(-1px)}.fullscreen-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.fullscreen-close-btn:hover{background:#f443;border-color:#f446;color:#f44}.fullscreen-modal-body{flex:1 1;overflow-y:auto;padding:0}.fullscreen-report-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#ffffffe6;contain:layout style;font-size:1.1rem;line-height:1.8;max-width:none;padding:40px;text-rendering:optimizeLegibility;width:100%}.fullscreen-report-content p{color:#ffffffe6;margin-bottom:20px}.fullscreen-report-content p:last-child{margin-bottom:0}.fullscreen-report-content h1,.fullscreen-report-content h2,.fullscreen-report-content h3{color:#40e0ff;margin-bottom:15px;margin-top:30px}.fullscreen-report-content h1{border-bottom:2px solid #40e0ff4d;font-size:1.8rem;padding-bottom:10px}.fullscreen-report-content h2{font-size:1.5rem}.fullscreen-report-content h3{font-size:1.3rem}.report-text-section{margin-bottom:30px}.report-visualization-section{background:#ffffff05;border:1px solid #40e0ff1a;border-radius:12px;margin:40px 0;padding:20px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.report-visualization-section *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.report-visualization-section canvas{border:none!important;box-shadow:none!important;cursor:default!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important}.report-visualization-section canvas:focus{outline:none!important}.report-visualization-section canvas:hover{cursor:default!important}.image-capture-mode .report-visualization-section,[data-theme=dark] .image-capture-mode .report-visualization-section,[data-theme=light] .image-capture-mode .report-visualization-section{background:#0000!important;border:none!important;box-shadow:none!important;margin:20px 0!important;padding:10px!important}.image-capture-mode .report-visualization-section canvas,[data-theme=dark] .image-capture-mode .report-visualization-section canvas,[data-theme=light] .image-capture-mode .report-visualization-section canvas{background:#0000!important;border:none!important;box-shadow:none!important}.fullscreen-report-content .markdown-h1,.fullscreen-report-content .markdown-h2,.fullscreen-report-content .markdown-h3{color:#40e0ff;margin-bottom:15px;margin-top:30px}.fullscreen-report-content .markdown-h1{border-bottom:2px solid #40e0ff4d;font-size:1.8rem;padding-bottom:10px}.fullscreen-report-content .markdown-h2{font-size:1.5rem}.fullscreen-report-content .markdown-h3{font-size:1.3rem}.fullscreen-report-content .markdown-paragraph{line-height:1.7;margin-bottom:15px}.fullscreen-report-content .markdown-list{margin:15px 0;padding-left:0}.fullscreen-report-content .markdown-list-item{color:#ffffffe6;margin-bottom:8px;padding-left:20px;position:relative}.fullscreen-report-content .markdown-list-item:before{color:#40e0ff;content:"•";font-weight:700;left:0;position:absolute}.fullscreen-report-content .markdown-table{background:#00142866;border-collapse:collapse;border-radius:8px;margin:20px 0;overflow:hidden;width:100%}.fullscreen-report-content .markdown-table th{background:#40e0ff33;border-bottom:2px solid #40e0ff4d;color:#40e0ff;font-weight:600;padding:12px 15px;text-align:left}.fullscreen-report-content .markdown-table td{border-bottom:1px solid #40e0ff1a;color:#ffffffe6;padding:10px 15px}.fullscreen-report-content .markdown-table tr:nth-child(2n){background:#40e0ff0d}.fullscreen-report-content .markdown-pre{background:#00142899;border:1px solid #40e0ff33;border-radius:8px;margin:20px 0;overflow-x:auto;padding:20px}.fullscreen-report-content .markdown-code{color:#40e0ff;font-family:Courier New,monospace;font-size:.95rem;line-height:1.5}.fullscreen-report-content .markdown-inline-code{background:#40e0ff1a;border-radius:4px;color:#40e0ff;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.fullscreen-report-content strong{color:#40e0ff;font-weight:600}.icon-plus:before{content:"+"}.icon-edit:before{content:"✏️"}.icon-trash:before{content:"🗑️"}.icon-x:before{content:"✕"}.icon-check-circle:before{content:"✓"}.icon-alert-circle:before{content:"⚠"}@media (max-width:768px){.quarterly-reports-content{margin-left:0;padding:20px}.header-top{align-items:stretch;flex-direction:column;gap:20px}.form-row,.reports-grid{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}.fullscreen-modal-content{border-radius:12px;height:95vh;width:98vw}.fullscreen-modal-header{padding:20px 20px 15px}.fullscreen-header-info h1{font-size:1.6rem}.fullscreen-report-meta{flex-direction:column;gap:5px}.fullscreen-header-actions{flex-direction:column;gap:8px}.download-image-btn{font-size:.8rem;padding:8px 12px}.fullscreen-report-content{font-size:1rem;line-height:1.6;padding:20px}}[data-theme=light] .loading-overlay{background:#fffc!important}[data-theme=light] .loading-spinner{color:#3b82f6e6!important}[data-theme=light] .spinner{border-color:#3b82f6cc #3b82f633 #3b82f633!important}[data-theme=light] .btn-spinner{border-color:#fff #ffffff4d #ffffff4d!important}[data-theme=light] .quarterly-reports-header h1{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .create-report-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important;box-shadow:0 4px 15px #3b82f64d!important}[data-theme=light] .create-report-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 6px 20px #3b82f666!important}[data-theme=light] .filters-section{background:#ffffffe6!important;border-color:#64748b4d!important}[data-theme=light] .filters-section,[data-theme=light] .quarterly-reports-header .filters-section{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .quarterly-reports-header .filters-section{background:#fffffff2!important;border:1px solid #64748b4d!important}[data-theme=light] .filter-group{background:#ffffffe6!important;border:1px solid #64748b4d!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;padding:12px 16px!important}[data-theme=light] .filter-group label{color:#3b82f6e6!important}[data-theme=light] .year-select{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] #year-select,[data-theme=light] .filter-group .year-select,[data-theme=light] .filters-section .year-select{background:#fffffff2!important;border:1px solid #64748b4d!important;color:#0f172ae6!important}[data-theme=light] .year-select:hover{border-color:#3b82f680!important}[data-theme=light] .year-select:focus{border-color:#3b82f6cc!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .no-reports{background:#ffffffe6!important;border-color:#3b82f64d!important}[data-theme=light] .no-reports h3{color:#3b82f6e6!important}[data-theme=light] .no-reports p{color:#475569cc!important}[data-theme=light] .create-first-report-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .create-first-report-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}[data-theme=light] .report-card{background:#ffffffe6!important;border-color:#64748b4d!important;box-shadow:0 4px 16px #0000001a!important}[data-theme=light] .report-card:hover{border-color:#3b82f666!important;box-shadow:0 8px 24px #3b82f626!important}[data-theme=light] .quarter-badge{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .report-year{color:#3b82f6e6!important}[data-theme=light] .delete-btn,[data-theme=light] .edit-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569cc!important}[data-theme=light] .edit-btn:hover{background:#3b82f61a!important;border-color:#3b82f666!important;color:#3b82f6e6!important}[data-theme=light] .delete-btn:hover{background:#ef44441a!important;border-color:#ef444466!important;color:#ef4444e6!important}[data-theme=light] .report-card-content h3{color:#3b82f6e6!important}[data-theme=light] .report-preview{color:#475569e6!important}[data-theme=light] .report-meta{border-top-color:#3b82f61a!important;color:#64748bb3!important}[data-theme=light] .modal-overlay{background:#00000080!important}[data-theme=light] .modal-content{background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border-color:#64748b4d!important;box-shadow:0 20px 60px #00000026!important}[data-theme=light] .modal-header h2{color:#3b82f6e6!important}[data-theme=light] .modal-close-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569cc!important}[data-theme=light] .modal-close-btn:hover{background:#ef44441a!important;border-color:#ef444466!important;color:#ef4444e6!important}[data-theme=light] .modal-description p{background:#3b82f61a!important;border-left-color:#3b82f680!important;color:#475569e6!important}[data-theme=light] .form-group label{color:#3b82f6e6!important}[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#ffffffe6!important;border-color:#64748b4d!important;color:#0f172ae6!important}[data-theme=light] .form-group select:hover,[data-theme=light] .form-group textarea:hover{border-color:#3b82f680!important}[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{border-color:#3b82f6cc!important;box-shadow:0 0 0 2px #3b82f633!important}[data-theme=light] .form-actions{border-top-color:#3b82f61a!important}[data-theme=light] .cancel-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569e6!important}[data-theme=light] .cancel-btn:hover{background:#64748b33!important;color:#0f172ae6!important}[data-theme=light] .submit-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb)!important}[data-theme=light] .checkbox-label{color:#0f172ae6!important}[data-theme=light] .checkbox-label:hover{color:#3b82f6e6!important}[data-theme=light] .checkbox-label input[type=checkbox]{accent-color:#3b82f6e6!important}[data-theme=light] .checkbox-help{color:#64748bb3!important}[data-theme=light] .fullscreen-modal-overlay{background:#fffffff2!important}[data-theme=light] .fullscreen-modal-content{background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border-color:#64748b4d!important;box-shadow:0 25px 80px #00000026!important}[data-theme=light] .fullscreen-modal-header{background:#f8fafc80!important;border-bottom-color:#3b82f633!important}[data-theme=light] .fullscreen-header-info h1{color:#3b82f6e6!important;text-shadow:none!important}[data-theme=light] .fullscreen-report-meta{color:#64748bb3!important}[data-theme=light] .fullscreen-edit-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6)!important}[data-theme=light] .fullscreen-edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}[data-theme=light] .fullscreen-close-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:#475569cc!important}[data-theme=light] .fullscreen-close-btn:hover{background:#ef44441a!important;border-color:#ef444466!important;color:#ef4444e6!important}[data-theme=light] .report-logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))!important}[data-theme=light] .fullscreen-report-content,[data-theme=light] .fullscreen-report-content p{color:#0f172ae6!important}[data-theme=light] .fullscreen-report-content .markdown-h1,[data-theme=light] .fullscreen-report-content .markdown-h2,[data-theme=light] .fullscreen-report-content .markdown-h3,[data-theme=light] .fullscreen-report-content h1,[data-theme=light] .fullscreen-report-content h2,[data-theme=light] .fullscreen-report-content h3{color:#3b82f6e6!important}[data-theme=light] .fullscreen-report-content .markdown-h1{border-bottom-color:#3b82f64d!important}[data-theme=light] .fullscreen-report-content .markdown-list-item{color:#0f172ae6!important}[data-theme=light] .fullscreen-report-content .markdown-list-item:before{color:#3b82f6e6!important}[data-theme=light] .fullscreen-report-content .markdown-table{background:#f8fafc80!important}[data-theme=light] .fullscreen-report-content .markdown-table th{background:#3b82f61a!important;border-bottom-color:#3b82f64d!important;color:#3b82f6e6!important}[data-theme=light] .fullscreen-report-content .markdown-table td{border-bottom-color:#3b82f61a!important;color:#0f172ae6!important}[data-theme=light] .fullscreen-report-content .markdown-table tr:nth-child(2n){background:#3b82f60d!important}[data-theme=light] .fullscreen-report-content .markdown-pre{background:#f8fafccc!important;border-color:#3b82f633!important}[data-theme=light] .fullscreen-report-content .markdown-code{color:#3b82f6e6!important}[data-theme=light] .fullscreen-report-content .markdown-inline-code{background:#3b82f61a!important;color:#3b82f6e6!important}[data-theme=light] .fullscreen-report-content strong{color:#3b82f6e6!important}[data-theme=light] .report-visualization-section{background:#f8fafc80!important;border-color:#3b82f61a!important}body[data-theme=light] .filters-section,html[data-theme=light] .filters-section,html[data-theme=light] .quarterly-reports-header .filters-section{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#fffffff2!important;border:1px solid #64748b4d!important;box-shadow:0 4px 16px #0000001a!important}body[data-theme=light] .filter-group,html[data-theme=light] .filter-group{background:#fffffff2!important;border:1px solid #64748b4d!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;padding:12px 16px!important}body[data-theme=light] .filter-group label,html[data-theme=light] .filter-group label{color:#3b82f6e6!important}body[data-theme=light] #year-select,body[data-theme=light] .year-select,html[data-theme=light] #year-select,html[data-theme=light] .year-select{background:#fffffff2!important;border:1px solid #64748b4d!important;color:#0f172ae6!important}body[data-theme=light] .fullscreen-modal-overlay,html[data-theme=light] .fullscreen-modal-overlay{background:#fffffff2!important}.comparative-periods{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;margin-bottom:1.5rem;width:100%}.period-section{background:#00142866;border:1px solid #40e0ff33;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:350px;padding:1.5rem;width:100%}.period-section h3{color:#40e0ff;font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.period-section .form-group{margin-bottom:1rem}.period-section .form-group:last-child{margin-bottom:0}.modal-content:has(.comparative-periods){max-height:85vh!important;max-width:900px!important;width:90vw!important}.modal-content:has(.comparative-periods) .modal-body{max-height:calc(85vh - 140px)!important;overflow-y:auto!important;padding:2rem!important}@media (max-width:768px){.comparative-periods{gap:1.5rem;grid-template-columns:1fr}.modal-content:has(.comparative-periods){max-height:90vh!important;width:95vw!important}.modal-content:has(.comparative-periods) .modal-body{padding:1.5rem!important}}[data-theme=light] .period-section{background:#ffffffe6;border:1px solid #3b82f64d}[data-theme=light] .period-section h3{color:#1e40af}.quarter-badge:has-text("COMP"){background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;min-width:45px;padding:4px 8px;text-align:center}.quarter-badge.comparative{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important}.dashboard-preview{background:#f8f9fa;border-radius:8px;flex:1 1;margin-left:20px;overflow:auto;padding:20px;position:relative}.preview-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.preview-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.preview-actions{display:flex;gap:10px}.preview-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.preview-btn{background:#007bff;color:#fff}.preview-btn:hover{background:#0056b3}.dashboard-grid{grid-gap:10px;background:#fff;border:2px dashed #dee2e6;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(20,60px);min-height:600px;padding:15px;position:relative}.dashboard-grid.drag-over{background:#f8f9ff;border-color:#007bff}.grid-lines{opacity:.1;pointer-events:none}.grid-lines,.grid-lines:before{bottom:0;left:0;position:absolute;right:0;top:0}.grid-lines:before{background-image:linear-gradient(90deg,#000 1px,#0000 0),linear-gradient(180deg,#000 1px,#0000 0);background-size:8.33333% 60px;content:""}.widget-preview{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:move;padding:12px;position:relative;transition:all .2s ease}.widget-preview:hover{border-color:#007bff;box-shadow:0 4px 8px #00000026}.widget-preview.dragging{opacity:.7;transform:rotate(3deg);z-index:1000}.widget-preview.overlap{background:#fff5f5;border-color:#dc3545}.widget-header{border-bottom:1px solid #e9ecef;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.widget-header,.widget-title{align-items:center;display:flex}.widget-title{color:#495057;font-size:.9rem;font-weight:600;gap:6px}.widget-icon{font-size:1rem}.widget-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-actions{display:flex;gap:4px}.widget-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:.6;padding:4px;transition:all .2s ease}.widget-action-btn:hover{background:#f8f9fa;opacity:1}.edit-btn:hover{color:#007bff}.remove-btn:hover{color:#dc3545}.widget-content{display:flex;flex-direction:column;height:calc(100% - 40px)}.widget-type-label{color:#6c757d;font-size:.8rem;font-weight:600;margin-bottom:6px;text-transform:uppercase}.widget-calculation,.widget-kpis{color:#6c757d;font-size:.75rem;margin-bottom:4px}.widget-calculation small,.widget-kpis small{background:#e9ecef;border-radius:3px;padding:2px 6px}.widget-preview-placeholder{flex:1 1;margin-top:8px}.preview-chart-mock,.widget-preview-placeholder{align-items:center;display:flex;justify-content:center}.preview-chart-mock{height:100%;width:100%}.mock-chart-bars{align-items:end;display:flex;gap:3px;height:40px;width:60px}.mock-bar{background:linear-gradient(0deg,#007bff,#66b3ff);border-radius:2px 2px 0 0;flex:1 1;min-height:8px}.mock-metric{text-align:center}.mock-number{color:#007bff;font-size:1.2rem;font-weight:700;margin-bottom:2px}.mock-label{color:#6c757d;font-size:.7rem}.mock-table{height:100%;width:100%}.mock-row{display:flex;gap:2px;margin-bottom:2px}.mock-row.header .mock-cell{background:#e9ecef;height:8px}.mock-cell{background:#f8f9fa;border-radius:1px;flex:1 1;height:6px}.empty-dashboard{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.empty-dashboard-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-dashboard h3{font-size:1.2rem;font-weight:600;margin:0 0 8px}.empty-dashboard p{font-size:.9rem;margin:0;opacity:.8}.dashboard-loading{align-items:center;color:#6c757d;display:flex;font-size:1.1rem;height:400px;justify-content:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#007bff;display:inline-block;height:20px;margin-right:10px;width:20px}@media (max-width:768px){.dashboard-preview{margin-left:0;margin-top:20px}.dashboard-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(30,50px)}.widget-preview{padding:8px}.widget-name{max-width:80px}}.configuration-sidebar{background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden;width:350px}.sidebar-nav{background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;gap:.25rem;padding:.5rem}.nav-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:1.2rem;justify-content:center;padding:.75rem;transition:all .2s ease}.nav-button:hover{background:#3b82f61a;background:var(--primary-color-light,#3b82f61a);color:var(--primary-color)}.nav-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h3{margin:0}.add-button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-button:hover{background:#2563eb;background:var(--primary-color-dark,#2563eb);transform:translateY(-1px)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color)}.form-input,.form-textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:.5rem;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin:0;width:auto}.dashboard-stats{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1rem}.stat-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-item:last-child{margin-bottom:0}.stat-label{font-size:.9rem}.stat-value{color:var(--primary-color);font-weight:600}.tabs-list{display:flex;flex-direction:column;gap:.5rem}.tab-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.tab-item:hover{background:#3b82f60d;background:var(--primary-color-light,#3b82f60d)}.tab-item.active,.tab-item:hover{border-color:var(--primary-color)}.tab-item.active{background:#3b82f61a;background:var(--primary-color-light,#3b82f61a)}.tab-icon{flex-shrink:0}.icon-select{background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.tab-content{flex:1 1;min-width:0}.tab-name-input{background:var(--background-color);border:1px solid var(--primary-color);border-radius:4px;color:var(--text-color);font-size:.9rem;padding:.25rem .5rem;width:100%}.tab-info{display:flex;flex-direction:column;gap:.25rem}.tab-name{color:var(--text-color);font-weight:500}.tab-widgets-count{color:var(--text-muted);font-size:.8rem}.tab-actions{display:flex;flex-shrink:0;gap:.5rem}.delete-button,.edit-button{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:.25rem;transition:background-color .2s ease}.edit-button:hover{background:#3b82f61a}.delete-button:hover{background:#dc26261a}.current-tab-info{background:#3b82f61a;background:var(--primary-color-light,#3b82f61a);border:1px solid #3b82f633;border:1px solid var(--primary-color-light,#3b82f633);border-radius:6px;color:var(--text-color);font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.current-widgets h4,.widget-types h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.widget-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.widget-type-card{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .2s ease}.widget-type-card:hover{background:#3b82f60d;background:var(--primary-color-light,#3b82f60d);border-color:var(--primary-color);transform:translateY(-2px)}.widget-icon{font-size:1.5rem;margin-bottom:.5rem}.widget-type-info h5{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.widget-type-info p{color:var(--text-muted);font-size:.8rem;margin:0}.widgets-list{display:flex;flex-direction:column;gap:.5rem}.widget-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.widget-info{display:flex;flex-direction:column;gap:.25rem}.widget-name{color:var(--text-color);font-size:.9rem;font-weight:500}.widget-type{color:var(--text-muted);font-size:.8rem}.widget-position{color:var(--primary-color);font-size:.8rem;font-weight:500}.settings-group{margin-bottom:2rem}.settings-group h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.settings-description{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin:0}.data-summary{display:flex;flex-direction:column;gap:.5rem}.data-item{align-items:center;background:var(--background-color);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.data-label{color:var(--text-muted);font-size:.9rem}.data-value{color:var(--primary-color);font-weight:600}.color-presets{display:flex;flex-direction:column;gap:.75rem}.color-preset{background:var(--background-color);border:1px solid var(--border-color);gap:.75rem}.color-preview{display:flex;gap:2px}.color-swatch{border:1px solid var(--border-color);border-radius:2px;height:16px;width:16px}.preset-name{color:var(--text-color);font-size:.9rem}@media (max-width:1024px){.configuration-sidebar{width:300px}.widget-type-grid{grid-template-columns:1fr}}@media (max-width:768px){.configuration-sidebar{height:auto;max-height:400px;width:100%}}[data-theme=dark] .configuration-sidebar{background:#1e293b;border-right-color:#334155}[data-theme=dark] .sidebar-nav{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .nav-button{color:#94a3b8}[data-theme=dark] .nav-button:hover{background:#3b82f633;color:#60a5fa}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:#0f172a;border-color:#475569;color:#e2e8f0}[data-theme=dark] .color-preset,[data-theme=dark] .dashboard-stats,[data-theme=dark] .data-item,[data-theme=dark] .tab-item,[data-theme=dark] .widget-item,[data-theme=dark] .widget-type-card{background:#0f172a;border-color:#475569}[data-theme=dark] .current-tab-info{background:#3b82f633;border-color:#3b82f64d}.modal-overlay{background:#00000080;z-index:1000}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.widget-config-modal{width:800px}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 24px}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:4px 8px;transition:all .2s ease}.close-btn:hover{background:#e9ecef;color:#495057}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.config-section{border-bottom:1px solid #e9ecef;margin-bottom:32px;padding-bottom:24px}.config-section:last-of-type{margin-bottom:0;padding-bottom:0}.config-section h3{color:#2c3e50;font-weight:600;margin:0 0 16px}.form-group{margin-bottom:20px}.form-group label{color:#495057;font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#007bff}.form-row{grid-gap:16px;gap:16px}.kpi-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.kpi-checkbox{align-items:center;padding:8px 12px}.kpi-checkbox input[type=checkbox]{margin:0}.calculation-description{color:#6c757d;display:block;font-size:.8rem;font-style:italic;margin-top:4px}.color-preset-grid{grid-gap:12px;gap:12px;margin-top:8px}.color-preset{align-items:center;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.color-preset:hover{border-color:#007bff}.color-preset.selected{background:#f8f9ff;border-color:#007bff}.preset-color{border-radius:3px}.preset-name{color:#495057;text-align:center}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;gap:12px;padding:20px 24px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{background:#6c757d}.kpi-categories{border:1px solid #e9ecef;padding:12px}.kpi-category{margin-bottom:20px}.kpi-category:last-child{margin-bottom:0}.kpi-category-title{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#495057;font-size:1rem;margin:0 0 8px;padding:8px 12px}.kpi-info{display:flex;flex-direction:column;gap:2px}.kpi-name{color:#495057;font-size:.9rem}.kpi-code{color:#6c757d;font-family:Courier New,monospace}.kpi-units{color:#28a745;font-size:.8rem;font-weight:500}.kpi-description{cursor:help;font-size:.8rem;opacity:.7;transition:opacity .2s ease}.kpi-description:hover{opacity:1}.no-kpis-message{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;padding:20px}.no-kpis-message p{font-style:italic;margin:0}.kpi-checkbox{border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;gap:8px;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}.kpi-checkbox:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.kpi-checkbox input[type=checkbox]{width:auto}.kpi-checkbox input[type=checkbox]:checked+.kpi-info .kpi-name{color:#007bff}.dashboard-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dashboard-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;position:relative;transition:all .2s ease}.dashboard-item:hover{background:#3b82f60d;background:var(--hover-background,#3b82f60d);border-color:var(--primary-color);transform:translateY(-1px)}.dashboard-item.current{background:#3b82f61a;background:var(--primary-background,#3b82f61a);border-color:var(--primary-color)}.dashboard-info{flex:1 1}.dashboard-name{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.dashboard-description{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin-bottom:.25rem}.dashboard-meta{color:var(--text-muted);font-size:.75rem}.dashboard-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.current-indicator{color:#28a745;color:var(--success-color,#28a745);font-size:1.1rem;font-weight:700}.delete-dashboard-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;opacity:.7;padding:.25rem;transition:all .2s ease}.delete-dashboard-btn:hover{background:#dc3545;background:var(--danger-color,#dc3545);color:#fff;opacity:1;transform:scale(1.1)}.dashboard-item:hover .delete-dashboard-btn{opacity:1}.no-dashboards{color:var(--text-secondary);padding:2rem 1rem;text-align:center}.no-dashboards p{font-size:.9rem;margin:.5rem 0}.create-new-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:background .2s ease;width:100%}.create-new-button:hover{background:#3b82f6e6;background:var(--primary-hover,#3b82f6e6)}.widget-config-modal{height:auto!important;max-height:90vh!important;max-width:900px!important;width:90vw!important}.widget-config-modal .modal-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:1.5rem}.widget-config-modal .modal-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.widget-config-modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.config-section{border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--border-light,#f1f3f4);margin-bottom:2rem;padding-bottom:1.5rem}.config-section:last-of-type{border-bottom:none}.config-section h3{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.kpi-categories{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;max-height:400px;overflow-y:auto}.kpi-category{border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--border-light,#f1f3f4)}.kpi-category:last-child{border-bottom:none}.kpi-category-title{background:#007bff1a;background:var(--primary-background,#007bff1a);border-bottom:1px solid #f1f3f4;border-bottom:1px solid var(--border-light,#f1f3f4);color:var(--primary-color);font-weight:600;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.kpi-list{padding:.5rem}.kpi-checkbox{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s ease}.kpi-checkbox:hover{background:#007bff0d;background:var(--hover-background,#007bff0d)}.kpi-checkbox input[type=checkbox]{flex-shrink:0;margin:2px 0 0;width:auto!important}.kpi-info{flex:1 1;min-width:0}.kpi-name{color:var(--text-primary);font-weight:500;line-height:1.3}.kpi-code,.kpi-name{margin-bottom:.25rem}.kpi-code{background:#f8f9fa;background:var(--code-background,#f8f9fa);border-radius:3px;color:var(--text-muted);display:inline-block;font-family:monospace;font-size:.8rem;padding:.2rem .4rem}.kpi-units{font-style:italic;margin-bottom:.25rem}.kpi-description,.kpi-units{color:var(--text-secondary);font-size:.85rem}.kpi-description{line-height:1.4}.kpi-checkbox input[type=checkbox]:checked+.kpi-info .kpi-name{color:var(--primary-color);font-weight:600}.no-kpis-message{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.position-size-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.color-preset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.5rem}.color-preset{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.75rem;text-align:center;transition:all .2s ease}.color-preset:hover{border-color:var(--primary-color);transform:translateY(-2px)}.color-preset.selected{background:#007bff1a;background:var(--primary-background,#007bff1a);border-color:var(--primary-color)}.preset-colors{display:flex;gap:2px;justify-content:center;margin-bottom:.5rem}.preset-color{border:1px solid #0000001a;border-radius:2px;height:16px;width:16px}.preset-name{color:var(--text-primary);font-size:.8rem;font-weight:500}.modal-actions{background:#fff;border-top:1px solid var(--border-color);bottom:0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;position:-webkit-sticky;position:sticky;z-index:10}.modal-actions .btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.modal-actions .btn-secondary{background:#6c757d;background:var(--secondary-color,#6c757d);color:#fff}.modal-actions .btn-secondary:hover{background:#5a6268;background:var(--secondary-hover,#5a6268)}.modal-actions .btn-primary{background:var(--primary-color);color:#fff}.modal-actions .btn-primary:hover{background:var(--primary-hover)}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.widget-config-modal{margin:1rem!important;max-width:none!important;width:95vw!important}.form-row,.position-size-grid{grid-template-columns:1fr}.color-preset-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-height:600px){.widget-config-modal{max-height:95vh!important}.kpi-categories{max-height:200px}}.dashboard-config-page{background:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}.dashboard-config-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.header-left{align-items:center;display:flex;gap:1rem}.back-button{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.header-info h1{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.header-info p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.header-actions{gap:1rem}.header-actions,.save-button{align-items:center;display:flex}.save-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.save-button:hover:not(:disabled){background:#2563eb;background:var(--primary-color-dark,#2563eb);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.dashboard-config-content{display:flex;flex:1 1;overflow:hidden}.dashboard-preview-area{background:var(--background-color);flex:1 1;overflow:auto;padding:2rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}.error-container h2{color:#dc2626;color:var(--error-color,#dc2626);margin-bottom:1rem}.error-container p{color:var(--text-muted);margin-bottom:2rem;max-width:400px}.retry-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#2563eb;background:var(--primary-color-dark,#2563eb)}@media (max-width:1024px){.dashboard-config-content{flex-direction:column}.dashboard-preview-area{padding:1rem}}@media (max-width:768px){.dashboard-config-header{flex-direction:column;gap:1rem;padding:1rem}.header-left{justify-content:space-between;width:100%}.header-actions{justify-content:center;width:100%}.dashboard-preview-area{padding:.5rem}}[data-theme=dark] .dashboard-config-page{background:#0f172a;color:#e2e8f0}[data-theme=dark] .dashboard-config-header{background:#1e293b;border-bottom-color:#334155}[data-theme=dark] .back-button{border-color:#475569;color:#e2e8f0}[data-theme=dark] .back-button:hover{background:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .header-info h1{color:#e2e8f0}[data-theme=dark] .header-info p{color:#94a3b8}[data-theme=dark] .loading-spinner{border-color:#475569;border-top-color:var(--primary-color)}[data-theme=dark] .error-container h2{color:#ef4444}[data-theme=dark] .error-container p{color:#94a3b8}.executive-search-fullscreen{height:100vh;left:0;position:fixed;top:0;width:100vw}.executive-search-container{height:100vh;overflow:hidden;padding:1rem}.conversation-header{border-bottom:1px solid var(--border-color)}.data-stats .stat{border:1px solid var(--border-color)}.conversation-messages{flex:1 1;height:calc(100vh - 200px);margin:0 auto;max-width:1500px;overflow-y:auto;padding:1rem 0 200px}.example-question{border:1px solid var(--border-color)}.messages-list{margin:0 auto;max-width:1500px}.message-avatar{border:1px solid var(--border-color);font-size:1.2rem;height:40px;width:40px}.message.user .message-avatar{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.message-content{flex:1 1;max-width:calc(100% - 60px)}.message-text{border:1px solid var(--border-color);line-height:1.6;padding:1rem 1.25rem}.message.user .message-text{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.conversation-input{position:fixed;transition:all .5s ease}.conversation-input.has-messages{bottom:20px;position:fixed;top:auto;transform:translateX(-50%)}.input-container{flex-direction:column;gap:1rem}.message-input{background:#fff;border:2px solid var(--border-color);padding:1.125rem 1.5rem}.send-button{border-radius:12px;font-size:1.1rem;font-weight:600;height:50px;min-width:120px;padding:1rem 2rem;transition:all .3s ease}.send-button:hover:not(:disabled){box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.executive-search-container{padding:.5rem}.conversation-title{font-size:2rem}.conversation-subtitle{font-size:1rem}.data-stats{flex-direction:column;gap:.5rem}.conversation-messages{padding:.5rem 0}.messages-list{padding:0 .5rem}.message{gap:.75rem}.message-avatar{font-size:1rem;height:32px;width:32px}.message-content{max-width:calc(100% - 50px)}.message-text{font-size:.95rem;padding:.75rem 1rem}.welcome-message{padding:2rem 1rem}.welcome-icon{font-size:3rem}.welcome-message h3{font-size:1.5rem}.example-grid{grid-template-columns:1fr}.conversation-input{padding:.75rem}.input-container{gap:.75rem;max-width:95%;width:95%}.message-input{font-size:1.1rem;padding:1rem 1.25rem}.send-button{min-width:100px;width:auto}.input-logo{height:84px;margin-bottom:.75rem}.input-tagline{font-size:1rem;margin-bottom:1.5rem}.analyzing-status .analyzing-text h3{font-size:1.1rem}.analyzing-status .analyzing-text p{font-size:.9rem}.loading-interface .search-title{font-size:2rem}.top-left-logo{left:calc(.5rem + 1%);top:calc(.5rem + 2%)}.org-logo{height:90px}.top-right-stats{flex-direction:column;gap:.5rem;right:.5rem;top:.5rem}.top-right-stats .stat{font-size:.8rem;padding:.2rem .4rem}}.bottom-link{bottom:30%}.dashboard-link{color:#555;font-size:1rem;padding:0}.dashboard-link:hover{color:#333}[data-theme=light] .message-input{border-color:#64748b4d}[data-theme=light] .input-error{border-color:#fecaca}[data-theme=dark] .message-input{border-color:#00c8ff4d}[data-theme=dark] .input-error{border-color:#ef444466}.exec-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.25rem 0}.exec-kpi-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-height:120px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.exec-kpi-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.exec-kpi-label{font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0;opacity:.9;text-transform:uppercase}.exec-kpi-value{font-size:2rem;font-weight:700;line-height:1;margin:.5rem 0 .25rem}.exec-kpi-desc{font-size:.8rem;line-height:1.2;margin:0;opacity:.85}.exec-kpi-change{font-size:.85rem;font-weight:600;margin-top:.25rem;opacity:.95}@media (max-width:768px){.exec-kpi-grid{grid-template-columns:1fr}}.exec-chart-card{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;margin:1.25rem 0;padding:1.75rem}.exec-chart-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:650;letter-spacing:-.01em;line-height:1.4;margin:0 0 1.25rem;padding-bottom:.75rem}.exec-chart-container{height:350px;position:relative;width:100%}[data-theme=dark] .exec-chart-card{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .exec-chart-title{border-color:#ffffff1a;color:#ffffffe6}@media (max-width:768px){.exec-chart-container{height:300px}.exec-chart-card{padding:1rem}}.exec-highlight-box{border-left:4px solid;border-radius:10px;font-size:15px;letter-spacing:-.011em;line-height:1.7;margin:1.25rem 0;padding:1.25rem 1.5rem}.exec-highlight-box p{line-height:1.7;margin:.75rem 0}.exec-highlight-box p:first-child{margin-top:0}.exec-highlight-box p:last-child{margin-bottom:0}.exec-highlight-box strong{font-weight:650}.exec-highlight-box em{font-style:italic}.exec-highlight-box ol,.exec-highlight-box ul{line-height:1.7;margin:.875rem 0;padding-left:1.75rem}.exec-highlight-box li{line-height:1.7;margin:.5rem 0}.exec-highlight-success{background:#d1fae5;border-color:#10b981;color:#065f46}.exec-highlight-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.exec-highlight-info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.exec-highlight-error{background:#fee2e2;border-color:#ef4444;color:#991b1b}[data-theme=dark] .exec-highlight-success{background:#10b98126;color:#6ee7b7}[data-theme=dark] .exec-highlight-warning{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .exec-highlight-info{background:#3b82f626;color:#93c5fd}[data-theme=dark] .exec-highlight-error{background:#ef444426;color:#fca5a5}.exec-markdown-text{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:15px;letter-spacing:-.011em;line-height:1.7;margin:.25rem 0}.exec-markdown-text h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:1.5rem 0 1rem}.exec-markdown-text h2{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.375rem;font-weight:650;letter-spacing:-.015em;line-height:1.3;margin:1.25rem 0 .75rem;padding-bottom:.5rem}.exec-markdown-text h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:1rem 0 .625rem}.exec-markdown-text h1:first-child,.exec-markdown-text h2:first-child,.exec-markdown-text h3:first-child{margin-top:0}.exec-markdown-text p{line-height:1.7;margin:.875rem 0}.exec-markdown-text p+p{margin-top:1rem}.exec-markdown-text p:first-child{margin-top:0}.exec-markdown-text p:last-child{margin-bottom:0}.exec-markdown-text strong{color:var(--text-primary);font-weight:650}.exec-markdown-text em{color:var(--text-primary);font-style:italic}.exec-markdown-text ol,.exec-markdown-text ul{line-height:1.7;margin:1rem 0;padding-left:1.75rem}.exec-markdown-text li{line-height:1.7;margin:.5rem 0}.exec-markdown-text li>p{margin:.25rem 0}.exec-markdown-text li>ol,.exec-markdown-text li>ul{margin:.5rem 0}.exec-markdown-text table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;font-size:.9375rem;margin:1.5rem 0;overflow:hidden;width:100%}.exec-markdown-text table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exec-markdown-text table th{border:none;font-size:.875rem;font-weight:650;letter-spacing:.8px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.exec-markdown-text table td{border-bottom:1px solid #e5e7eb;line-height:1.6;padding:1rem 1.25rem}.exec-markdown-text table td:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exec-markdown-text table tbody tr:last-child td{border-bottom:none}.exec-markdown-text table tbody tr:hover{background:#f3f4f6}.exec-markdown-text table tbody tr:nth-child(2n){background:#f9fafb}.exec-markdown-text table tbody tr:nth-child(2n):hover{background:#f3f4f6}.exec-markdown-text code{background:#87837826;border-radius:3px;color:#eb5757;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;padding:.2em .4em}.exec-markdown-text pre{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;font-size:.875rem;line-height:1.6;margin:1.25rem 0;overflow-x:auto;padding:1rem 1.25rem}.exec-markdown-text pre code{background:none;border-radius:0;color:inherit;font-size:inherit;padding:0}.exec-markdown-text blockquote{background:#667eea0d;border-left:4px solid #667eea;border-radius:0 6px 6px 0;color:var(--text-primary);font-style:italic;margin:1.25rem 0;padding:1rem 1.5rem}.exec-markdown-text blockquote p{margin:.5rem 0}.exec-markdown-text blockquote p:first-child{margin-top:0}.exec-markdown-text blockquote p:last-child{margin-bottom:0}.exec-markdown-text a{border-bottom:1px solid #0000;color:#667eea;font-weight:500;text-decoration:none;transition:all .2s ease}.exec-markdown-text a:hover{border-bottom-color:#764ba2;color:#764ba2}.exec-markdown-text hr{background:linear-gradient(90deg,#0000,var(--border-color),#0000);border:none;height:2px;margin:2rem 0}.exec-markdown-text>:not(:first-child){margin-top:1.25rem}.exec-markdown-text>:not(:last-child){margin-bottom:1.25rem}[data-theme=dark] .exec-markdown-text table{background:#ffffff0d}[data-theme=dark] .exec-markdown-text table tbody tr:nth-child(2n){background:#ffffff05}[data-theme=dark] .exec-markdown-text table tbody tr:hover{background:#ffffff14}[data-theme=dark] .exec-markdown-text table td{border-bottom-color:#ffffff1a}[data-theme=dark] .exec-markdown-text pre{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .exec-markdown-text code{background:#ffffff1a;color:#ff6b6b}[data-theme=dark] .exec-markdown-text blockquote{background:#667eea1a;border-left-color:#667eea}.analysis-status{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px;padding:2rem}.analyzing-message,.ready-message{align-items:center;display:flex;flex-direction:column;max-width:500px;text-align:center}.loading-spinner{margin-bottom:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#2a4065;height:60px;width:60px}.analyzing-text h3,.ready-text h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.analyzing-text p,.ready-text p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.ready-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.ready-logo{height:120px;opacity:.9;width:auto}@media (max-width:768px){.analysis-status{min-height:300px;padding:1rem}.spinner{height:40px;width:40px}.ready-icon{font-size:3rem}.ready-logo{height:80px}.analyzing-text h3,.ready-text h3{font-size:1.25rem}}.executive-search-fullscreen{background:#fff;display:block!important;height:auto!important;max-height:none!important;min-height:100vh;overflow:visible!important;position:relative!important;width:100%;z-index:9999}.executive-search-fullscreen:before{display:none!important}body:has(.executive-search-fullscreen),html:has(.executive-search-fullscreen){height:auto!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important}body:has(.executive-search-fullscreen) .App{display:block!important;flex:none!important;height:auto!important;max-height:none!important;min-height:100vh!important;overflow:visible!important;position:static!important}#root:has(.executive-search-fullscreen){height:auto!important;min-height:100vh!important;overflow:visible!important}body:has(.executive-search-fullscreen) .data-node,body:has(.executive-search-fullscreen) .hud-data-nodes,body:has(.executive-search-fullscreen) .hud-scan-lines,body:has(.executive-search-fullscreen) .scan-line{display:none!important;opacity:0!important;visibility:hidden!important}body:has(.executive-search-fullscreen):before{animation:none!important;display:none!important}.executive-search-fullscreen~* .hud-data-nodes,.executive-search-fullscreen~* .hud-scan-lines{display:none!important}.App:has(.executive-search-fullscreen) .hud-data-nodes,.App:has(.executive-search-fullscreen) .hud-scan-lines{display:none!important}.executive-search-container{align-items:stretch;display:flex;flex-direction:column;gap:2rem;height:auto!important;max-height:none!important;min-height:100vh;overflow:visible!important;padding:1rem 1rem 150px;position:relative;width:100%}.top-left-logo{left:calc(1rem + 1%);position:absolute;top:calc(1rem + 2%);z-index:100}.org-logo{height:120px;opacity:.8;width:auto}.top-right-stats{align-items:center;display:flex;gap:1rem;position:absolute;right:1rem;top:1rem;z-index:100}.top-right-stats .stat{background:#0000;border:none;color:#888;font-size:.9rem;padding:.25rem .5rem}.persona-selector-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fffffff2;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.persona-selector-button:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.persona-icon-small{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;min-height:28px;min-width:28px;overflow:hidden;width:28px}.persona-icon-small img{height:100%;object-fit:contain;padding:2px;width:100%}.persona-icon-small span{align-items:center;display:flex;font-size:16px;justify-content:center;line-height:1}.persona-selector-button .persona-name{color:#fffffff2;font-size:13px;font-weight:500;white-space:nowrap}[data-theme=light] .persona-selector-button{background:#0000000a;border-color:#0000001a;color:#0f172ae6}[data-theme=light] .persona-selector-button:hover{background:#00000014;border-color:#00000026}.persona-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.persona-modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a2130fa,#121926fa);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.persona-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 28px}.persona-modal-header h2{color:#fffffff2;font-size:24px;font-weight:600;margin:0}.persona-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.persona-modal-close:hover{background:#ffffff1a;color:#ffffffe6}.persona-modal-body{max-height:calc(85vh - 100px);overflow-y:auto;padding:24px}.persona-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.persona-card{background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;transition:all .2s ease}.persona-card:hover:not(.unavailable){background:#667eea14;border-color:#0000;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.persona-card.selected{background:#667eea26;border-color:#0000}.persona-card.unavailable{cursor:not-allowed;filter:grayscale(70%);opacity:.4}.persona-card-icon{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:4px;overflow:hidden;width:64px}.persona-card-icon img{height:100%;object-fit:contain;padding:6px;width:100%}.persona-emoji{font-size:32px}.persona-card-info h3{color:#fffffff2;font-size:16px;font-weight:600;margin:0 0 8px}.persona-card-description{color:#fff9;flex:1 1;font-size:13px;line-height:1.5;margin:0 0 12px}.persona-role-badge{background:#667eea33;border:1px solid #0000;border-radius:12px;color:#fffc;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.persona-selected-badge{background:#667eea;color:#fff;font-size:12px;font-weight:600}.persona-locked-badge,.persona-selected-badge{align-items:center;border-radius:20px;display:flex;gap:6px;padding:6px 12px;position:absolute;right:12px;top:12px}.persona-locked-badge{background:#ffffff14;color:#ffffff80;font-size:11px;font-weight:500}[data-theme=light] .persona-modal-content{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#0000001a}[data-theme=light] .persona-modal-header{border-bottom-color:#00000014}[data-theme=light] .persona-modal-header h2{color:#0f172ae6}[data-theme=light] .persona-modal-close{color:#0f172a80}[data-theme=light] .persona-modal-close:hover{background:#0000000d;color:#0f172ae6}[data-theme=light] .persona-card{background:#00000005;border-color:#00000014}[data-theme=light] .persona-card:hover:not(.unavailable){background:#667eea0f;border-color:#0000}[data-theme=light] .persona-card.selected{background:#667eea1f;border-color:#0000}[data-theme=light] .persona-card-info h3{color:#0f172ae6}[data-theme=light] .persona-card-description{color:#0f172a99}[data-theme=light] .persona-role-badge{background:#667eea26;border-color:#0000;color:#0f172acc}.conversation-header{border-bottom:1px solid #0000;flex-shrink:0;margin-bottom:1rem;padding-bottom:1rem}.header-content{margin-bottom:1rem;text-align:center}.conversation-logo{height:60px;margin-bottom:.5rem;width:auto}.conversation-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.data-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.data-stats .stat{background:var(--surface-color);border:1px solid #0000;border-radius:20px;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem}.clear-conversation{background:#ff6b6b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.clear-conversation:hover{background:#ff5252;transform:translateY(-1px)}.conversation-messages{align-items:stretch;display:flex;flex:0 1 auto;flex-direction:column;height:auto!important;justify-content:flex-start;margin:80px 0 2rem;max-width:100%;overflow:visible!important;padding:1rem 0;width:100%}.welcome-message{margin:0 auto;max-width:600px;padding:3rem 2rem;text-align:center}.welcome-message h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.welcome-message p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.example-questions p{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.example-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.example-question{background:var(--surface-color);border:1px solid #0000;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;line-height:1.4;padding:1rem;text-align:left;transition:all .3s ease}.example-question:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.messages-list{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;margin:0;overflow:visible!important;padding:0 1rem}.message,.messages-list{max-width:100%;width:100%}.message{align-items:flex-start;height:auto;overflow:visible}.message.user{background:#0000!important;border:none!important;box-shadow:none!important;flex-direction:row;gap:.5rem;justify-content:flex-end;padding:0;width:100%}.message-avatar{border:1px solid #0000;font-size:2.4rem;height:80px!important;width:80px!important}.ai-avatar-img{background:#fff;object-fit:contain;padding:8px}.ai-avatar-emoji,.ai-avatar-img{border-radius:50%;height:100%;width:100%}.ai-avatar-emoji{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;font-size:3rem;justify-content:center}.message-content{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;height:auto;max-width:100%;overflow:visible;width:100%}.message.assistant .message-content{max-width:calc(100% - 100px)}.executive-search-container .message-content{background:none!important;border-radius:0;box-shadow:none!important;padding:0}.message.user .message-content{align-items:flex-end;display:flex;flex:1 1 auto;justify-content:flex-end;max-width:100%;text-align:right;width:100%}.executive-search-container .message.user .message-content{background:none!important;background-image:none!important;border:none!important;box-shadow:none!important;padding:0}.message-text{align-self:flex-start;background:var(--surface-color);border:1px solid #0000;border-radius:16px;color:var(--text-primary);display:flex;flex-direction:column;font-size:15px;line-height:1.7;min-width:0;padding:2rem;width:100%}.message-text>div{display:block!important;height:auto!important;margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}.message-text div[style=""]:empty,.message-text div[style]:empty{display:none!important;height:0!important;line-height:0!important;margin:0!important;padding:0!important}.message-text>div:not([class]){display:contents!important}.message-text>div:first-child{margin-top:0!important;padding-top:0!important}.message-text>div:last-child{margin-bottom:0!important;padding-bottom:0!important}.message-text>div>:first-child{margin-top:0!important}.message-text>div>:last-child{margin-bottom:0!important}.message-text *{max-height:none!important}.message-text :empty:not(br):not(hr):not(img):not(input):not(textarea):not(th):not(td){display:none!important;height:0!important;margin:0!important;padding:0!important}.message-text div:not(.kpi-grid):not(.kpi-card):not(.two-column-layout):not(.column-left):not(.column-right):not(.highlight-box):not(.comparison-grid):not(.comparison-item):not(.loading-content):not(.typing-indicator):not(.tool-calls):not(.tool-call){display:contents!important}.message-text div:has(>h1),.message-text div:has(>h2),.message-text div:has(>h3),.message-text div:has(>table){display:block!important;height:auto!important;margin:0!important;min-height:0!important;padding:0!important}.message-text h2{border-bottom:2px solid #0000;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.25rem!important;margin-top:1rem!important;padding-bottom:.4rem}.message-text h2:first-child,.message-text>:first-child,.message-text>h2:first-of-type{margin-top:0!important}.message-text>:last-child{margin-bottom:0!important}.message-text table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #00000014;font-size:.95rem;margin:.25rem 0!important;overflow:hidden;width:100%}.message-text h2+div>table:first-child,.message-text h2+table{margin-top:.25rem!important}.message-text table+table{margin-top:.5rem!important}.message-text table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text table th{border:none;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.875rem;text-align:left;text-transform:uppercase}.message-text table td{border-bottom:1px solid #e5e7eb;padding:.875rem}.message-text table tbody tr:last-child td{border-bottom:none}.message-text table tbody tr:hover{background:#f3f4f6}.message-text table tbody tr:nth-child(2n){background:#f9fafb}.message-text table tbody tr:nth-child(2n):hover{background:#f3f4f6}.message-text hr{border:none;border-top:2px solid #0000;margin:1.25rem 0!important}.message-text h2+h2{margin-top:.75rem!important}.message-text table+h2{margin-top:1rem!important}.message-text h2+p{margin-top:.35rem!important}.message-text ul{margin:.6rem 0!important;padding-left:1.5rem}.message-text li{margin:.25rem 0!important}.message-text ul:first-child{margin-top:0!important}.message-text ul:last-child{margin-bottom:0!important}.message-text h2+ul{margin-top:.5rem!important}.message-text strong{color:var(--text-primary);font-weight:600}.message-text p{margin:.25rem 0!important}.message-text p:first-child{margin-top:0!important}.message-text p:last-child{margin-bottom:0!important}.message-text p:empty{height:0!important;line-height:0!important;margin:0!important}.message-text p:empty,.message-text>br{display:none!important}.message-text>div:empty{display:none!important;height:0!important;margin:0!important;padding:0!important}.message-text p+table,.message-text table+p{margin-top:.5rem!important}.message-text .kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.5rem 0!important}.message-text h2+.kpi-grid,.message-text h2+div>.kpi-grid{margin-top:.25rem!important}.message-text .kpi-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-height:120px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.message-text .kpi-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.message-text .kpi-label{font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.2;margin:0;opacity:.9;text-transform:uppercase}.message-text .kpi-value{font-size:2rem;font-weight:700;line-height:1;margin:.5rem 0 .25rem}.message-text .kpi-desc{font-size:.8rem;line-height:1.2;margin:0;opacity:.85}.message-text .two-column-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:.5rem 0!important}.message-text h2+.two-column-layout,.message-text h2+div>.two-column-layout{margin-top:.25rem!important}.message-text .column-left,.message-text .column-right{min-width:0}.message-text .column-left>:first-child,.message-text .column-right>:first-child{margin-top:0!important}.message-text .column-left>:last-child,.message-text .column-right>:last-child{margin-bottom:0!important}@media (max-width:1200px){.message-text .two-column-layout{gap:1.5rem;grid-template-columns:1fr}}.message-text .highlight-box{border-left:4px solid;border-radius:8px;font-size:.95rem;margin:.5rem 0!important;padding:1rem 1.25rem}.message-text h2+.highlight-box,.message-text h2+div>.highlight-box{margin-top:.25rem!important}.message-text .highlight-success{background:#d1fae5;border-color:#10b981;color:#065f46}.message-text .highlight-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.message-text .highlight-info{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.message-text .highlight-error{background:#fee2e2;border-color:#ef4444;color:#991b1b}[data-theme=dark] .message-text .highlight-success{background:#10b98126;color:#6ee7b7}[data-theme=dark] .message-text .highlight-warning{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .message-text .highlight-info{background:#3b82f626;color:#93c5fd}[data-theme=dark] .message-text .highlight-error{background:#ef444426;color:#fca5a5}.message-text .comparison-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:.5rem 0!important}.message-text h2+.comparison-grid,.message-text h2+div>.comparison-grid{margin-top:.25rem!important}.message-text .comparison-item{background:var(--surface-color);border:1px solid #0000;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.message-text .comparison-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message-text .comparison-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.message-text .comparison-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.message-text .comparison-change{color:#10b981;font-size:1rem;font-weight:600}[data-theme=dark] .message-text .comparison-item{background:#ffffff0d}[data-theme=dark] .message-text .comparison-label{color:#fff9}@media (max-width:768px){.message-text .comparison-grid,.message-text .kpi-grid{grid-template-columns:1fr}}.message.user .message-text{align-self:flex-end;background:#e3efff;border:none;color:#1f3265;margin-left:auto;text-align:right}.executive-search-container .message.user .message-text{max-width:clamp(160px,30%,450px);width:clamp(160px,30%,450px)}.message.user .message-time{display:none}.message-text p{margin:0 0 .5rem}.message-text p:last-child{margin-bottom:0}.message-content-wrapper{height:auto;overflow:visible;width:100%}.message-charts{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.message-time{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem;opacity:.7}.message-actions{border-top:1px solid #0000;display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem}.export-word-button{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.export-word-button:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.export-word-button:disabled{cursor:not-allowed;opacity:.6}.export-spinner{animation:spin .8s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);display:inline-block;height:14px;width:14px}.export-powerpoint-button{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.export-powerpoint-button:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.export-powerpoint-button:disabled{cursor:not-allowed;opacity:.6}.export-excel-button{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.export-excel-button:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.export-excel-button:disabled{cursor:not-allowed;opacity:.6}.export-pdf-button{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.export-pdf-button:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.export-pdf-button:disabled{cursor:not-allowed;opacity:.6}.loading-content{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1rem;padding:1rem 1.25rem}.typing-indicator{display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s infinite;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.conversation-input{align-items:center;background:#0000;border:none;border-radius:16px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:1400px;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none;width:90%;z-index:1000}.input-logo{height:112px;margin-bottom:1rem;opacity:.9;width:auto}.input-tagline{color:#7f8c8d;font-size:1.1rem;font-style:italic;line-height:1.4;margin:0 0 2rem;text-align:center}.analyzing-status{margin-bottom:2rem;text-align:center}.analyzing-status .analyzing-text h3{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.analyzing-status .analyzing-text p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.conversation-input.has-messages{background:#0000;border-radius:12px;bottom:80px;box-shadow:none;left:50%;max-width:95%;padding:1rem;position:fixed!important;transform:translateX(-50%)!important;width:100%;z-index:1001}.conversation-input.has-messages .input-wrapper{opacity:.75;transition:opacity .2s ease}.conversation-input.has-messages .icon-button,.conversation-input.has-messages .message-input,.conversation-input.has-messages:hover .input-wrapper{opacity:1}.input-error{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.error-icon{color:#c33}.error-text{color:#c33;flex:1 1}.error-dismiss{align-items:center;background:none;border:none;color:#c33;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;width:20px}.input-container{align-items:center;display:flex;flex-direction:row;gap:.75rem;max-width:1000px;width:1000px}.input-wrapper{align-items:center;display:flex;position:relative;width:100%}.message-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff4d;border:2px solid var(--primary-color);border-radius:25px;box-shadow:0 0 0 3px #667eea1a;color:var(--text-primary);font-family:inherit;font-size:1.2rem;line-height:1.4;overflow:hidden;padding:1.125rem 4rem 1.125rem 1.5rem;resize:none;transition:all .3s ease;width:100%}.message-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.message-input::placeholder{color:#bbb}.input-actions{align-items:center;display:flex;gap:.5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.icon-button{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);height:36px;width:36px}.icon-button,.new-conversation-button-external{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;transition:all .2s ease}.new-conversation-button-external{background:var(--surface-color);border:2px solid #0000;border-radius:50%;flex-shrink:0;height:48px;min-height:48px;min-width:48px;width:48px}.new-conversation-button-external:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.05)}.new-conversation-button-external:disabled{cursor:not-allowed;opacity:.4}.icon-button:hover:not(:disabled){background:#667eea1a;color:var(--primary-color);transform:scale(1.1)}.icon-button:active:not(:disabled){transform:scale(.95)}.icon-button:disabled{cursor:not-allowed;opacity:.3}.send-icon:not(:disabled){color:#667eea}.send-icon:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.send-spinner-small{animation:spin .8s linear infinite;border:2px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.attached-files-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.attached-file-pill{align-items:center;background:#667eea1a;border-radius:12px;display:inline-flex;font-size:.75rem;gap:.4rem;max-width:200px;padding:.25rem .5rem}.pill-filename{color:#667eea;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-remove{background:none;border:none;color:#667eea;cursor:pointer;flex-shrink:0;font-size:.9rem;line-height:1;margin:0;opacity:.6;padding:0}.pill-remove:hover:not(:disabled){color:#ef4444;opacity:1}.pill-remove:disabled{cursor:not-allowed;opacity:.3}.attach-icon{color:var(--text-secondary)}.attach-icon:hover:not(:disabled){background:#667eea1a;color:#667eea}.button-group{gap:.75rem;justify-content:flex-end;width:100%}.button-group,.send-button{align-items:center;display:flex}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;letter-spacing:.5px;min-width:160px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button:before{background:linear-gradient(135deg,#764ba2,#667eea);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.send-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.send-button:hover:not(:disabled):before{opacity:1}.send-button:active:not(:disabled){box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.send-button:disabled{box-shadow:none;opacity:.6}.send-button>*{position:relative;z-index:1}.new-conversation-button{align-items:center;background:var(--surface-color);border:2px solid #0000;border-radius:12px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:50px;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.new-conversation-button:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.new-conversation-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.send-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.input-footer{margin-top:.5rem;text-align:center}.input-footer small{color:var(--text-secondary);font-size:.8rem}.loading-interface{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.loading-interface .search-header{margin-bottom:3rem}.loading-interface .search-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:300;margin-bottom:1rem}.loading-interface .search-subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:400}.search-status{margin-top:1rem;max-width:400px;text-align:center}.search-progress{background:var(--border-color);border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar{animation:progress 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);width:100%}.search-status-text{color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.executive-search-container{padding:.5rem}.conversation-title{font-size:2rem}.conversation-subtitle{font-size:1rem}.data-stats{flex-direction:column;gap:.5rem}.conversation-messages{padding:.5rem 0}.messages-list{padding:0 .5rem}.message{gap:.75rem}.message-avatar{font-size:2rem;height:64px;width:64px}.message-content{max-width:calc(100% - 84px)}.message-text{font-size:.95rem;padding:.75rem 1rem}.welcome-message{padding:2rem 1rem}.welcome-icon{font-size:3rem}.welcome-message h3{font-size:1.5rem}.example-grid{grid-template-columns:1fr}.conversation-input{padding:.75rem}.input-container{gap:.75rem;max-width:95%;width:95%}.message-input{font-size:1.1rem;padding:1rem 1.25rem}.send-button{font-size:1.1rem;height:50px;min-width:140px;padding:1rem 2rem;width:auto}.input-logo{height:84px;margin-bottom:.75rem}.input-tagline{font-size:1rem;margin-bottom:1.5rem}.analyzing-status .analyzing-text h3{font-size:1.1rem}.analyzing-status .analyzing-text p{font-size:.9rem}.loading-interface .search-title{font-size:2rem}.top-left-logo{left:calc(.5rem + 1%);top:calc(.5rem + 2%)}.org-logo{height:90px}.top-right-stats{flex-direction:column;gap:.5rem;right:.5rem;top:.5rem}.top-right-stats .stat{font-size:.8rem;padding:.2rem .4rem}}@keyframes progress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.bottom-link{bottom:1rem;left:50%;opacity:.75;position:fixed;transform:translateX(-50%);transition:opacity .2s ease;z-index:1001}.bottom-link:hover{opacity:1}.dashboard-link{background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;text-decoration:underline;transition:all .3s ease}.dashboard-link:hover{background:#ffffff1a;color:#ffffffe6;text-decoration:none}[data-theme=light] .executive-search-fullscreen{background:#fff}[data-theme=light] .top-right-stats .stat{color:#0f172a99}[data-theme=light] .input-tagline{color:#0f172a80}[data-theme=light] .message-input{background:#fff;border-color:#0000;color:#0f172ae6}[data-theme=light] .message-input::placeholder{color:#0f172a66}[data-theme=light] .input-error{background:#fee2e2;border-color:#0000}[data-theme=light] .error-dismiss,[data-theme=light] .error-icon,[data-theme=light] .error-text{color:#dc2626}[data-theme=light] .dashboard-link{color:#0f172a99}[data-theme=light] .dashboard-link:hover{background:#0f172a0d;color:#0f172ae6}[data-theme=dark] .executive-search-fullscreen{background:#001428f2}[data-theme=dark] .top-right-stats .stat{color:#fff9}[data-theme=dark] .input-tagline{color:#ffffff80}[data-theme=dark] .message-input{background:#001e3ccc;border-color:#0000;color:#ffffffe6}[data-theme=dark] .message-input::placeholder{color:#fff6}[data-theme=dark] .input-error{background:#ef444433;border-color:#0000}[data-theme=dark] .error-dismiss,[data-theme=dark] .error-icon,[data-theme=dark] .error-text{color:#fca5a5e6}[data-theme=dark] .dashboard-link{color:#fff9}[data-theme=dark] .dashboard-link:hover{color:#ffffffe6}[data-theme=light] .analyzing-text,[data-theme=light] .conversation-header,[data-theme=light] .executive-search-container,[data-theme=light] .ready-text,[data-theme=light] .welcome-message{color:#0f172ae6}[data-theme=dark] .analyzing-text,[data-theme=dark] .conversation-header,[data-theme=dark] .executive-search-container,[data-theme=dark] .ready-text,[data-theme=dark] .welcome-message{color:#ffffffe6}.tool-calls{background:#667eea1a;border-left:3px solid #667eea80;border-radius:4px;font-size:.85rem;margin-top:.75rem;padding:.75rem}.tool-call{color:var(--text-secondary);font-family:Courier New,monospace;padding:.25rem 0}[data-theme=dark] .tool-calls{background:#667eea33;border-left-color:#667eea99}.message-timeline{display:flex;flex-direction:column;gap:1rem;width:100%}.thinking-section{margin-bottom:1rem}.thinking-toggle{align-items:center;background:#667eea14;border:1px solid #0000;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.thinking-toggle:hover{background:#667eea1f;border-color:#0000}.toggle-icon{color:#667eeacc;font-size:.75rem;transition:transform .2s ease}.thinking-label{flex:1 1;font-weight:600}.thinking-count{font-size:.8rem;opacity:.7}.thinking-content{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-left:1rem}.timeline-thinking-text{align-items:flex-start;animation:slideIn .4s ease-out;background:#667eea0d;border-left:3px solid #667eea4d;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1rem}.thinking-text-icon{flex-shrink:0;font-size:1.25rem;line-height:1;opacity:.7}.thinking-text-content{color:var(--text-secondary);flex:1 1;line-height:1.5}.thinking-text-content p{margin:0}[data-theme=dark] .timeline-thinking-text{background:#667eea14;border-left-color:#667eea66}[data-theme=dark] .thinking-toggle{background:#667eea1f;border-color:#0000}[data-theme=dark] .thinking-toggle:hover{background:#667eea2e;border-color:#0000}.timeline-text-block{animation:fadeIn .3s ease-in}.timeline-tool-result,.timeline-tool-use{align-items:center;animation:slideIn .4s ease-out;background:linear-gradient(135deg,#667eea14,#764ba214);border-left:3px solid #667eea66;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.timeline-tool-result:hover,.timeline-tool-use:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-left-color:#667eea99;transform:translateX(4px)}.timeline-tool-result{background:linear-gradient(135deg,#10b98114,#05966914);border-left-color:#10b98166}.timeline-tool-result:hover{background:linear-gradient(135deg,#10b9811f,#0596691f);border-left-color:#10b98199}.tool-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.tool-label{color:var(--text-secondary);font-weight:500;line-height:1.4}.tool-label strong{color:var(--text-color);font-weight:600}[data-theme=dark] .timeline-tool-result,[data-theme=dark] .timeline-tool-use{background:linear-gradient(135deg,#667eea26,#764ba226);border-left-color:#667eea80}[data-theme=dark] .timeline-tool-result:hover,[data-theme=dark] .timeline-tool-use:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-left-color:#667eeab3}[data-theme=dark] .timeline-tool-result{background:linear-gradient(135deg,#10b98126,#05966926);border-left-color:#10b98180}[data-theme=dark] .timeline-tool-result:hover{background:linear-gradient(135deg,#10b98133,#05966933);border-left-color:#10b981b3}.recommended-questions{background:#667eea0d;border-left:3px solid #667eea;border-radius:8px;margin-top:16px;padding:16px;transition:all .3s ease}[data-theme=dark] .recommended-questions{background:#667eea14;border-left-color:#8b9ff5}.recommended-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:12px}.recommended-icon{font-size:1.2rem}.recommended-label{color:#667eea;font-weight:600}[data-theme=dark] .recommended-label{color:#8b9ff5}.recommended-list{display:flex;flex-direction:column;gap:8px}.recommended-question-btn{background:#fff;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.95rem;padding:12px 16px;text-align:left;transition:all .2s ease}.recommended-question-btn:hover:not(:disabled){background:#667eea1a;border-color:#0000;box-shadow:0 2px 6px #667eea33;transform:translateX(4px)}.recommended-question-btn:active:not(:disabled){box-shadow:0 1px 3px #667eea26;transform:translateX(2px)}.recommended-question-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}[data-theme=dark] .recommended-question-btn{background:#ffffff0d;border-color:#0000;color:var(--text-primary)}[data-theme=dark] .recommended-question-btn:hover:not(:disabled){background:#667eea26;border-color:#0000;box-shadow:0 2px 6px #8b9ff533}[data-theme=dark] .recommended-question-btn:active:not(:disabled){box-shadow:0 1px 3px #8b9ff526}.vehicle-sales-chat{background:var(--background-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:100%;overflow:hidden}.chat-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.header-content h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.header-content p{margin:0;opacity:.7}.clear-button,.header-content p{color:var(--text-color);font-size:.9rem}.clear-button{background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:.6rem 1.2rem;transition:all .2s}.clear-button:hover:not(:disabled){background:var(--hover-color);border-color:#e74c3c;color:#e74c3c}.clear-button:disabled{cursor:not-allowed;opacity:.5}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem 1.5rem}.welcome-screen{color:var(--text-color);padding:3rem 2rem;text-align:center}.welcome-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.welcome-screen h3{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.welcome-screen p{margin-bottom:2rem;opacity:.7}.suggestion-chips{gap:.75rem;justify-content:center;margin:0 auto;max-width:800px}.suggestion-chips button{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s}.suggestion-chips button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.message{animation:slideIn .3s ease-out;display:flex;gap:1rem;max-width:85%}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{align-items:center;background:var(--surface-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:2.5rem;height:48px;justify-content:center;width:48px}.message-bubble{display:flex;flex-direction:column;gap:.5rem}.message-content{word-wrap:break-word;background:var(--surface-color);border-radius:1.25rem;box-shadow:0 2px 8px #00000014;line-height:1.6;padding:1rem 1.5rem;position:relative}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.user .message-content code{background:#fff3;color:#fff}.message-content h1,.message-content h2,.message-content h3{margin-bottom:.5rem;margin-top:.5rem}.message-content p{margin:.5rem 0}.message-content ol,.message-content ul{margin:.5rem 0;padding-left:1.5rem}.message-content code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.message-content pre{background:#0000000d;border-radius:8px;overflow-x:auto;padding:1rem}.message-content pre code{background:none;padding:0}.cursor{animation:blink 1s infinite;display:inline-block;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.thinking-indicator{align-items:center;display:flex;gap:6px;padding:8px 0}.thinking-indicator .dot{animation:thinking 1.4s ease-in-out infinite;background:var(--text-color);border-radius:50%;height:8px;opacity:.4;width:8px}.thinking-indicator .dot:first-child{animation-delay:0s}.thinking-indicator .dot:nth-child(2){animation-delay:.2s}.thinking-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,80%,to{opacity:.4;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}[data-theme=dark] .thinking-indicator .dot{background:#fffc}.tool-calls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tool-call{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:1rem;color:var(--text-color);display:flex;font-size:.75rem;gap:.35rem;padding:.4rem .8rem}.tool-call.pending{animation:pulse 1.5s ease-in-out infinite;border-color:#f39c12;color:#f39c12}.tool-call.complete{border-color:#27ae60;color:#27ae60}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.message-timestamp{color:var(--text-color);font-size:.75rem;margin-top:.25rem;opacity:.5;padding:0 .5rem}.chat-input-container{background:var(--surface-color);border-top:1px solid var(--border-color);padding:1.5rem}.chat-input{align-items:flex-end;display:flex;gap:1rem}.chat-input textarea{background:var(--background-color);border:2px solid var(--border-color);border-radius:1.25rem;color:var(--text-color);flex:1 1;font-family:inherit;font-size:.95rem;max-height:200px;min-height:56px;padding:1rem 1.25rem;resize:none;transition:all .2s}.chat-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.chat-input textarea:disabled{cursor:not-allowed;opacity:.5}.send-button,.stop-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1.25rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.4rem;height:56px;padding:0 1.75rem;transition:all .2s}.send-button:hover:not(:disabled),.stop-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.stop-button{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 12px #e74c3c4d}.stop-button:hover{box-shadow:0 6px 16px #e74c3c66}[data-theme=dark] .message-content{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .message-avatar{box-shadow:0 2px 8px #00000080}[data-theme=dark] .chat-input textarea{border-color:#ffffff1a}[data-theme=dark] .message-content code{background:#ffffff1a}[data-theme=dark] .message-content pre{background:#ffffff0d}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--background-color)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#667eea}@media (max-width:768px){.vehicle-sales-chat{height:calc(100vh - 60px)}.chat-header{padding:1rem 1.5rem}.header-content h2{font-size:1.25rem}.header-content p{font-size:.8rem}.message{max-width:90%}.message-avatar{font-size:2rem;height:40px;width:40px}.suggestion-chips{flex-direction:column}.suggestion-chips button{justify-content:center;width:100%}.chat-input-container{padding:1rem}.send-button,.stop-button{font-size:1.2rem;height:48px;padding:0 1.5rem}}.message-content table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:.9rem;margin:1rem 0;overflow:hidden;width:100%}.message-content thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-content th{font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.message-content td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:.875rem 1rem}.message-content tbody tr:last-child td{border-bottom:none}.message-content tbody tr{background:var(--background-color);transition:background-color .2s}.message-content tbody tr:hover{background:var(--hover-color)}.message-content tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .message-content tbody tr:nth-child(2n){background:#ffffff05}[data-theme=dark] .message-content tbody tr:hover{background:#ffffff0d}.message-content td:nth-child(n+3){text-align:right}.message-content td:first-child,.message-content td:nth-child(2){text-align:left}.message-content th:nth-child(n+3){text-align:right}.message-content th:first-child,.message-content th:nth-child(2){text-align:left}.message.user .message-content table{background:#ffffff1a}.message.user .message-content thead{background:#fff3}.message.user .message-content tbody tr{background:#ffffff0d}.message.user .message-content tbody tr:hover{background:#ffffff26}.message.user .message-content td{border-bottom-color:#fff3;color:#fff}.sales-data-demo-page{background:var(--background-color);display:flex;min-height:100vh}.sales-data-demo-content{flex:1 1;margin-left:320px;overflow-y:auto;padding:40px}.sales-data-demo-content .page-header{margin-bottom:30px}.sales-data-demo-content .page-header h1{color:var(--dark-color);font-size:32px;font-weight:600;margin-bottom:10px;text-shadow:var(--text-glow)}.sales-data-demo-content .page-description{color:var(--text-muted);font-size:16px;margin:0}.step-indicator{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;justify-content:center;margin-bottom:40px;padding:20px}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:8px;min-width:120px}.step-number{align-items:center;background:var(--border-color);border-radius:50%;color:var(--text-muted);display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-number{background:var(--primary-color);box-shadow:0 0 20px var(--primary-color);color:#fff}.step.completed .step-number{background:#10b981;background:var(--success-color,#10b981);color:#fff}.step-label{color:var(--text-muted);font-size:14px;font-weight:500;text-align:center}.step.active .step-label{color:var(--primary-color);font-weight:600}.step-divider{background:var(--border-color);height:2px;margin:0 10px;width:80px}.sales-import-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);padding:30px}.import-header{margin-bottom:30px}.import-header h2{color:var(--dark-color);font-size:24px;font-weight:600;margin-bottom:8px}.import-header p{color:var(--text-muted);font-size:14px;margin:0}.file-drop-zone{background:var(--background-color);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s ease}.file-drop-zone:hover{background:var(--surface-color);border-color:var(--primary-color)}.file-drop-zone.dragging{background:#6366f11a;background:var(--primary-color-light,#6366f11a);border-color:var(--primary-color);border-style:solid}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{animation:float 3s ease-in-out infinite;font-size:48px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone-content h3{color:var(--dark-color);font-size:20px;font-weight:600;margin:0}.drop-zone-content p{color:var(--text-muted);font-size:14px;margin:0}.file-requirements{color:var(--text-muted);display:block;font-size:12px;margin-top:8px}.error-banner{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--error-color,#ef4444);display:flex;gap:12px;margin-top:20px;padding:16px}.error-icon{font-size:20px}.csv-format-info{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-top:30px;padding:20px}.csv-format-info h4{color:var(--dark-color);font-size:16px;font-weight:600;margin-bottom:12px}.csv-format-info ul{color:var(--text-muted);font-size:14px;line-height:1.8;margin:0;padding-left:20px}.file-info-card{grid-gap:16px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.file-info-item{display:flex;flex-direction:column;gap:4px}.file-info-item strong{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.file-info-item:not(strong){color:var(--dark-color);font-size:16px;font-weight:600}.csv-preview-table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow-x:auto}.csv-preview-table{background:var(--surface-color);border-collapse:collapse;font-size:14px;width:100%}.csv-preview-table thead{background:var(--background-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.csv-preview-table th{background:var(--background-color);border-bottom:2px solid var(--border-color);color:var(--dark-color);font-weight:600;padding:12px;text-align:left;white-space:nowrap}.csv-preview-table td{border-bottom:1px solid var(--border-color);color:var(--dark-color);padding:12px}.csv-preview-table tbody tr,.csv-preview-table td{background:var(--surface-color)}.csv-preview-table tbody tr:hover{background:var(--background-color);transition:background .2s ease}.row-number,.row-number-header{background:var(--background-color);color:var(--text-muted);font-weight:600;text-align:center;width:50px}[data-theme=dark] .csv-preview-table td,[data-theme=light] .csv-preview-table td{color:var(--dark-color)}[data-theme=light] .csv-preview-table tbody tr:hover{background:#00000008}[data-theme=dark] .csv-preview-table tbody tr:hover{background:#ffffff0d}.preview-note{color:var(--text-muted);font-size:14px;font-style:italic;margin-bottom:20px;text-align:center}.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:12px 24px;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#5b21b6;background:var(--primary-color-dark,#5b21b6);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--dark-color)}.btn-secondary:hover{background:var(--background-color);border-color:var(--primary-color)}.mapping-container{display:flex;flex-direction:column;gap:24px}.mapping-info{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:12px;padding:16px}.info-icon{flex-shrink:0;font-size:20px}.info-text{color:var(--dark-color);font-size:14px;line-height:1.6}.info-text strong{display:block;font-weight:600;margin-bottom:4px}.mapping-grid{display:flex;flex-direction:column;gap:20px}.mapping-row{grid-gap:20px;align-items:start;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.mapping-label{display:flex;flex-direction:column;gap:8px}.mapping-label strong{align-items:center;color:var(--dark-color);display:flex;font-size:16px;font-weight:600;gap:8px}.required-badge{background:#ef44441a;border-radius:4px;color:#ef4444;color:var(--error-color,#ef4444);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.mapping-description{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.mapping-select select{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--dark-color);cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .3s ease;width:100%}.mapping-select select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.mapping-select select.mapped{background:#10b9810d;border-color:#10b981;border-color:var(--success-color,#10b981)}.mapping-select select option{padding:10px}.additional-columns-info{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:20px}.additional-columns-info h4{color:var(--dark-color);font-size:16px;font-weight:600;margin-bottom:8px}.additional-columns-info p{color:var(--text-muted);font-size:14px;margin-bottom:12px}.column-tags{display:flex;flex-wrap:wrap;gap:8px}.column-tag{background:var(--primary-color);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:500;opacity:.9;padding:6px 12px}.import-progress-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:60px 40px;text-align:center}.progress-icon{animation:spin 2s linear infinite;font-size:64px}.progress-bar-container{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;height:12px;max-width:500px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--primary-color),#8b5cf6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color,#8b5cf6));border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:var(--primary-color);font-size:24px;font-weight:600}.progress-info{font-size:14px}.progress-detail,.progress-info{color:var(--text-muted);margin:0}.progress-detail{font-size:12px;font-style:italic;opacity:.8}.import-results{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px}.success-icon{animation:scaleIn .5s ease-out;font-size:72px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.result-stats{display:flex;gap:40px;justify-content:center}.result-stat{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px}.stat-number{font-size:48px;font-weight:700;line-height:1}.result-stat.success .stat-number{color:#10b981;color:var(--success-color,#10b981)}.result-stat.failed .stat-number{color:#ef4444;color:var(--error-color,#ef4444)}.stat-label{color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.import-errors{margin-top:20px;max-width:600px;width:100%}.import-errors h4{color:var(--dark-color);font-size:16px;font-weight:600;margin-bottom:12px}.error-list{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto}.error-item{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:13px;line-height:1.5;padding:12px}.error-item:last-child{border-bottom:none}.error-item strong{color:var(--dark-color);font-weight:600}.btn-primary:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.6}.btn-primary:disabled:hover{box-shadow:none;transform:none}.sales-data-table-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);margin-top:40px;padding:30px}.table-header{align-items:center;gap:16px;justify-content:space-between;margin-bottom:24px}.table-header,.table-title{display:flex;flex-wrap:wrap}.table-title{align-items:baseline;gap:12px}.table-title h2{color:var(--dark-color);font-size:24px;font-weight:600;margin:0}.record-count{color:var(--text-muted);font-size:14px;font-weight:500}.table-controls{align-items:center;display:flex;gap:12px}.filter-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--dark-color);font-size:14px;min-width:250px;padding:10px 16px;transition:all .3s ease}.filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-container p{color:var(--text-muted);font-size:14px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px;text-align:center}.empty-icon{font-size:64px;opacity:.5}.empty-state h3{color:var(--dark-color);font-size:20px;font-weight:600;margin:0}.empty-state p{color:var(--text-muted);font-size:14px;margin:0}.data-table-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow-x:auto}.data-table{background:var(--surface-color);border-collapse:collapse;font-size:14px;width:100%}.data-table thead{background:var(--background-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{background:var(--background-color);border-bottom:2px solid var(--border-color);font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{color:var(--dark-color);padding:14px 16px}.data-table td{background:var(--surface-color);border-bottom:1px solid var(--border-color)}.data-table tbody tr{background:var(--surface-color);transition:background .2s ease}.data-table tbody tr:hover,.data-table tbody tr:nth-child(2n){background:var(--background-color)}.data-table tbody tr:hover{filter:brightness(.98)}[data-theme=light] .data-table tbody tr:hover{background:#0000000a}[data-theme=dark] .data-table tbody tr:hover{background:#ffffff14}.data-table .sale-id{color:var(--primary-color);font-weight:600}.data-table .location-code{background:var(--primary-color);border-radius:4px;color:#fff;font-family:monospace;font-size:13px;font-weight:600;padding:4px 8px}.data-table .created-date{color:var(--text-muted);font-size:12px}.btn-view-details{background:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #6366f133;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s ease}.btn-view-details:hover{background:#5b21b6;background:var(--primary-color-dark,#5b21b6);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-delete{background:var(--surface-color);border:2px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.btn-delete:hover{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:scale(1.15)}.pagination{align-items:center;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-top:8px;padding:20px 0}.pagination,.pagination-btn{background:var(--surface-color)}.pagination-btn{border:2px solid var(--border-color);border-radius:8px;color:var(--dark-color);cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{background:var(--background-color);cursor:not-allowed;opacity:.4}.pagination-info{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--dark-color);font-size:14px;font-weight:600;padding:8px 16px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:var(--background-color);border-bottom:2px solid var(--border-color);border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;padding:24px 32px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:var(--dark-color);font-size:24px;font-weight:700;gap:12px;margin:0}.modal-header h3:before{content:"📄";font-size:28px}.modal-close{background:#0000;border:2px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:20px;font-weight:700;line-height:1;padding:8px 12px;transition:all .3s ease}.modal-close:hover{background:#ef4444;background:var(--error-color,#ef4444);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#fff;transform:scale(1.1)}.modal-body{flex:1 1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:32px}.modal-two-column{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:350px 1fr}.modal-left-column{position:-webkit-sticky;position:sticky;top:0}.modal-right-column{min-width:0}.basic-info-section{display:flex;flex-direction:column;gap:16px}.section-title{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--dark-color);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 12px;padding-bottom:12px}.section-title:before{content:"📋";font-size:20px}.info-card{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;gap:20px;padding:20px}.info-card,.info-item{display:flex;flex-direction:column}.info-item{border-bottom:1px solid var(--border-color);gap:6px;padding-bottom:16px}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.info-value{color:var(--dark-color);font-size:18px;font-weight:700;word-break:break-word}.detail-section{margin-top:0;max-width:100%;overflow:hidden}.detail-section h4{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--dark-color);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:20px;padding-bottom:12px}.detail-section h4:before{content:"📋";font-size:20px}.json-display{background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;max-width:100%;overflow-x:hidden;padding:24px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));max-width:100%}.detail-item{background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden;padding:16px;transition:all .3s ease}.detail-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.detail-key{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.detail-value{color:var(--dark-color);font-size:15px;font-weight:600;line-height:1.4;max-width:100%;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.sales-data-demo-content{margin-left:0;padding:20px}.step-indicator{flex-direction:column;gap:20px}.step-divider{height:40px;width:2px}.file-info-card{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.table-header{align-items:flex-start;flex-direction:column}.table-controls{flex-direction:column;width:100%}.filter-input{width:100%}.pagination{flex-wrap:wrap}.pagination-info{text-align:center;width:100%}.modal-content{max-height:95vh;width:98%}.modal-body{padding:20px}.modal-two-column{gap:24px;grid-template-columns:1fr}.modal-left-column{position:relative}.detail-grid{grid-template-columns:1fr}.modal-header h3{font-size:18px}.modal-header{padding:16px 20px}}.ai-chat-section{box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:0}.analysis-header{margin-bottom:32px;text-align:center}.analysis-header h2{align-items:center;color:var(--primary-color);display:flex;font-size:1.75rem;gap:12px;justify-content:center;margin-bottom:8px}.analysis-header p{color:var(--muted-color);font-size:1rem}.analysis-input-container{margin:0 auto 24px;max-width:900px}.question-input-wrapper{align-items:flex-start;display:flex;gap:16px}.question-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);flex:1 1;font-family:inherit;font-size:1rem;min-height:80px;padding:16px;resize:vertical;transition:border-color .2s ease}.question-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.question-input:disabled{background:var(--disabled-background);cursor:not-allowed;opacity:.6}.analyze-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#0056b3 100%);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.analyze-btn:hover:not(:disabled){box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{background:var(--disabled-background);box-shadow:none;color:var(--muted-color);cursor:not-allowed}.analyze-btn.analyzing{background:linear-gradient(135deg,#6c757d,#495057)}.analyze-btn .icon{font-size:1.2rem}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.analysis-error{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.analysis-error .error-icon{font-size:1.2rem}.analysis-warning{align-items:center;background:#d1ecf1;border:1px solid #17a2b8;border-radius:6px;color:#0c5460;display:flex;gap:8px;margin-top:16px;padding:12px 16px}.analysis-warning .warning-icon{font-size:1.2rem}.analysis-suggestions{border-top:1px solid var(--border-color);margin:0 auto;max-width:900px;padding-top:24px}.suggestions-label{color:var(--muted-color);font-size:.9rem;font-weight:500;margin-bottom:12px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:12px}.suggestion-chip{background:var(--background-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.suggestion-chip:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 8px #007bff33;color:#fff;transform:translateY(-2px)}.suggestion-chip:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.ai-analysis-section{padding:20px}.question-input-wrapper{flex-direction:column}.analyze-btn{width:100%}.suggestion-chips{flex-direction:column}.suggestion-chip{text-align:center;width:100%}}
/*# sourceMappingURL=main.84253ab4.css.map*/