@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#110008;--bg-secondary:#000;--brand-accent:#f92050;--card-bg:#121011d1;--card-border:#f920502e;--card-hover-border:#f9205066;--text-primary:#ece2e4;--text-secondary:#b2b2b2;--text-muted:#6b6167;--color-success:#10b981;--color-success-bg:#10b9811f;--color-success-border:#10b98159;--color-danger:#f92050;--color-danger-bg:#f920501f;--color-danger-border:#f9205059;--color-neutral:#6b6167;--color-neutral-bg:#ffffff0d;--color-neutral-border:#fff3;--font-logo:"Archia", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--space-multiplier:.8}:root[data-theme=light]{--bg-primary:#fcf8f9;--bg-secondary:#f5ebef;--brand-accent:#f92050;--card-bg:#ffffffd9;--card-border:#f9205024;--card-hover-border:#f9205066;--text-primary:#110008;--text-secondary:#5c4e53;--text-muted:#8e8085;--color-success:#059669;--color-success-bg:#05966914;--color-success-border:#05966940;--color-danger:#d9103c;--color-danger-bg:#d9103c14;--color-danger-border:#d9103c40;--color-neutral:#5c4e53;--color-neutral-bg:#5c4e530f;--color-neutral-border:#5c4e5333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#f920500a 0,#0000 60%),radial-gradient(at 100% 100%,#f920500a 0,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5}#root{width:100%;max-width:1400px;padding:calc(2rem * var(--space-multiplier));margin:0 auto}.app-header{margin-bottom:calc(2.5rem * var(--space-multiplier));padding-bottom:calc(1.5rem * var(--space-multiplier));border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex}.brand-logo-container{flex-direction:column;gap:.15rem;display:flex}.brand-logo-main{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);font-size:2.2rem;font-weight:700;line-height:1.1}.brand-logo-sub{font-family:var(--font-logo);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-accent);opacity:.95;font-size:.85rem;font-weight:300;line-height:1}.header-right{align-items:center;gap:1.5rem;display:flex}.summary-stats{gap:1rem;display:flex}.summary-stat-card{background:var(--card-bg);border:1px solid var(--card-border);padding:calc(.75rem * var(--space-multiplier)) calc(1.25rem * var(--space-multiplier));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:.75rem;display:flex}.summary-stat-label{color:var(--text-secondary);font-size:.85rem}.summary-stat-value{font-size:1.25rem;font-weight:600}.summary-stat-value.success{color:var(--color-success)}.summary-stat-value.danger{color:var(--color-danger)}.filters-bar{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.search-input-wrapper{flex:1;min-width:280px;position:relative}.search-input{width:100%;padding:calc(.75rem * var(--space-multiplier)) calc(1rem * var(--space-multiplier)) calc(.75rem * var(--space-multiplier)) 2.5rem;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:10px;outline:none;font-size:.95rem}.search-input:focus{border-color:var(--card-hover-border);box-shadow:0 0 0 2px #f920501f}.search-icon{color:var(--text-muted);pointer-events:none;font-size:.95rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.filter-select{padding:calc(.75rem * var(--space-multiplier)) calc(1.5rem * var(--space-multiplier));background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;outline:none;font-size:.95rem}.filter-select:focus{border-color:var(--card-hover-border);box-shadow:0 0 0 2px #f920501f}.dashboard-grid{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (width<=640px){.dashboard-grid{gap:1rem}}.client-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition-smooth);border-radius:16px;flex-direction:column;width:100%;padding:1rem;display:flex}.client-card:hover{border-color:var(--card-hover-border);box-shadow:0 12px 24px -8px #f920501f}.client-header{padding-bottom:calc(.75rem * var(--space-multiplier));border-bottom:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.client-title{letter-spacing:-.02em;color:var(--text-primary);font-size:1.35rem;font-weight:600}.client-metadata{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;display:flex}.metadata-item{padding:calc(.2rem * var(--space-multiplier)) calc(.5rem * var(--space-multiplier));background:#ffffff08;border:1px solid #ffffff05;border-radius:6px;align-items:center;gap:.35rem;display:flex}.metadata-label{color:var(--text-muted)}.client-kpis{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;width:100%;display:grid}.kpi-card{padding:calc(.85rem * var(--space-multiplier)) calc(1rem * var(--space-multiplier));transition:var(--transition-smooth);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:stretch;display:flex}.kpi-card-main{flex-direction:column;align-items:stretch;gap:.35rem;width:100%;display:flex}.client-header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.kpi-progress-wrapper{margin-top:calc(.85rem * var(--space-multiplier));flex-direction:column;gap:6px;width:100%;display:flex}.kpi-progress-bar-container{background:#ffffff14;border-radius:3px;width:100%;height:6px;position:relative;overflow:visible}:root[data-theme=light] .kpi-progress-bar-container{background:#0000000f}.kpi-progress-bar-fill{background:var(--text-muted);opacity:.4;border-radius:3px;height:100%;position:absolute;top:0;left:0}.kpi-progress-bullet{z-index:2;cursor:help;border-radius:50%;width:12px;height:12px;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px}.kpi-progress-bullet.success{background:var(--color-success);color:var(--color-success)}.kpi-progress-bullet.danger{background:var(--color-danger);color:var(--color-danger)}.kpi-progress-labels{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.kpi-progress-time-label{color:var(--text-muted)}.kpi-progress-perf-label{font-weight:600}.kpi-card.success .kpi-progress-perf-label{color:var(--color-success)}.kpi-card.danger .kpi-progress-perf-label{color:var(--color-danger)}.kpi-card.success{background:var(--color-success-bg);border-color:var(--color-success-border)}.kpi-card.danger{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.kpi-card.neutral{background:var(--color-neutral-bg);border-color:var(--color-neutral-border)}.kpi-card.success:hover{border-color:#10b981a6}.kpi-card.danger:hover{border-color:#f92050a6}.kpi-card.neutral:hover{border-color:#ffffff59}.kpi-details-row{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.kpi-name{color:var(--text-primary);white-space:normal;word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.25}.kpi-direction{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.kpi-values{justify-content:flex-end;align-items:baseline;gap:.25rem;display:flex}.kpi-current{font-size:1.1rem;font-weight:600}.kpi-card.success .kpi-current{color:var(--color-success)}.kpi-card.danger .kpi-current{color:var(--color-danger)}.kpi-target{color:var(--text-secondary);font-size:.8rem}.loading-state,.error-state{padding:calc(5rem * var(--space-multiplier)) calc(2rem * var(--space-multiplier));text-align:center;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;display:flex}.loading-spinner{border:3px solid var(--card-border);border-top-color:var(--brand-accent);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:1rem;padding:.6rem 1.5rem;font-weight:500}.retry-button:hover{background:#ffffff26;border-color:#ffffff4d}body,.client-card,.kpi-card,.app-header,.search-input,.filter-select,.summary-stat-card,.action-trigger-btn,.settings-action-btn,.slideshow-controls-container{transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s,transform .4s}.header-actions{align-items:center;gap:.75rem;display:flex}.dropdown-wrapper{position:relative}.action-trigger-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:calc(.6rem * var(--space-multiplier)) calc(1.2rem * var(--space-multiplier));font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:42px;transition:var(--transition-smooth);border-radius:10px;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.action-trigger-btn:hover{border-color:var(--card-hover-border);background:#f920500f}.action-trigger-btn.active{border-color:var(--brand-accent);background:#f920500a}.action-trigger-btn.panel-open{border-color:var(--brand-accent);background:#f9205014}.action-icon{stroke:currentColor;stroke-width:2.5px;width:16px;height:16px}.active-badge{background:var(--brand-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:.25rem;padding:0 4px;font-size:.75rem;font-weight:600;display:inline-flex}.dropdown-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;border-radius:14px;flex-direction:column;gap:1rem;width:320px;max-width:calc(100vw - 2rem);padding:1.25rem;animation:.25s cubic-bezier(.4,0,.2,1) forwards dropdown-fade-in;display:flex;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 12px 30px #00000059}:root[data-theme=light] .dropdown-panel{box-shadow:0 12px 30px #00000014}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:.15rem;padding-bottom:.5rem;display:flex}:root[data-theme=light] .panel-header{border-bottom-color:#0000000f}.panel-header h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.reset-filters-btn{color:var(--brand-accent);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:500}.reset-filters-btn:hover{background:#f9205014}.panel-content{flex-direction:column;gap:.85rem;display:flex}.panel-field{flex-direction:column;gap:.35rem;display:flex}.panel-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.panel-content .search-input-wrapper{width:100%;min-width:100%}.panel-content .filter-select{width:100%}.settings-action-btn{width:100%;color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.9rem;font-weight:500;display:flex}.settings-action-btn:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff0f}:root[data-theme=light] .settings-action-btn:hover:not(:disabled){background:#00000008;border-color:#0000000a}.settings-action-btn:disabled{opacity:.6;cursor:not-allowed}.settings-row{width:100%;color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.9rem;font-weight:500;display:flex}.settings-select{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 8px;font-size:.8rem}.settings-select:focus{border-color:var(--brand-accent)}:root[data-theme=light] .settings-select{background:#00000008;border-color:#00000014}.settings-divider{background:#ffffff14;height:1px;margin:.4rem .85rem}:root[data-theme=light] .settings-divider{background:#00000014}.btn-label-group{align-items:center;gap:.75rem;display:flex}.settings-btn-icon{stroke:currentColor;stroke-width:2.5px;width:16px;height:16px}.settings-btn-icon.loading-spin{animation:1s linear infinite spin}.theme-status-text{color:var(--text-secondary);background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:.8rem}:root[data-theme=light] .theme-status-text{background:#0000000d}:fullscreen #root{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important}#root:has(.fullscreen-active){width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important}body:has(.fullscreen-active){overflow:hidden!important}:fullscreen body{background-color:var(--bg-primary)!important;background-image:radial-gradient(at 0 0,#f920500a 0,#0000 60%),radial-gradient(at 100% 100%,#f920500a 0,#0000 60%)!important;background-attachment:fixed!important}.app-wrapper.fullscreen-active{box-sizing:border-box;background:0 0;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;margin:0;padding:1rem;display:flex}.fullscreen-active .dashboard-grid{box-sizing:border-box!important;flex:1!important;grid-template-rows:repeat(3,1fr)!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;width:100%!important;height:calc(100% - 20px)!important;display:grid!important}.fullscreen-active .client-card{box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;height:100%!important;display:flex!important;overflow-y:auto!important}.fullscreen-active .client-card::-webkit-scrollbar{width:4px}.fullscreen-active .client-card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.slideshow-controls-container{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;border-radius:12px;flex-direction:column;align-items:center;width:280px;padding:14px 16px 10px;display:flex;position:fixed;bottom:1.5rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.slideshow-progress-bar{background:var(--brand-accent);transform-origin:0;width:100%;height:3px;animation:30s linear forwards progress-animation;position:absolute;top:0;left:0}@keyframes progress-animation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.slideshow-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.slideshow-control-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;display:flex}.slideshow-control-btn:hover{color:var(--text-primary);background:#f9205014}.slideshow-page-indicator{color:var(--text-secondary);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:500}@media (width<=768px){:root{--space-multiplier:.5}.app-header{margin-bottom:calc(1.5rem * var(--space-multiplier));padding-bottom:calc(1.25rem * var(--space-multiplier));grid-template-columns:1fr auto;grid-template-areas:"logo actions""stats stats";align-items:center;gap:1.25rem;display:grid}.header-left{grid-area:logo}.header-actions{grid-area:actions;justify-content:flex-end}.summary-stats{grid-area:stats;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%;display:grid}.header-right{display:contents}.summary-stat-card{justify-content:center}.action-trigger-btn{justify-content:center;gap:.25rem;height:38px;padding:0 12px}.btn-text{display:none}.active-badge{margin-left:0}.dropdown-panel{width:calc(100vw - 2rem);top:calc(100% + .4rem);right:0}.app-wrapper.fullscreen-active{padding:1rem}.fullscreen-active .dashboard-grid{grid-template-rows:1fr!important;grid-template-columns:1fr!important;gap:0!important;height:calc(100% - 80px)!important}.client-header{flex-direction:column;align-items:flex-start;gap:.5rem}}