.line-chart-div{width:100%;height:100%;display:flex;flex-direction:column}#line-chart{height:220px;width:100%}.spider-chart-div{width:100%;height:100%;display:flex;flex-direction:column}#spider-chart{height:240px;width:100%}#lights{overflow:hidden;position:absolute}#lights,.squares-canvas,canvas{width:100%;height:100%}.squares-canvas{border:none;display:block}.waves{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.waves,.waves:before{position:absolute;top:0;left:0}.waves:before{content:"";width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(-.5rem) - 50%),calc(var(50%) - 50%),0);will-change:transform}.canvas{display:block;width:100%;height:100%}:root{--color-text:#ffffff;--color-bg:#060606;--color-bg-accent:#111111;--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size) / 14);--duration:60s}.logoWall-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:0 auto;max-width:100%;padding:20px 10px;color:var(--color-text);background-color:var(--color-bg)}.wrapper--vertical{flex-direction:row;justify-content:center;height:100%}.marquee{position:relative;display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--gap);justify-content:flex-start;width:100%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0));mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0))}.marquee,.marquee--vertical{-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.marquee--vertical{flex-direction:column;height:100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0));mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(0,0,0,0))}.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);animation:scroll-x var(--duration) linear infinite}.marquee--reverse .marquee__group{animation-direction:reverse;animation-delay:-3s}.marquee__group{min-width:100%}.marquee--vertical .marquee__group{min-width:auto;min-height:100%;flex-direction:column;animation-name:scroll-y}@keyframes scroll-x{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes scroll-y{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.paused .marquee__group{animation-play-state:paused!important}.marquee__group img{width:var(--size);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:.5rem;object-fit:contain}.marquee--vertical .marquee__group img{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:-moz-fit-content;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{right:0;bottom:0;background-size:300% 100%;animation:gradient linear infinite;z-index:0;pointer-events:none}.gradient-overlay,.gradient-overlay:before{position:absolute;top:0;left:0;border-radius:inherit}.gradient-overlay:before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060606;z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.shiny-text{color:#ce0d0da4;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.page-connexion{display:flex;align-items:center;justify-content:center;background:var(--background);min-height:100vh;padding:2rem}.login-container{background:var(--white-color);padding:3rem 2rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:500px;text-align:center}.logo-wrapper{margin-bottom:1rem}.logo-circle,.logo-wrapper{display:flex;justify-content:center}.logo-circle{align-items:center;width:280px;height:280px;padding:20px;border-radius:50%;background:var(--focus-color)}.login-logo{width:220px;height:auto;display:block}.login-title{font-size:1.8rem;color:var(--black-color);margin-bottom:2rem}.login-section{margin-bottom:1.5rem;text-align:left}.login-section label{display:block;font-weight:700;margin-bottom:.2rem;color:var(--black-color)}.login-section input{width:100%;padding:.75rem 1rem;border:1px solid var(--background);border-radius:6px;font-size:1rem;transition:border-color .3s ease}.login-section input:focus{outline:none;border-color:var(--focus-color)}.login-section input:disabled{opacity:.7;cursor:not-allowed}.error-message{color:color-mix(in srgb,var(--red-color) 70%,transparent);font-size:.9rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--red-color) 70%,transparent);padding:.75rem;border-radius:6px}.login-button{width:100%;padding:.75rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;color:var(--black-color);background-color:var(--background);border:none;border-radius:999px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.login-button:hover{background-color:var(--focus-color)}.login-button.is-loading,.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-message{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;color:var(--black-color);margin-bottom:1rem;opacity:.8}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top:2px solid var(--focus-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.surveillance-wrapper{width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;color:var(--text-primary)}.surveillance-shell{display:flex;flex-direction:column;gap:20px;min-height:100%}.surveillance-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--background) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 72%,white 28%) 45%,color-mix(in srgb,var(--blue-color) 18%,white 82%) 100%);box-shadow:0 10px 30px color-mix(in srgb,var(--black-color) 10%,transparent),inset 0 1px 0 color-mix(in srgb,white 60%,transparent)}.surveillance-hero:before{content:"";position:absolute;inset:auto -8% -30% auto;width:360px;height:360px;border-radius:50%;background:color-mix(in srgb,var(--white-color) 22%,transparent);filter:blur(18px);pointer-events:none}.surveillance-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,color-mix(in srgb,var(--white-color) 10%,transparent) 35%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);grid-gap:20px;gap:20px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;gap:14px}.hero-eyebrow{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;gap:8px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--white-color) 68%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);color:var(--text-primary);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--green-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--green-color) 14%,transparent)}.page-heading{display:flex;flex-direction:column;gap:10px}.page-heading h1{margin:0;font-size:clamp(1.9rem,2vw,2.6rem);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--black-color);max-width:14ch}.page-heading p{margin:0;max-width:70ch;font-size:.98rem;line-height:1.6;color:color-mix(in srgb,var(--black-color) 72%,transparent)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.hero-button,.hero-button-secondary{min-height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;font-size:.92rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.hero-button{background:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);box-shadow:0 10px 20px color-mix(in srgb,var(--black-color) 18%,transparent)}.hero-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--blue-color) 70%,var(--black-color));border-color:color-mix(in srgb,var(--blue-color) 70%,var(--black-color))}.hero-button-secondary{background:color-mix(in srgb,var(--white-color) 56%,transparent);color:var(--black-color);border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-button-secondary:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--white-color) 82%,transparent)}.hero-panel{position:relative;z-index:1;min-height:100%;border-radius:22px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--white-color) 78%,transparent) 0,color-mix(in srgb,var(--white-color) 60%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,white 70%,transparent),0 10px 24px color-mix(in srgb,var(--black-color) 10%,transparent);display:flex;flex-direction:column;justify-content:space-between;gap:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-panel-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--black-color) 56%,transparent)}.hero-panel-main{display:flex;flex-direction:column;gap:10px}.hero-panel-value{font-size:clamp(2rem,2.2vw,2.8rem);line-height:1;font-weight:800;color:var(--black-color)}.hero-panel-text{margin:0;font-size:.92rem;line-height:1.55;color:color-mix(in srgb,var(--black-color) 70%,transparent)}.hero-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.hero-panel-stat{border-radius:16px;padding:12px 14px;background:color-mix(in srgb,var(--white-color) 66%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.hero-panel-stat span{display:block}.hero-panel-stat-label{margin-bottom:4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--black-color) 54%,transparent)}.hero-panel-stat-value{font-size:1rem;font-weight:800;color:var(--black-color)}.error-message{border-radius:18px;padding:14px 18px;background:color-mix(in srgb,var(--red-color) 12%,var(--white-color));border:1px solid color-mix(in srgb,var(--red-color) 65%,transparent);color:var(--red-color);font-size:.95rem;font-weight:600}.section-block{display:flex;flex-direction:column;gap:14px}.section-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.section-header-main{display:flex;flex-direction:column}.section-header h2{margin:0;font-size:1.2rem;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.section-header p{margin:0;font-size:.92rem;color:var(--text-secondary)}.section-header-side{display:flex;align-items:center;flex-wrap:wrap}.section-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:color-mix(in srgb,var(--white-color) 75%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);color:var(--text-primary);font-size:.82rem;font-weight:700}.kpi-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;background:transparent;border:none;box-shadow:none;overflow:visible}.kpi-card{position:relative;min-width:0;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 96%,white 4%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 60%,transparent);align-items:flex-start;justify-content:space-between;gap:8px;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:auto -18px -18px auto;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--focus-color) 12%,transparent);pointer-events:none}.kpi-card:first-child:after{background:color-mix(in srgb,var(--blue-color) 14%,transparent)}.kpi-card:nth-child(2):after{background:color-mix(in srgb,var(--green-color) 14%,transparent)}.kpi-card:nth-child(3):after{background:color-mix(in srgb,var(--yellow-color) 14%,transparent)}.kpi-card:nth-child(4):after{background:color-mix(in srgb,var(--red-color) 12%,transparent)}.kpi-sep{display:none}.kpi-topline{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.kpi-dot{width:10px;height:10px;border-radius:50%}.kpi-card.total .kpi-dot{background:var(--blue-color)}.kpi-card.online .kpi-dot{background:var(--green-color)}.kpi-card.warning .kpi-dot{background:var(--yellow-color)}.kpi-card.alert .kpi-dot{background:var(--red-color)}.kpi-value{font-size:clamp(1.8rem,2vw,2.4rem);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.kpi-label{font-size:.85rem;line-height:1.5;text-transform:none;letter-spacing:0;text-align:left;color:var(--text-secondary)}.kpi-alert .kpi-value{color:var(--red-color)}.badge-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 74%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);color:var(--text-secondary);font-size:.82rem;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white-color) 60%,transparent)}.legend-title{font-weight:800;color:var(--text-primary);margin-right:0}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-sep{width:1px;height:16px;background:color-mix(in srgb,var(--black-color) 10%,transparent)}.badge-mini{width:25px;height:25px;border-radius:7px;background:var(--focus-color);color:var(--white-color);font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--black-color) 12%,transparent)}.legend-item .dot{width:10px;height:10px;border-radius:50%}.fleet-section{display:flex;flex-direction:column;gap:18px}.fleet-toolbar{gap:12px;justify-content:space-between}.fleet-toolbar,.fleet-toolbar-left{display:flex;flex-wrap:wrap;align-items:center}.fleet-toolbar-right{display:flex;align-items:center;gap:10px}.fleet-count{min-height:38px;padding:0 14px;border-radius:999px;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);font-size:.82rem;font-weight:700;color:var(--text-primary)}.fleet-count,.nav-arrow{display:inline-flex;align-items:center}.nav-arrow{width:42px;height:42px;border-radius:14px;border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);background:color-mix(in srgb,var(--white-color) 84%,transparent);justify-content:center;box-shadow:0 8px 18px color-mix(in srgb,var(--black-color) 8%,transparent);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-arrow:hover{transform:translateY(-1px);background:var(--white-color);border-color:color-mix(in srgb,var(--blue-color) 26%,transparent)}.nav-arrow img{width:16px;height:16px}.fleet-grid-wrap{position:relative}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px}.fleet-card{position:relative;padding:18px 16px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 98%,white 2%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);border-radius:22px;box-shadow:0 10px 24px color-mix(in srgb,var(--black-color) 7%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-height:190px}.fleet-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px color-mix(in srgb,var(--black-color) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent);border-color:color-mix(in srgb,var(--blue-color) 22%,transparent)}.fleet-card-selected{border-color:color-mix(in srgb,var(--blue-color) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--background) 28%,var(--white-color)) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);box-shadow:0 18px 34px color-mix(in srgb,var(--blue-color) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent)}.fleet-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.fleet-card-icon{width:48px;height:48px;border-radius:16px;background:var(--focus-color);border:1px solid color-mix(in srgb,var(--black-color) 20%,transparent);display:flex;align-items:center;justify-content:center}.fleet-card-top img{width:26px;height:26px;object-fit:contain}.fleet-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--white-color) 75%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent);font-size:.75rem;font-weight:700;color:var(--text-primary)}.fleet-status-dot{position:static;width:9px;height:9px;border-radius:50%;border:none}.fleet-status-dot.online{background:var(--green-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--green-color) 12%,transparent)}.fleet-status-dot.offline{background:var(--red-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--red-color) 10%,transparent)}.fleet-card-body{display:flex;flex-direction:column;gap:6px}.fleet-card-name{margin:0;font-size:.98rem;line-height:1.35;font-weight:800;color:var(--text-primary);text-align:left;word-break:break-word}.fleet-card-state{font-size:.82rem;color:var(--text-secondary)}.fleet-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:auto}.fleet-meta-box{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface-muted) 55%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 6%,transparent)}.fleet-meta-label{display:block;margin-bottom:2px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.fleet-meta-value{display:block;font-size:.83rem;font-weight:700;color:var(--text-primary)}.fleet-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:0}.badge{min-width:28px;height:28px;padding:0 8px;border-radius:9px;color:var(--white-color);font-size:.67rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--black-color) 16%,transparent)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-gap:18px;gap:18px;align-items:start}.panel-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 98%,white 2%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);border-radius:24px;box-shadow:0 12px 28px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent)}.quick-view{padding:22px;display:flex;flex-direction:column;gap:18px;animation:fadeIn .24s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-view-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);padding-bottom:14px}.quick-view-title-wrap{display:flex;flex-direction:column;gap:6px}.quick-view-kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.quick-view-header h3{margin:0;font-size:1.3rem;line-height:1.15;color:var(--text-primary);font-weight:800;letter-spacing:-.02em}.quick-view-subtitle{font-size:.88rem;color:var(--text-secondary)}.close-quick-view{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--white-color) 70%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);font-size:1.2rem;line-height:1;color:var(--text-secondary);transition:transform .2s ease,color .2s ease,border-color .2s ease,background-color .2s ease}.close-quick-view:hover{color:var(--red-color);border-color:color-mix(in srgb,var(--red-color) 24%,transparent);transform:rotate(90deg)}.quick-view-body{display:flex;flex-direction:column;gap:18px}.quick-view-section{display:flex;flex-direction:column;gap:10px}.quick-view-section-title{display:block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.quick-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.quick-view-item{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 46%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.quick-view-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.quick-view-value{font-size:.94rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.quick-view-description{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.quick-status-row{display:flex;flex-wrap:wrap;gap:8px}.status-chip{min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;border:1px solid transparent}.status-chip.valid{background:color-mix(in srgb,var(--green-color) 14%,var(--white-color));color:color-mix(in srgb,var(--green-color) 78%,var(--black-color));border-color:color-mix(in srgb,var(--green-color) 28%,transparent)}.status-chip.warning{background:color-mix(in srgb,var(--yellow-color) 18%,var(--white-color));color:color-mix(in srgb,var(--yellow-color) 74%,var(--black-color));border-color:color-mix(in srgb,var(--yellow-color) 32%,transparent)}.status-chip.invalid{background:color-mix(in srgb,var(--red-color) 14%,var(--white-color));color:color-mix(in srgb,var(--red-color) 84%,var(--black-color));border-color:color-mix(in srgb,var(--red-color) 30%,transparent)}.status-chip.skipped{background:color-mix(in srgb,var(--grey-color) 12%,var(--white-color));color:color-mix(in srgb,var(--grey-color) 84%,var(--black-color));border-color:color-mix(in srgb,var(--grey-color) 24%,transparent)}.details-button{align-self:flex-start;min-height:46px;padding:0 18px;border-radius:999px;background:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);cursor:pointer;font-size:.92rem;font-weight:700;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px color-mix(in srgb,var(--black-color) 16%,transparent)}.details-button:hover{background:var(--focus-color);color:var(--black-color);transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--focus-color) 30%,transparent)}.selection-placeholder{padding:22px;min-height:100%;display:flex;flex-direction:column;gap:14px;justify-content:center}.selection-placeholder-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-primary)}.selection-placeholder-text{margin:0;font-size:.92rem;line-height:1.65;color:var(--text-secondary);max-width:44ch}.selection-placeholder-badges{display:flex;flex-wrap:wrap;gap:10px}.selection-placeholder-badge{min-height:34px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 70%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent);font-size:.8rem;font-weight:700;color:var(--text-primary)}.side-summary{padding:22px;display:flex;flex-direction:column;gap:18px}.side-summary-header{display:flex;flex-direction:column;gap:6px}.side-summary-header h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.side-summary-header p{margin:0;font-size:.9rem;color:var(--text-secondary)}.side-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.side-summary-card{padding:14px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 48%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.side-summary-card-label{display:block;margin-bottom:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.side-summary-card-value{display:block;font-size:.95rem;font-weight:800;color:var(--text-primary)}.overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--black-color) 24%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;cursor:pointer}.side-panel{position:fixed;top:0;right:0;width:min(820px,calc(100vw - 84px));height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 100%,transparent) 0,color-mix(in srgb,var(--surface-muted) 22%,var(--card-bg)) 100%);border-left:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);box-shadow:-24px 0 48px color-mix(in srgb,var(--black-color) 18%,transparent);transform:translateX(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:9999;padding:22px 22px 28px;box-sizing:border-box;overflow-y:auto}.side-panel.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.drawer-title-wrap{display:flex;flex-direction:column;gap:4px}.drawer-title-wrap span{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.drawer-title-wrap h2{margin:0;font-size:1.35rem;line-height:1.15;font-weight:800;color:var(--text-primary)}.close-drawer-btn{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--red-color) 24%,transparent);border-radius:14px;background:color-mix(in srgb,var(--white-color) 84%,transparent);color:var(--text-primary);font-size:22px;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.close-drawer-btn:hover{transform:rotate(90deg);background-color:color-mix(in srgb,var(--red-color) 12%,var(--white-color));border-color:color-mix(in srgb,var(--red-color) 42%,transparent);color:var(--red-color)}.details-content{display:flex;flex-direction:column;gap:20px}.drawer-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.drawer-stat{padding:14px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 48%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.drawer-stat-label{display:block;margin-bottom:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.drawer-stat-value{display:block;font-size:.96rem;font-weight:800;color:var(--text-primary)}.tab-header{display:flex;gap:8px;margin-bottom:0;padding:6px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 60%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.tab{flex:1 1;min-height:44px;background-color:transparent;border:none;padding:0 14px;cursor:pointer;border-radius:14px;font-size:.92rem;font-weight:700;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.tab:hover{background-color:color-mix(in srgb,var(--white-color) 60%,transparent);color:var(--text-primary)}.tab.active{background-color:var(--black-color);color:var(--white-color);box-shadow:0 10px 18px color-mix(in srgb,var(--black-color) 15%,transparent)}.tab-content{padding:18px;border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);border-radius:24px;background:color-mix(in srgb,var(--white-color) 82%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white-color) 60%,transparent)}.section{margin-bottom:18px}.section:last-child{margin-bottom:0}.section-title{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);padding-bottom:10px}.static-info{display:flex;flex-direction:column;gap:10px}.info-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--black-color) 6%,transparent)}.info-row:last-child{border-bottom:none}.info-label{font-weight:700;font-size:.84rem;color:var(--text-secondary)}.info-value{font-weight:600;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;gap:8px;min-width:0;word-break:break-word}.volume-list{display:flex;flex-direction:column;gap:14px}.volume-info{padding:14px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 42%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent);margin-bottom:0}.volume-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.volume-title{font-size:.92rem;font-weight:800;color:var(--text-primary)}.volume-meta{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.progress-bar{width:100%;height:12px;background-color:color-mix(in srgb,var(--grey-color) 12%,transparent);border-radius:999px;overflow:hidden;margin-top:0;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--focus-color) 90%,transparent) 0,color-mix(in srgb,var(--blue-color) 75%,var(--focus-color)) 100%);border-radius:999px;display:block}.progress-text{margin-top:10px;position:static;transform:none;color:var(--text-primary);font-size:.82rem;font-weight:700;display:inline-block}.security-table{width:100%;display:flex;flex-direction:column;gap:10px}.header-row{display:grid;grid-template-columns:90px 180px minmax(0,1fr);align-items:center;padding:0 0 8px;border-bottom:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);font-weight:800;color:var(--text-primary);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.table-header,.table-header-name{width:auto;text-align:left;padding-left:0}.table-row{display:grid;grid-template-columns:90px 180px minmax(0,1fr);align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 38%,var(--white-color))}.table-cell{align-items:center}.table-cell,.table-icon{display:flex;justify-content:flex-start}.table-icon{width:auto;padding-left:0}.table-name{font-weight:700;color:var(--text-primary)}.table-comment,.table-name{width:auto;text-align:left;padding-left:0}.table-comment{font-weight:500;color:var(--text-secondary);white-space:normal;line-height:1.55}.backup-list{display:flex;flex-direction:column;gap:12px}.backup-card{padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 42%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.backup-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.backup-card-title{font-size:.95rem;font-weight:800;color:var(--text-primary)}.backup-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.backup-card-item{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--white-color) 72%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 6%,transparent)}.backup-card-item-label{display:block;margin-bottom:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.backup-card-item-value{display:block;font-size:.84rem;font-weight:700;color:var(--text-primary);line-height:1.5}.empty-block{padding:18px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 38%,var(--white-color));border:1px dashed color-mix(in srgb,var(--black-color) 12%,transparent);color:var(--text-secondary);font-size:.9rem;line-height:1.6}.status-inline-icon{width:16px;height:16px;object-fit:contain}.dark-test .surveillance-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%) 0,color-mix(in srgb,var(--black-color) 80%,var(--blue-color) 20%) 100%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);box-shadow:0 20px 40px color-mix(in srgb,black 30%,transparent),inset 0 1px 0 color-mix(in srgb,white 10%,transparent)}.client-change-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 98%,white 2%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent)}.client-change-copy{display:flex;flex-direction:column;gap:6px}.client-change-kicker{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.client-change-copy h3{margin:0;font-size:1.08rem;line-height:1.2;font-weight:800;color:var(--text-primary)}.client-change-copy p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary);max-width:72ch}.change-button-primary,.change-button-secondary,.client-change-button{min-height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.92rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.change-button-primary,.client-change-button{background:var(--black-color);color:var(--white-color);border:1px solid var(--black-color);box-shadow:0 10px 20px color-mix(in srgb,var(--black-color) 16%,transparent)}.change-button-primary:hover,.client-change-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--blue-color) 70%,var(--black-color));border-color:color-mix(in srgb,var(--blue-color) 70%,var(--black-color))}.change-button-secondary{background:color-mix(in srgb,var(--white-color) 82%,transparent);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent)}.change-button-secondary:hover{transform:translateY(-1px);background:var(--white-color)}.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--black-color) 28%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000}.change-modal{position:fixed;top:50%;left:50%;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;transform:translate(-50%,-50%);z-index:10001;padding:22px;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 100%,transparent) 0,color-mix(in srgb,var(--surface-muted) 22%,var(--card-bg)) 100%);border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);box-shadow:0 30px 60px color-mix(in srgb,var(--black-color) 24%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 70%,transparent);animation:modalPopIn .24s ease}@keyframes modalPopIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.change-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.change-modal-kicker{display:block;margin-bottom:4px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.change-modal-header h2{margin:0;font-size:1.28rem;line-height:1.15;font-weight:800;color:var(--text-primary)}.change-modal-close{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--white-color) 80%,transparent);border:1px solid color-mix(in srgb,var(--red-color) 24%,transparent);color:var(--text-primary);font-size:1.4rem;line-height:1;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.change-modal-close:hover{transform:rotate(90deg);color:var(--red-color);border-color:color-mix(in srgb,var(--red-color) 24%,transparent)}.change-modal-form{display:flex;flex-direction:column;gap:18px}.change-modal-section{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 40%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.change-modal-label{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.change-check{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:var(--text-primary)}.change-check input{width:18px;height:18px;accent-color:var(--focus-color)}.change-select,.change-textarea{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);background:color-mix(in srgb,var(--white-color) 86%,transparent);color:var(--text-primary);padding:12px 14px;outline:none}.change-select:focus,.change-textarea:focus{border-color:color-mix(in srgb,var(--blue-color) 40%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-color) 12%,transparent)}.change-textarea{resize:vertical;min-height:110px}.change-tags{display:flex;flex-wrap:wrap;gap:8px}.change-tag{min-height:34px;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--focus-color) 14%,var(--white-color));border:1px solid color-mix(in srgb,var(--focus-color) 26%,transparent);color:var(--text-primary);font-size:.82rem;font-weight:700}.change-modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:4px}@media screen and (max-width:768px){.client-change-card{flex-direction:column;align-items:stretch}.change-button-primary,.change-button-secondary,.client-change-button{width:100%}.change-modal{width:calc(100vw - 16px);padding:18px;border-radius:20px}.change-modal-actions{flex-direction:column}}.change-button-primary:disabled,.change-button-secondary:disabled,.client-change-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dark-test .close-drawer-btn,.dark-test .close-quick-view,.dark-test .hero-button-secondary,.dark-test .hero-eyebrow,.dark-test .hero-panel,.dark-test .nav-arrow,.dark-test .tab-content{background:color-mix(in srgb,var(--black-color) 78%,var(--focus-color) 22%);border-color:color-mix(in srgb,var(--focus-color) 28%,transparent)}.dark-test .hero-panel-stat-value,.dark-test .hero-panel-value,.dark-test .page-heading h1{color:var(--white-color)}.dark-test .fleet-card-state,.dark-test .hero-panel-label,.dark-test .hero-panel-stat-label,.dark-test .hero-panel-text,.dark-test .info-label,.dark-test .page-heading p,.dark-test .progress-text,.dark-test .quick-view-subtitle,.dark-test .section-header p,.dark-test .selection-placeholder-text,.dark-test .side-summary-header p,.dark-test .table-comment,.dark-test .volume-meta{color:var(--text-secondary)}.dark-test .hero-button{background:var(--focus-color);border-color:var(--focus-color);color:var(--black-color)}.dark-test .details-button:hover,.dark-test .hero-button:hover{background:var(--blue-color);border-color:var(--blue-color);color:var(--white-color)}.dark-test .backup-card,.dark-test .backup-card-item,.dark-test .badge-legend,.dark-test .drawer-stat,.dark-test .fleet-card,.dark-test .fleet-count,.dark-test .fleet-meta-box,.dark-test .fleet-status-pill,.dark-test .kpi-card,.dark-test .panel-card,.dark-test .quick-view-item,.dark-test .section-chip,.dark-test .selection-placeholder-badge,.dark-test .side-summary-card,.dark-test .tab-header,.dark-test .table-row,.dark-test .volume-info{background:color-mix(in srgb,var(--black-color) 90%,var(--focus-color) 10%);border-color:color-mix(in srgb,var(--focus-color) 22%,transparent);box-shadow:none}.dark-test .backup-card-item-value,.dark-test .backup-card-title,.dark-test .drawer-stat-value,.dark-test .drawer-title-wrap h2,.dark-test .fleet-card-name,.dark-test .info-value,.dark-test .kpi-value,.dark-test .quick-view-header h3,.dark-test .quick-view-value,.dark-test .section-header h2,.dark-test .selection-placeholder-title,.dark-test .side-summary-card-value,.dark-test .side-summary-header h3,.dark-test .table-name,.dark-test .volume-title{color:var(--white-color)}.dark-test .tab{color:var(--text-secondary)}.dark-test .tab:hover{background:color-mix(in srgb,var(--focus-color) 22%,transparent);color:var(--white-color)}.dark-test .tab.active{background:var(--focus-color);color:var(--black-color)}.dark-test .side-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--black-color) 96%,var(--focus-color) 4%) 0,color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%) 100%);border-left-color:color-mix(in srgb,var(--focus-color) 24%,transparent);box-shadow:-24px 0 48px color-mix(in srgb,black 36%,transparent)}.dark-test .progress-bar{background-color:color-mix(in srgb,var(--white-color) 10%,transparent)}.dark-test .progress-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--focus-color) 85%,transparent) 0,color-mix(in srgb,var(--blue-color) 85%,transparent) 100%)}.dark-test .empty-block{background:color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);color:var(--text-secondary)}.dark-test .change-button-secondary,.dark-test .change-modal,.dark-test .change-modal-close,.dark-test .change-modal-section,.dark-test .change-select,.dark-test .change-tag,.dark-test .change-textarea,.dark-test .client-change-card{background:color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);box-shadow:none}.dark-test .change-check,.dark-test .change-modal-header h2,.dark-test .change-tag,.dark-test .client-change-copy h3{color:var(--white-color)}.dark-test .change-modal-kicker,.dark-test .change-modal-label,.dark-test .client-change-copy p,.dark-test .client-change-kicker{color:var(--text-secondary)}.dark-test .modal-overlay{background:color-mix(in srgb,black 52%,transparent)}.dark-test .change-button-primary,.dark-test .client-change-button{background:var(--focus-color);border-color:var(--focus-color);color:var(--black-color);box-shadow:0 12px 24px color-mix(in srgb,var(--focus-color) 22%,transparent)}.dark-test .change-button-primary:hover,.dark-test .client-change-button:hover{background:var(--blue-color);border-color:var(--blue-color);color:var(--white-color)}.dark-test .change-button-secondary{color:var(--white-color)}.dark-test .change-button-secondary:hover{background:color-mix(in srgb,var(--focus-color) 20%,var(--black-color));border-color:color-mix(in srgb,var(--focus-color) 36%,transparent);color:var(--white-color)}.dark-test .change-modal-close:hover{background:color-mix(in srgb,var(--focus-color) 20%,var(--black-color));border-color:color-mix(in srgb,var(--red-color) 36%,transparent);color:var(--red-color)}.dark-test .change-select,.dark-test .change-textarea{color:var(--white-color)}.dark-test .change-select::placeholder,.dark-test .change-textarea::placeholder{color:var(--text-secondary)}.dark-test .change-select:focus,.dark-test .change-textarea:focus{border-color:color-mix(in srgb,var(--focus-color) 44%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-color) 14%,transparent)}.dark-test .change-check input{accent-color:var(--focus-color)}@media screen and (max-width:1280px){.hero-content,.workspace-grid{grid-template-columns:1fr}.hero-panel-grid,.side-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.side-panel{width:min(760px,calc(100vw - 56px))}}@media screen and (max-width:1100px){.drawer-top-grid,.kpi-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.header-row,.table-row{grid-template-columns:70px 150px minmax(0,1fr)}}@media screen and (max-width:992px){.surveillance-wrapper{gap:20px}.fleet-card,.kpi-card,.panel-card,.side-panel,.surveillance-hero,.tab-content{border-radius:20px}.hero-content{padding:24px}.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.side-panel{width:min(100vw - 28px,720px);padding:18px 18px 24px}}@media screen and (max-width:768px){.hero-content{padding:20px}.page-heading h1{max-width:none;font-size:1.8rem}.fleet-toolbar,.hero-actions,.section-header{flex-direction:column;align-items:stretch}.details-button,.hero-button,.hero-button-secondary{width:100%;justify-content:center}.kpi-bar{grid-template-columns:1fr}.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fleet-card{min-height:178px}.backup-card-grid,.fleet-card-meta,.hero-panel-grid,.side-summary-grid{grid-template-columns:1fr}.tab-header{flex-direction:column}.tab{width:100%}.info-row{grid-template-columns:1fr;gap:6px}.header-row{display:none}.table-row{grid-template-columns:1fr;gap:8px}.table-comment,.table-icon,.table-name{padding-left:0}.side-panel{width:calc(100vw - 10px);padding:16px 14px 22px}.drawer-top-grid{grid-template-columns:1fr}}@media screen and (max-width:576px){.surveillance-wrapper{gap:16px}.surveillance-hero{border-radius:18px}.hero-content,.quick-view,.selection-placeholder,.side-summary{padding:18px}.badge-legend{padding:12px 14px;font-size:.76rem}.fleet-grid{grid-template-columns:1fr 1fr;gap:12px}.fleet-card{padding:14px;border-radius:18px;min-height:170px}.fleet-card-name{font-size:.9rem}.kpi-card{padding:16px}.hero-panel,.kpi-card,.panel-card,.tab-content{border-radius:18px}}@media screen and (max-width:420px){.fleet-grid{grid-template-columns:1fr}.fleet-count,.hero-eyebrow,.section-chip{width:100%;justify-content:center}.nav-arrow{flex:1 1}}.kpi-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px color-mix(in srgb,var(--black-color) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 60%,transparent);border-color:color-mix(in srgb,var(--blue-color) 22%,transparent)}.kpi-card:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.kpi-modal-body{max-height:60vh;overflow-y:auto}.kpi-modal-item,.kpi-modal-list{display:flex;flex-direction:column;gap:10px}.kpi-modal-item{padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--surface-muted) 42%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.kpi-modal-item-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-modal-item-name{font-size:.92rem;font-weight:800;color:var(--text-primary)}.kpi-modal-item-badges{display:flex;flex-wrap:wrap;gap:8px}.dark-test .kpi-modal-item{background:color-mix(in srgb,var(--black-color) 90%,var(--focus-color) 10%);border-color:color-mix(in srgb,var(--focus-color) 22%,transparent)}.dark-test .kpi-modal-item-name{color:var(--white-color)}.div-MesOutils{width:60%;height:95%;flex-wrap:wrap;column-gap:200px;row-gap:0;justify-content:center;margin-left:auto;margin-right:auto}.div-MesOutils,.outil-item{display:flex;align-items:center}.outil-item{background-color:white;width:39%;height:45%;flex-direction:column;border:2px solid var(--blue-color);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease}.outil-item:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,115,145,.3);border-color:var(--blue-color)}.outil-item:hover .div-outils-title{background-color:var(--blue-color)}.outil-item:hover .div-outils-img img{transform:scale(1.1)}.div-outils-img{height:80%}.div-outils-img,.div-outils-title{width:100%;display:flex;justify-content:center;align-items:center}.div-outils-title{height:20%;background-color:var(--blue-color);transition:background-color .3s ease}.div-outils-title h3{font-size:20px;font-weight:400;color:white}.div-outils-img img{width:150px;height:150px;transition:transform .3s ease}.drawer{position:fixed;top:0;right:0;width:50%;height:100%;background-color:white;box-shadow:-2px 0 10px rgba(0,0,0,.2);z-index:2001;padding:30px;transform:translateX(100%);transition:transform .4s ease,opacity .4s ease;display:flex;flex-direction:column;gap:20px;color:var(--blue-color);opacity:0;pointer-events:none}.drawer.open{transform:translateX(0);opacity:1;pointer-events:auto}.drawer.closing{transform:translateX(100%);opacity:0;pointer-events:none}.drawer-content img{width:200px;height:auto;object-fit:contain}.drawer p{color:var(--grey-color);font-size:16px;font-weight:400}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:var(--blue-color);cursor:pointer}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s ease}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer-backdrop.hide{opacity:0;pointer-events:none}.app-div.menu-open .content{filter:brightness(.7)}.dark-test .outil-item{background:linear-gradient(to top,var(--blue-color),white)}.dark-test .outil-item:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,115,145,.4);background:linear-gradient(to top,var(--blue-color),var(--white-color))}.dark-test .div-outils-title h3{color:black;font-size:22px;font-weight:700}.dark-test .div-outils-title{background-color:transparent}.content-monCompte{width:100%;max-width:none;padding:0}.account-shell,.content-monCompte{display:flex;flex-direction:column;gap:24px}.account-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--background) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 72%,white 28%) 48%,color-mix(in srgb,var(--blue-color) 18%,white 82%) 100%);box-shadow:0 16px 34px color-mix(in srgb,var(--black-color) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 62%,transparent)}.account-hero:before{right:-100px;bottom:-110px;width:340px;height:340px;border-radius:50%;background:color-mix(in srgb,var(--white-color) 18%,transparent);filter:blur(20px)}.account-hero:after,.account-hero:before{content:"";position:absolute;pointer-events:none}.account-hero:after{inset:0;background:linear-gradient(120deg,transparent 0,color-mix(in srgb,var(--white-color) 10%,transparent) 35%,transparent 72%)}.account-hero-content{position:relative;z-index:1;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);grid-gap:24px;gap:24px;align-items:stretch}.account-hero-copy{display:flex;flex-direction:column;gap:14px;justify-content:center}.account-eyebrow{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--white-color) 68%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.account-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--blue-color) 14%,transparent)}.account-hero-title{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em;color:var(--text-primary);max-width:13ch}.account-hero-subtitle{margin:0;max-width:72ch;color:color-mix(in srgb,var(--black-color) 72%,transparent);font-size:15px;line-height:1.7}.account-hero-panel{border-radius:22px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--white-color) 78%,transparent) 0,color-mix(in srgb,var(--white-color) 60%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white-color) 68%,transparent),0 10px 24px color-mix(in srgb,var(--black-color) 8%,transparent);display:flex;flex-direction:column;gap:16px;justify-content:space-between;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.account-hero-panel-label{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.account-hero-panel-title{margin:0;font-size:1.2rem;line-height:1.15;font-weight:800;color:var(--text-primary)}.account-hero-panel-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary)}.account-hero-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.account-hero-stat{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--white-color) 66%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.account-hero-stat span{display:block}.account-hero-stat-label{margin-bottom:4px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.account-hero-stat-value{font-size:.96rem;font-weight:800;color:var(--text-primary)}.account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.account-kpi{position:relative;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 96%,white 4%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 60%,transparent);overflow:hidden}.account-kpi:after{content:"";position:absolute;inset:auto -16px -16px auto;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--focus-color) 14%,transparent);pointer-events:none}.account-kpi.client:after{background:color-mix(in srgb,var(--blue-color) 14%,transparent)}.account-kpi.contract:after{background:color-mix(in srgb,var(--green-color) 14%,transparent)}.account-kpi.services:after{background:color-mix(in srgb,var(--yellow-color) 14%,transparent)}.account-kpi.location:after{background:color-mix(in srgb,var(--focus-color) 18%,transparent)}.account-kpi-label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.account-kpi-dot{width:10px;height:10px;border-radius:50%}.account-kpi.client .account-kpi-dot{background:var(--blue-color)}.account-kpi.contract .account-kpi-dot{background:var(--green-color)}.account-kpi.services .account-kpi-dot{background:var(--yellow-color)}.account-kpi.location .account-kpi-dot{background:var(--focus-color)}.account-kpi-value{margin-top:10px;font-size:clamp(1.5rem,2vw,2.15rem);line-height:1;letter-spacing:-.04em;font-weight:800;color:var(--text-primary)}.account-kpi-text{margin-top:6px;font-size:.84rem;line-height:1.55;color:var(--text-secondary)}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);grid-gap:18px;gap:18px;align-items:start}.div-info{width:100%;min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 98%,white 2%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border-radius:24px;padding:22px;border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);box-shadow:0 14px 28px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 68%,transparent)}.div-info h2{margin:0;font-size:1.2rem;line-height:1.15;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.account-section-head{display:flex;flex-direction:column;gap:6px}.account-section-head p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}hr{width:100%;margin:18px 0 20px;border:none;border-top:1px solid color-mix(in srgb,var(--black-color) 8%,transparent)}.div-list-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.info{width:100%;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--surface-muted) 52%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.info h3{margin:0;font-size:.74rem;color:var(--text-secondary);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.info p{margin-top:8px;font-size:.95rem;line-height:1.55;color:var(--text-primary);font-weight:700;word-break:break-word}.services-panel{width:100%}.services-grid{display:flex;flex-direction:column;gap:14px}.service-card{border-radius:20px;border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 98%,white 2%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);box-shadow:0 12px 24px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 66%,transparent)}.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px color-mix(in srgb,var(--black-color) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 66%,transparent);border-color:color-mix(in srgb,var(--blue-color) 22%,transparent)}.service-main{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;cursor:pointer}.service-main-left{display:flex;flex-direction:column;gap:4px;min-width:0}.service-main h3{margin:0;color:var(--text-primary);font-size:1rem;font-weight:800;line-height:1.35}.service-main span{display:block;margin-top:0;font-size:.84rem;color:var(--text-secondary);line-height:1.55}.service-main-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.service-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--blue-color) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 82%,var(--blue-color)) 100%);color:var(--white-color);margin-left:0;padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--black-color) 14%,transparent)}.service-chevron{width:34px;height:34px;border-radius:12px;border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);background:color-mix(in srgb,var(--white-color) 76%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1rem;font-weight:800;transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.service-card.is-open .service-chevron{transform:rotate(180deg);border-color:color-mix(in srgb,var(--blue-color) 22%,transparent)}.service-details{padding:18px;border-top:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;background:color-mix(in srgb,var(--surface-muted) 46%,var(--white-color))}.service-detail-item{padding:14px;border-radius:16px;background:color-mix(in srgb,var(--white-color) 72%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 6%,transparent)}.service-detail-label{display:block;margin-bottom:5px;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.service-detail-value{display:block;color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.55;word-break:break-word}.empty-services,.error,.loading{padding:20px;text-align:center;border-radius:18px;font-size:.92rem;line-height:1.6}.loading{background:color-mix(in srgb,var(--surface-muted) 42%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);color:var(--text-secondary)}.error{background:color-mix(in srgb,var(--red-color) 10%,var(--white-color));border:1px solid color-mix(in srgb,var(--red-color) 24%,transparent);color:var(--red-color)}.empty-services{background:color-mix(in srgb,var(--surface-muted) 42%,var(--white-color));border:1px dashed color-mix(in srgb,var(--black-color) 12%,transparent);color:var(--text-secondary)}.dark-test .account-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%) 0,color-mix(in srgb,var(--black-color) 80%,var(--blue-color) 20%) 100%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);box-shadow:0 20px 40px color-mix(in srgb,black 30%,transparent),inset 0 1px 0 color-mix(in srgb,white 10%,transparent)}.dark-test .account-hero-panel,.dark-test .account-hero-stat,.dark-test .account-kpi,.dark-test .div-info,.dark-test .empty-services,.dark-test .info,.dark-test .loading,.dark-test .service-card,.dark-test .service-detail-item,.dark-test .service-details{background:color-mix(in srgb,var(--black-color) 90%,var(--focus-color) 10%);border-color:color-mix(in srgb,var(--focus-color) 22%,transparent);box-shadow:none}.dark-test .account-hero-panel-title,.dark-test .account-hero-stat-value,.dark-test .account-hero-title,.dark-test .account-kpi-value,.dark-test .div-info h2,.dark-test .info p,.dark-test .service-detail-value,.dark-test .service-main h3{color:var(--white-color)}.dark-test .account-hero-panel-label,.dark-test .account-hero-panel-text,.dark-test .account-hero-stat-label,.dark-test .account-hero-subtitle,.dark-test .account-kpi-label,.dark-test .account-kpi-text,.dark-test .account-section-head p,.dark-test .empty-services,.dark-test .info h3,.dark-test .loading,.dark-test .service-detail-label,.dark-test .service-main span{color:var(--text-secondary)}.dark-test hr{border-top-color:color-mix(in srgb,var(--focus-color) 22%,transparent)}.dark-test .service-chevron{background:color-mix(in srgb,var(--black-color) 82%,var(--focus-color) 18%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);color:var(--white-color)}.dark-test .service-card:hover{background:color-mix(in srgb,var(--focus-color) 10%,var(--black-color))}.dark-test .error{background:color-mix(in srgb,var(--red-color) 12%,var(--black-color));border-color:color-mix(in srgb,var(--red-color) 28%,transparent);color:color-mix(in srgb,var(--red-color) 82%,white 18%)}@media (max-width:1280px){.account-hero-content{grid-template-columns:1fr}.account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}}@media (max-width:768px){.content-monCompte{gap:20px}.account-hero-content{padding:22px}.account-hero-panel-grid,.account-kpis,.div-list-info,.service-details{grid-template-columns:1fr}.service-main{flex-direction:column;align-items:flex-start}.service-main-right{width:100%;justify-content:space-between}}@media (max-width:480px){.account-hero-content{padding:18px}.account-kpi,.div-info,.service-card{border-radius:18px}.div-info,.service-details,.service-main{padding:16px}}.content-Support{width:100%;max-width:none;margin:0;min-height:100%}.content-Support,.support-shell{display:flex;flex-direction:column;gap:24px}.support-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--background) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 72%,white 28%) 46%,color-mix(in srgb,var(--blue-color) 18%,white 82%) 100%);box-shadow:0 16px 34px color-mix(in srgb,var(--black-color) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 62%,transparent)}.support-hero:before{right:-90px;bottom:-110px;width:320px;height:320px;border-radius:50%;background:color-mix(in srgb,var(--white-color) 18%,transparent);filter:blur(20px)}.support-hero:after,.support-hero:before{content:"";position:absolute;pointer-events:none}.support-hero:after{inset:0;background:linear-gradient(120deg,transparent 0,color-mix(in srgb,var(--white-color) 10%,transparent) 35%,transparent 72%)}.support-hero__content{position:relative;z-index:1;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);grid-gap:24px;gap:24px;align-items:stretch}.support-hero__copy{display:flex;flex-direction:column;gap:14px;justify-content:center}.support-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--white-color) 68%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.support-hero__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--green-color) 14%,transparent)}.support-hero__title{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em;color:var(--text-primary);max-width:14ch}.support-hero__subtitle{margin:0;max-width:70ch;color:color-mix(in srgb,var(--black-color) 72%,transparent);font-size:15px;line-height:1.7}.support-hero__panel{border-radius:22px;padding:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--white-color) 78%,transparent) 0,color-mix(in srgb,var(--white-color) 60%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 8%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white-color) 68%,transparent),0 10px 24px color-mix(in srgb,var(--black-color) 8%,transparent);display:flex;flex-direction:column;gap:16px;justify-content:space-between;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-hero__panel-label{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.support-hero__panel-title{margin:0;font-size:1.22rem;line-height:1.12;font-weight:800;color:var(--text-primary)}.support-hero__panel-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary)}.support-hero__panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.support-hero__stat{padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--white-color) 66%,transparent);border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent)}.support-hero__stat span{display:block}.support-hero__stat-label{margin-bottom:4px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.support-hero__stat-value{font-size:.94rem;font-weight:800;color:var(--text-primary)}.support-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);grid-gap:18px;gap:18px;align-items:stretch}.support-action-card,.support-card,.support-form-card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg) 96%,white 4%) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);border:1px solid color-mix(in srgb,var(--black-color) 9%,transparent);border-radius:24px;box-shadow:0 14px 28px color-mix(in srgb,var(--black-color) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--white-color) 68%,transparent)}.div-up-support{width:100%;height:auto;display:contents}.div-tickets{height:auto;width:100%;display:flex;justify-content:stretch;align-items:stretch}.support-item{background:transparent;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;border:none;border-radius:24px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.support-item-hover:hover{transform:translateY(-3px)}.div-support-title{width:100%;min-height:76px;display:flex;align-items:center;justify-content:flex-start;padding:0 22px;background:linear-gradient(90deg,color-mix(in srgb,var(--blue-color) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 76%,var(--blue-color)) 100%);transition:background-color .3s ease}.div-support-title h3{font-size:1rem;color:var(--white-color);margin:0;line-height:1.35;font-weight:800;letter-spacing:-.01em}.div-support-img{width:100%;flex:1 1;min-height:260px;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 52%,var(--white-color)) 0,color-mix(in srgb,var(--card-bg) 100%,transparent) 100%);padding:28px}.div-support-img img{width:min(190px,72%);height:auto;max-height:190px;transition:transform .3s ease}.support-item-hover:hover .div-support-img img{transform:scale(1.05)}.support-form{width:100%;display:flex;justify-content:stretch;align-items:stretch}.support-form-card{width:100%;padding:24px;display:flex;flex-direction:column;gap:18px}.support-form-header{display:flex;flex-direction:column;gap:8px}.support-form-kicker{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}.support-form h2{color:var(--text-primary);font-weight:800;font-size:clamp(28px,2.2vw,36px);line-height:1.08;margin:0;letter-spacing:-.03em}.support-form-subtitle{margin:0;font-size:.94rem;line-height:1.65;color:var(--text-secondary);max-width:60ch}.support-form form{width:100%;height:auto;gap:14px}.support-field,.support-form form{display:flex;flex-direction:column}.support-field{gap:8px}.support-label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.support-form input,.support-form textarea{width:100%;margin-top:0;border-radius:16px;border:1px solid color-mix(in srgb,var(--black-color) 10%,transparent);background:color-mix(in srgb,var(--white-color) 84%,transparent);color:var(--text-primary);font-weight:500;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}.support-form input{min-height:50px;padding:0 16px}.support-form textarea{min-height:220px;resize:vertical;padding:14px 16px}.support-form input:focus,.support-form textarea:focus{outline:none;border-color:color-mix(in srgb,var(--blue-color) 45%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-color) 18%,transparent);background:var(--white-color)}.support-form input::placeholder,.support-form textarea::placeholder{color:color-mix(in srgb,var(--focus-color) 86%,transparent)}.support-form button{min-height:48px;width:-moz-fit-content;width:fit-content;min-width:220px;padding:0 22px;border-radius:999px;align-self:flex-end;border:1px solid var(--black-color);margin-top:4px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;color:var(--white-color);background:var(--black-color);font-weight:700;font-size:.92rem;box-shadow:0 10px 20px color-mix(in srgb,var(--black-color) 16%,transparent)}.submit-button-hover:hover{background-color:var(--focus-color);border-color:var(--focus-color);color:var(--black-color);transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--focus-color) 28%,transparent)}.submit-button-hover:active{transform:translateY(0)}.success-message{background:color-mix(in srgb,var(--green-color) 12%,var(--white-color));color:color-mix(in srgb,var(--green-color) 90%,var(--black-color));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--green-color) 24%,transparent);margin-bottom:2px;text-align:left;font-weight:700;animation:slideDown .35s ease-out;box-shadow:0 10px 20px color-mix(in srgb,var(--green-color) 12%,transparent)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.div-down-support{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;justify-content:space-between}.div-icon-support{display:flex;justify-content:stretch;width:100%;transition:transform .3s ease}.clickable-support-item{cursor:pointer;padding:20px;border-radius:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;width:100%}.clickable-support-item:hover{transform:translateY(-3px)}.support-action-card{padding:22px;min-height:220px}.content-div-icon-support,.support-action-card{width:100%;display:flex;flex-direction:column;justify-content:center}.content-div-icon-support{height:100%;align-items:flex-start;text-align:left;gap:14px}.content-div-icon-support h3{color:var(--text-primary);margin:0;transition:color .3s ease;font-size:1.02rem;line-height:1.4;font-weight:800}.support-action-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.content-div-icon-support img{width:34px;height:34px;transition:transform .25s ease;object-fit:contain}.div-img-support{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue-color) 88%,white 12%) 0,color-mix(in srgb,var(--focus-color) 76%,var(--blue-color)) 100%);margin-bottom:4px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:pointer;box-shadow:0 10px 20px color-mix(in srgb,var(--blue-color) 18%,transparent)}.support-icon-hover:hover img{transform:scale(1.08)}.support-mini-tag{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-muted) 62%,var(--white-color));border:1px solid color-mix(in srgb,var(--black-color) 7%,transparent);font-size:.74rem;font-weight:700;color:var(--text-secondary)}.dark-test .support-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--black-color) 88%,var(--focus-color) 12%) 0,color-mix(in srgb,var(--black-color) 80%,var(--blue-color) 20%) 100%);border-color:color-mix(in srgb,var(--focus-color) 24%,transparent);box-shadow:0 20px 40px color-mix(in srgb,black 30%,transparent),inset 0 1px 0 color-mix(in srgb,white 10%,transparent)}.dark-test .support-hero__eyebrow,.dark-test .support-hero__panel,.dark-test .support-hero__stat{background:color-mix(in srgb,var(--black-color) 78%,var(--focus-color) 22%);border-color:color-mix(in srgb,var(--focus-color) 26%,transparent)}.dark-test .content-div-icon-support h3,.dark-test .support-form h2,.dark-test .support-hero__panel-title,.dark-test .support-hero__stat-value,.dark-test .support-hero__title{color:var(--white-color)}.dark-test .support-action-text,.dark-test .support-form-subtitle,.dark-test .support-hero__panel-label,.dark-test .support-hero__panel-text,.dark-test .support-hero__stat-label,.dark-test .support-hero__subtitle,.dark-test .support-mini-tag{color:var(--text-secondary)}.dark-test .support-action-card,.dark-test .support-card,.dark-test .support-form input,.dark-test .support-form textarea,.dark-test .support-form-card,.dark-test .support-mini-tag{background:color-mix(in srgb,var(--black-color) 90%,var(--focus-color) 10%);border-color:color-mix(in srgb,var(--focus-color) 22%,transparent);box-shadow:none}.dark-test .support-form input,.dark-test .support-form textarea{color:var(--white-color)}.dark-test .support-form input:focus,.dark-test .support-form textarea:focus{background:color-mix(in srgb,var(--black-color) 84%,var(--focus-color) 16%)}.dark-test .div-support-img{background:linear-gradient(180deg,color-mix(in srgb,var(--black-color) 86%,var(--focus-color) 14%) 0,color-mix(in srgb,var(--black-color) 92%,transparent) 100%)}.dark-test .div-support-title{background:linear-gradient(90deg,color-mix(in srgb,var(--focus-color) 68%,var(--black-color)) 0,color-mix(in srgb,var(--blue-color) 72%,var(--black-color)) 100%)}.dark-test .support-form button{color:var(--black-color);background-color:var(--focus-color);border-color:var(--focus-color);box-shadow:none}.dark-test .submit-button-hover:hover{background-color:var(--blue-color);border-color:var(--blue-color);color:var(--white-color)}.dark-test .div-img-support{background:linear-gradient(180deg,color-mix(in srgb,var(--focus-color) 82%,var(--black-color)) 0,color-mix(in srgb,var(--blue-color) 72%,var(--black-color)) 100%);box-shadow:none}.dark-test .support-icon-hover:hover{background-color:var(--white-color)}.dark-success{background-color:var(--green-color);color:var(--white-color)}@media (max-width:1180px){.support-grid,.support-hero__content{grid-template-columns:1fr}}@media (max-width:900px){.div-down-support{grid-template-columns:1fr}.support-hero__panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.support-hero{border-radius:20px}.support-hero__content{padding:22px}.support-action-card,.support-form-card{padding:20px}.support-form button{width:100%;align-self:stretch}}@media (max-width:480px){.content-Support{gap:18px}.support-hero__content{padding:18px}.support-hero__title{font-size:1.95rem;max-width:none}.support-form h2{font-size:26px}.div-support-title{min-height:68px;padding:0 16px}.div-support-title h3{font-size:.92rem}.div-support-img{min-height:190px;padding:20px}.div-support-img img{width:120px}.support-form form{gap:12px}.support-form textarea{min-height:180px}.support-action-card,.support-card,.support-form-card{border-radius:20px}.div-img-support{width:66px;height:66px;border-radius:18px}.content-div-icon-support h3{font-size:.96rem}}@media (max-width:360px){.support-hero__panel-grid{grid-template-columns:1fr}.support-form h2{font-size:22px}}