@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--pulse-navy-950:#020617;--pulse-navy-900:#07111f;--pulse-navy-800:#0b1b33;--pulse-blue-700:#1d4ed8;--pulse-blue-600:#2563eb;--pulse-blue-500:#3b82f6;--pulse-blue-100:#dbeafe;--pulse-blue-50:#eff6ff;--pulse-cyan-500:#06b6d4;--pulse-violet-500:#8b5cf6;--bg-app:#f3f6fb;--bg-card:#fff;--bg-soft:#f8fafc;--bg-sidebar:#1e2d45;--border-soft:#e2e8f0;--border-strong:#cbd5e1;--text-main:#0f172a;--text-subtle:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--success:#059669;--success-soft:#ecfdf5;--success-border:#a7f3d0;--warning:#d97706;--warning-soft:#fffbeb;--warning-border:#fde68a;--warning-bg:#fffbeb;--warning-icon-bg:#fde68a;--warning-text:#92400e;--warning-text-soft:#b45309;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--danger-bg:#fee2e2;--info:#2563eb;--info-soft:#eff6ff;--info-border:#bfdbfe;--ai:#7c3aed;--ai-soft:#f5f3ff;--ai-border:#ddd6fe;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 18px 50px #0f172a1f;--shadow-blue:0 14px 36px #2563eb40;--bg-main:var(--bg-app);--bg-hover:var(--bg-soft);--border-main:var(--border-soft);--border-card:var(--bg-soft);--text-inverse:#fff;--kpi-text:var(--text-main);--shadow-main:var(--shadow-sm);--shadow-float:var(--shadow-lg);--shadow-card:var(--shadow-sm);--color-blue:var(--pulse-blue-700);--color-pulse-blue:var(--pulse-blue-700);--color-indigo:#6366f1;--color-purple:var(--pulse-violet-500);--color-teal:#0d9488;--color-green:var(--success);--color-orange:#f59e0b;--color-red:var(--danger);--bg-blue-subtle:var(--pulse-blue-50);--bg-orange-subtle:var(--warning-soft);--bg-red-subtle:var(--danger-soft);--bg-green-subtle:var(--success-soft);--kpi-1-from:var(--pulse-blue-700);--kpi-1-to:var(--pulse-blue-500);--kpi-2-from:#7c3aed;--kpi-2-to:#a78bfa;--kpi-3-from:var(--success);--kpi-3-to:#34d399;--kpi-4-from:#f59e0b;--kpi-4-to:#fcd34d;--sidebar-bg:var(--bg-sidebar);--sidebar-active-bg:#ffffff1a;--sidebar-text:#ffffffa6;--sidebar-text-active:#fff;--sidebar-border:#ffffff14}.dark{--bg-app:#0a0c12;--bg-card:#13161f;--bg-soft:#1e2230;--bg-sidebar:#060709;--border-soft:#1e2536;--border-strong:#2a3148;--text-main:#f0f4ff;--text-subtle:#c4cde0;--text-muted:#8892a4;--text-faint:#4e5a72;--text-inverse:#0f172a;--success-soft:#0596691f;--warning-soft:#f59e0b1f;--warning-bg:#f59e0b1a;--warning-icon-bg:#f59e0b33;--warning-text:#fbbf24;--warning-text-soft:#f59e0b;--warning-border:#f59e0b4d;--danger-soft:#ef44441f;--danger-bg:#ef44441f;--danger-border:#ef44444d;--info-soft:#6366f126;--ai-soft:#7c3aed26;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #0006;--shadow-lg:0 20px 40px #00000080;--bg-main:var(--bg-app);--bg-hover:var(--bg-soft);--border-main:var(--border-soft);--border-card:#1a1e2a;--shadow-main:var(--shadow-sm);--shadow-float:var(--shadow-lg);--shadow-card:0 1px 3px #0000004d, 0 4px 16px #0003;--kpi-text:#f0f4ff;--bg-blue-subtle:var(--info-soft);--bg-orange-subtle:var(--warning-soft);--bg-red-subtle:var(--danger-soft);--bg-green-subtle:var(--success-soft)}*{box-sizing:border-box;margin:0;padding:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s}input,select,textarea,button{font-family:inherit}.app-sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important}.app-sidebar .sidebar-logo span{color:#fff!important}.app-sidebar .sidebar-nav button{color:var(--sidebar-text)!important;transition:all .15s!important}.app-sidebar .sidebar-nav button:hover,.app-sidebar .sidebar-nav button.active-nav,.app-sidebar .sidebar-nav button[data-active=true]{background-color:var(--sidebar-active-bg)!important;color:var(--sidebar-text-active)!important}.app-sidebar .sidebar-profile{border-top:1px solid var(--sidebar-border)!important}.kpi-card-gradient{border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6) var(--space-6);justify-content:flex-start;gap:var(--space-2);cursor:pointer;flex-direction:column;min-height:155px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kpi-card-gradient:hover{transform:translateY(-3px)}.kpi-card-gradient:after{content:"";border-radius:var(--radius-full);opacity:.12;pointer-events:none;width:110px;height:110px;position:absolute;bottom:-30px;right:-30px}.kpi-card-gradient .kpi-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;opacity:.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kpi-card-gradient .kpi-value{font-size:28px;font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;margin:var(--space-1) 0 var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kpi-card-gradient .kpi-sub{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#00000073;white-space:normal;text-overflow:unset;line-height:1.4;overflow:visible}.kpi-card-gradient .kpi-icon{opacity:.75;flex-shrink:0;align-items:center;display:flex}.kpi-blue{background:linear-gradient(145deg, var(--pulse-blue-100), var(--pulse-blue-50));color:#1e40af;border:1px solid #1a56db26;box-shadow:0 4px 16px #1a56db1f}.kpi-blue:after{background:var(--pulse-blue-700)}.kpi-blue:hover{box-shadow:var(--shadow-blue)}.kpi-purple{background:linear-gradient(145deg, var(--ai-border), var(--ai-soft));color:#5b21b6;border:1px solid #7c3aed26;box-shadow:0 4px 16px #7c3aed1f}.kpi-purple:after{background:var(--ai)}.kpi-purple:hover{box-shadow:0 10px 28px #7c3aed33}.kpi-teal{color:#0e7490;background:linear-gradient(145deg,#cffafe,#ecfeff);border:1px solid #06b6d42e;box-shadow:0 4px 16px #06b6d41f}.kpi-teal:after{background:#06b6d4}.kpi-teal:hover{box-shadow:0 10px 28px #06b6d433}.kpi-green{color:#0a6640;background:linear-gradient(145deg,#c3f0dc,#f0fdf7);border:1px solid #10b98126;box-shadow:0 4px 16px #10b9811a}.kpi-green:after{background:#10b981}.kpi-green:hover{box-shadow:0 10px 28px #10b9812e}.kpi-amber{color:#c2590a;background:linear-gradient(145deg,#ffe9cc,#fff7ed);border:1px solid #ea781e26;box-shadow:0 4px 16px #ea781e1a}.kpi-amber:after{background:#f97316}.kpi-amber:hover{box-shadow:0 10px 28px #ea781e2e}.kpi-red{background:linear-gradient(145deg, var(--danger-border), var(--danger-soft));color:#991b1b;border:1px solid var(--danger-border);box-shadow:0 4px 16px #ef44441f}.kpi-red:after{background:var(--danger)}.kpi-red:hover{box-shadow:0 10px 28px #ef444433}.pulse-card{background-color:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border-main);border-radius:20px;padding:24px;transition:box-shadow .2s}.pulse-card:hover{box-shadow:0 4px 20px #00000014}.tile-menu-trigger{visibility:hidden}.tile-hover-wrapper:hover .tile-menu-trigger,.tile-menu-trigger.menu-open{visibility:visible}.search-input{color:var(--text-main);outline:none;width:100%;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s;background:var(--bg-card)!important;border:1.5px solid var(--border-main)!important;border-radius:14px!important;padding:13px 20px 13px 48px!important}.search-input:focus{border-color:var(--color-blue)!important;box-shadow:0 0 0 3px #1a56db1a!important}.login-page{background:#0a0e1a;min-height:100vh;display:flex}.login-left{background:#0a0e1a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-150px;left:-150px}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f124 0%,#0000 65%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-100px;right:40px}.login-right{background:#0f1629;border-left:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;width:500px;padding:52px 48px;display:flex;position:relative;overflow-y:auto}@media (width<=900px){.login-left{display:none}.login-right{border-left:none;width:100%;min-height:100vh}}.animate-in{animation:.4s cubic-bezier(.16,1,.3,1) fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-out{animation:.25s ease-in forwards fade-out}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-in-right{animation:.35s cubic-bezier(.16,1,.3,1) slide-in-right}@keyframes pulse-highlight{0%{background-color:#0000}30%{background-color:#f59e0b2e}to{background-color:#0000}}.pulse-highlight{animation:1.5s ease-out pulse-highlight}@keyframes pulse-blue{0%{transform:scale(1);box-shadow:0 0 #1a56db40}70%{transform:scale(1.02);box-shadow:0 0 0 5px #1a56db00}to{transform:scale(1);box-shadow:0 0 #1a56db00}}.typing-dot{background-color:var(--text-muted);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both typing-bounce}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.pulse-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aiDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.badge-vorgemerkt{color:#1a56db;text-transform:uppercase;letter-spacing:.3px;background-color:#1a56db1a;border:1px solid #1a56db40;border-radius:6px;align-items:center;padding:2px 8px;font-size:10px;font-weight:800;animation:2s infinite pulse-blue;display:inline-flex}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"left right";align-items:stretch;gap:20px;display:grid}.gemini-insight-card{padding:14px}.gemini-icon{width:30px;height:30px}.gemini-btn{padding:7px 12px}@media (width<=1440px){.gemini-grid-full{display:none!important}.gemini-carousel{display:block!important}.cal-hints-grid{display:none!important}.cal-hints-carousel{display:flex!important}}@media (width<=1280px){.dashboard-main-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.tiles-2col{grid-template-columns:1fr!important}.payment-row-hide-sm{display:none!important}}.contracts-toolbar-label{display:inline}@media (width<=1300px){.contracts-toolbar-label{display:none}}.left-column{flex-direction:column;grid-area:left;gap:16px;display:flex}.sticky-column{flex-direction:column;grid-area:right;align-self:stretch;gap:16px;display:flex}@media (width<=1100px){.dashboard-main-grid{flex-direction:column;gap:24px;display:flex}.left-column,.sticky-column{display:contents}.sticky-column{position:static}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background-color:#0a0c148c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-contract-modal{background-color:var(--bg-card);border:1px solid var(--border-main);border-radius:28px;flex-direction:column;width:100%;max-width:760px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) modal-appear;display:flex;overflow:hidden;box-shadow:0 32px 64px -12px #00000047}@keyframes modal-appear{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:linear-gradient(135deg,#1a56db 0%,#4f46e5 100%);border-bottom:none;flex-shrink:0;padding:0;position:relative}.modal-header-inner{padding:22px 28px 20px}.modal-header-content{margin-bottom:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.header-top h2{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:900}.close-btn{color:#ffffffe6;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:14px;right:16px}.close-btn:hover{background:#ffffff40}.step-indicator{align-items:center;gap:12px;display:flex}.step-bar-container{flex:1;gap:6px;display:flex}.step-bar{background:var(--border-main);border-radius:100px;flex:1;height:4px;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-bar.active{background:var(--color-blue);box-shadow:0 0 8px #1a56db66}.step-indicator span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:right;min-width:60px;font-size:11px;font-weight:800}.modal-body{background-color:var(--bg-main);flex:1;padding:24px 28px;overflow-y:auto}.mode-selection{grid-template-columns:1fr 1fr;gap:20px;padding:4px;display:grid}.selection-tile{border:1.5px solid var(--border-main);background:var(--bg-card);cursor:pointer;text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:44px 28px;transition:all .25s;display:flex;position:relative}.selection-tile:hover{border-color:var(--color-blue);transform:translateY(-3px);box-shadow:0 12px 28px #1a56db1f}.selection-tile.selected{border:2px solid var(--color-blue);background:#1a56db08}.radio-indicator{border:2px solid var(--border-main);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}.selection-tile.selected .radio-indicator{border-color:var(--color-blue);background:var(--color-blue)}.radio-indicator:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;transition:transform .2s;transform:scale(0)}.selection-tile.selected .radio-indicator:after{transform:scale(1)}.recommended-badge{background:linear-gradient(135deg, var(--color-blue), #3b82f6);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom-left-radius:18px;padding:7px 18px;font-size:10px;font-weight:900;position:absolute;top:0;right:0}.icon-wrapper{background:var(--bg-hover);width:68px;height:68px;color:var(--color-blue);border-radius:18px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.selection-tile:hover .icon-wrapper{background:#1a56db1a;transform:scale(1.08)rotate(4deg)}.selection-tile .title{color:var(--text-main);margin-bottom:6px;font-size:17px;font-weight:800}.selection-tile .desc{color:var(--text-muted);font-size:13px;font-weight:600;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.input-group input,.input-group select{background-color:var(--bg-hover);border:1.5px solid var(--border-main);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.input-group input:focus,.input-group select:focus{border-color:var(--color-blue);background-color:var(--bg-card);box-shadow:0 0 0 3px #1a56db1a}.input-group input::placeholder,.field-input::placeholder{color:var(--text-faint);opacity:1;font-weight:400}.field-input{background-color:var(--bg-hover);border:1.5px solid var(--border-main);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:10px 14px;font-size:14px;font-weight:700;transition:all .2s}.field-input:focus{border-color:var(--color-blue);background-color:var(--bg-card);box-shadow:0 0 0 3px #1a56db1a}.field-input.premium-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' 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;padding-right:40px}.form-section{background:var(--bg-card);border:1px solid var(--border-main);border-radius:16px;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.form-section-label{background:var(--bg-main);border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:2px;padding:6px 10px;display:flex}.form-row{align-items:flex-end;gap:18px;display:grid}.grid-50-50{grid-template-columns:1fr 1fr}.grid-30-70{grid-template-columns:3fr 7fr}.grid-100{grid-template-columns:1fr}.energy-section{background:#1a56db0a;border:1px dashed #1a56db33;border-radius:18px;grid-column:span 2;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;padding:20px;display:grid}.modal-footer{border-top:1px solid var(--border-main);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.footer-btn-ghost{background:var(--bg-main);border:1.5px solid var(--border-main);color:var(--text-muted);cursor:pointer;border-radius:11px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.footer-btn-ghost:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--text-muted)}.footer-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a56db,#4f46e5);border:none;border-radius:11px;padding:10px 22px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #1a56db4d}.footer-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1a56db66}.footer-link-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.footer-link-cancel:hover{color:#64748b}.footer-toggles{align-items:center;gap:22px;display:flex}.toggle-container{align-items:center;gap:10px;display:flex}.toggle-label{color:var(--text-main);font-size:13px;font-weight:700}.custom-toggle{cursor:pointer;background:#e2e8f0;border-radius:100px;width:46px;height:25px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.custom-toggle.on{background:var(--color-blue)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:2.5px;left:2.5px;box-shadow:0 2px 4px #00000026}.custom-toggle.on .toggle-thumb{left:23.5px}.footer-actions{align-items:center;gap:14px;display:flex}.back-btn{border:1.5px solid var(--border-main);background:var(--bg-card);color:var(--text-muted);cursor:pointer;border-radius:13px;padding:11px 22px;font-weight:700;transition:all .2s}.back-btn:hover{background:var(--bg-hover);color:var(--text-main)}.save-btn{background:var(--color-blue);color:#fff;cursor:pointer;border:none;border-radius:13px;padding:13px 36px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 8px 16px -4px #1a56db73}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 22px -4px #1a56db80}.save-btn:disabled{opacity:.55;cursor:not-allowed}.logo-dropdown{background:var(--bg-card);border:1px solid var(--border-main);width:280px;box-shadow:var(--shadow-float);z-index:100;border-radius:16px;flex-direction:column;padding:8px;animation:.2s ease-out dropdown-appear;display:flex;position:absolute;top:calc(100% + 8px);left:0}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.logo-dropdown-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.logo-dropdown-item:hover{background-color:var(--bg-hover)}.logo-dropdown-item img{object-fit:cover;width:24px;height:24px;border-radius:50%!important}.logo-dropdown-item span{color:var(--text-main);font-size:13px;font-weight:700}.avatar-indicator{border:1px solid var(--border-main);width:20px;height:20px;color:var(--color-blue);z-index:2;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #0000001a}.avatar-indicator:hover{background:var(--bg-hover);border-color:var(--color-blue);transform:scale(1.12)}.energy-status-card{border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:16px;margin-top:16px;padding:20px;animation:.3s ease-out fade-up;display:flex}.energy-status-card .status-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #0000000f}.energy-status-card .status-content{flex:1}.energy-status-card .status-headline{margin-bottom:6px;font-size:14px;font-weight:800}.energy-status-card .status-text{font-size:13px;font-weight:600;line-height:1.6}.energy-status-card.variant-a{color:#166534;background-color:#f0fdf4;border-color:#dcfce7}.energy-status-card.variant-a .status-icon{color:#16a34a}.energy-status-card.variant-b{color:#991b1b;background-color:#fff1f2;border-color:#ffe4e6}.energy-status-card.variant-b .status-icon{color:#ef4444}.custom-tooltip{position:relative}.custom-tooltip:before{content:attr(data-tooltip);transform-origin:bottom;background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-main);white-space:nowrap;opacity:0;visibility:hidden;z-index:200;pointer-events:none;border-radius:10px;padding:8px 13px;font-size:12px;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1) 50ms;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.96);box-shadow:0 8px 24px #0000001a}.custom-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--border-main) transparent transparent transparent;opacity:0;visibility:hidden;z-index:200;pointer-events:none;transition:all .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.custom-tooltip:hover:before,.custom-tooltip.tooltip-active:before{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.custom-tooltip:hover:after,.custom-tooltip.tooltip-active:after{opacity:1;visibility:visible}.custom-tooltip-wrap:before{white-space:normal;text-align:left;width:240px;line-height:1.5}.custom-tooltip-below:before{transform-origin:top;top:calc(100% + 10px);bottom:auto;transform:translate(-50%)scale(.96)}.custom-tooltip-below:after{border-color:transparent transparent var(--border-main) transparent;top:calc(100% + 4px);bottom:auto}.custom-tooltip-below:hover:before,.custom-tooltip-below.tooltip-active:before{transform:translate(-50%)scale(1)}.custom-tooltip-right:before{transform-origin:100% 100%;left:auto;right:0;transform:translate(0)scale(.96)}.custom-tooltip-right:after{left:auto;right:6px;transform:translate(0)}.custom-tooltip-right:hover:before,.custom-tooltip-right.tooltip-active:before{transform:translate(0)scale(1)}.ai-detail-panel{width:280px}@media (width>=1600px){.ai-detail-panel{width:340px}}@media (width<=1200px){.hide-on-laptop{display:none!important}.responsive-table th,.responsive-table td{padding:6px!important;font-size:13px!important}.responsive-table th:nth-child(3),.responsive-table td:nth-child(3),.responsive-table th:nth-child(5),.responsive-table td:nth-child(5),.responsive-table th:nth-child(6),.responsive-table td:nth-child(6){display:none!important}.responsive-table th:nth-child(2),.responsive-table td:nth-child(2){max-width:250px!important}.responsive-table th:nth-child(8),.responsive-table td:nth-child(8){width:80px!important;min-width:80px!important;max-width:80px!important;padding:0 16px 0 8px!important}.sticky-action-col{z-index:20!important;box-shadow:none!important;background-color:#0000!important;border-left:none!important;position:sticky!important;right:0!important}.contract-list-row,.contract-list-row td,.responsive-table tr{overflow:visible!important}.table-container{contain:none!important;overflow:auto visible!important}}.table-row-hover:hover .sticky-action-col{background-color:var(--bg-hover)!important}.dark .modal-body::-webkit-scrollbar-thumb{background:#334155}.dark .modal-body::-webkit-scrollbar-track{background:#1e293b}.app-main{overflow-x:hidden}.contracts-grid{grid-template-columns:repeat(2,1fr)}@media (width>=1200px){.contracts-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1700px){.contracts-grid{grid-template-columns:repeat(4,1fr)}}.categories-grid{grid-template-columns:repeat(2,1fr)}@media (width>=1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1700px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.contracts-list-row:last-child{border-bottom:none!important}@media (width<=1024px){.app-sidebar{border-right:none!important;border-top:1px solid var(--sidebar-border)!important;z-index:500!important;flex-direction:row!important;width:100%!important;height:64px!important;padding:0!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;overflow:hidden!important}.app-sidebar .sidebar-logo,.app-sidebar .sidebar-profile,.app-sidebar .sidebar-collapse-btn{display:none!important}.app-sidebar .sidebar-nav{flex-direction:row!important;align-items:center!important;width:100%!important;height:64px!important;padding:0!important;display:flex!important;overflow:auto hidden!important}.app-sidebar .sidebar-nav button{border-radius:0!important;flex-direction:column!important;flex:1!important;gap:3px!important;min-width:48px!important;height:64px!important;padding:0!important;font-size:10px!important}.app-sidebar .sidebar-nav button span.nav-label{white-space:nowrap!important;font-size:9px!important}.app-main{margin-left:0!important;padding:24px 24px 80px!important;transition:none!important}.app-header{margin-bottom:24px!important}.app-header h1{font-size:24px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}.contracts-grid,.categories-grid,.dashboard-main-grid{grid-template-columns:1fr!important}.cancel-kpi-grid{grid-template-columns:1fr 1fr!important}.cancel-main-grid,.analyse-grid-2col{grid-template-columns:1fr!important}.analyse-kpi-grid{grid-template-columns:1fr 1fr!important}.contracts-list-header{display:none!important}.contracts-list-row{grid-template-rows:auto auto!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;padding:14px 16px!important}.contracts-list-row>:first-child{grid-area:1/1}.contracts-list-row>:nth-child(4){grid-area:1/2;text-align:right!important;font-size:15px!important}.contracts-list-row>:nth-child(2){grid-area:2/1}.contracts-list-row>:nth-child(5){grid-area:2/2;text-align:right!important}.contracts-list-row>:nth-child(3),.contracts-list-row>:nth-child(6),.contracts-list-row>:nth-child(7),.contracts-list-row>:nth-child(8){display:none!important}.contract-detail-drawer{width:92%!important;max-width:92%!important}.modal-overlay{padding:16px!important}.add-contract-modal{max-height:92vh!important}}@media (width<=768px){.app-main{padding:16px 16px 80px!important}.app-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:24px!important}.app-header h1{font-size:22px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.contracts-grid,.categories-grid{grid-template-columns:1fr!important}.contract-detail-drawer{width:100%!important;max-width:100%!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.add-contract-modal{border-radius:24px 24px 0 0!important;max-height:95vh!important}.dashboard-main-grid{grid-template-columns:1fr!important}.app-header .welcome-text{display:none!important}.add-contract-btn{padding:12px 16px!important;font-size:13px!important}.slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) slide-in-bottom!important}@keyframes slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.analyse-grid-2col{grid-template-columns:1fr!important}.analyse-kpi-grid{grid-template-columns:1fr 1fr!important}}@media (width<=600px){.mode-selection{grid-template-columns:1fr;gap:14px}.kpi-grid,.cancel-kpi-grid{grid-template-columns:1fr!important}}.recharts-sector:focus,.recharts-pie-sector:focus,.recharts-layer path:focus{outline:none}.category-card{box-shadow:none;transform:none}.category-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}
