:root{--blue:#1769d2;--ink:#111c2d;--muted:#657080;--paper:#f5f7f9;--line:#dce2e8;--soft:#eaf1fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Inter,Segoe UI,Arial,sans-serif}a{color:inherit}button{font:inherit}
.topbar{position:fixed;inset:0 0 auto;z-index:20;height:64px;display:flex;align-items:center;padding:0 32px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.logo{display:flex;align-items:center;width:140px;height:42px;overflow:hidden;text-decoration:none}.logo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.55)}.divider{width:1px;height:26px;background:var(--line);margin:0 23px}
.nav{display:flex;align-items:center;overflow:auto;height:64px}.nav a{height:64px;display:flex;align-items:center;padding:0 14px;text-decoration:none;font-size:12px;font-weight:750;text-transform:uppercase;color:#647080;border-bottom:3px solid transparent;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--blue);border-bottom-color:var(--blue)}.badge{margin-left:auto;border:1px solid #cdd7e2;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:800;color:#536174}.menu-btn,.nav-scrim{display:none}
.hero{position:relative;isolation:isolate;min-height:470px;padding:116px 48px 60px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#fff}.hero::before{content:'';position:absolute;z-index:0;inset:0 0 0 42%;background:url('./gredan-operacion.jpg') center 57%/cover no-repeat}.hero::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 39%,rgba(255,255,255,.94) 49%,rgba(255,255,255,.38) 72%,rgba(255,255,255,.05) 100%)}.hero-copy{position:relative;z-index:2;width:min(700px,53%)}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.hero h1{max-width:740px;font-size:clamp(58px,7vw,88px);font-weight:800;line-height:.92;margin:17px 0 12px;color:var(--ink)}.hero-tagline{font-size:clamp(24px,2.5vw,34px);font-weight:680;line-height:1.15;color:var(--blue);margin-bottom:18px}.hero p{max-width:650px;font-size:17px;line-height:1.75;color:#596678}
.areas{padding:50px 48px 64px;max-width:1500px;margin:auto}.section-title{font-size:34px;line-height:1.15;margin:9px 0;font-weight:740}.section-sub{color:var(--muted);font-size:15px;margin:0 0 27px}.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.area-card{min-height:205px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:5px;text-decoration:none;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.area-card:hover{transform:translateY(-3px);border-color:#91b5e2;box-shadow:0 16px 34px rgba(20,57,101,.09)}.area-top{display:flex;align-items:center;justify-content:space-between}.area-icon{width:38px;height:38px;color:var(--blue)}.area-icon svg,.section-icon svg,.placeholder-mark svg{display:block;width:100%;height:100%}.area-num{font-size:12px;color:#8591a0;font-weight:850}.area-card h2{font-size:23px;font-weight:760;margin:19px 0 9px}.area-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.area-arrow{position:absolute;right:20px;bottom:15px;font-size:22px;color:var(--blue);transition:transform .2s}.area-card:hover .area-arrow{transform:translateX(4px)}
.section-shell{padding:64px 0 0;min-height:100vh}.section-head{padding:48px 48px 29px;display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid var(--line);background:#fff}.section-icon{width:62px;height:62px;color:var(--blue)}.section-head h1{font-size:42px;font-weight:760;line-height:1.05;margin:9px 0}.section-head p{margin:0;color:var(--muted);font-size:15px}.tabs{display:flex;overflow:auto;padding:0 48px;background:#fff;border-bottom:1px solid var(--line)}.tab{padding:16px 20px;border:0;border-bottom:3px solid transparent;background:none;font-size:12px;font-weight:800;text-transform:uppercase;color:#687585;white-space:nowrap;cursor:pointer}.tab:hover,.tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.report-wrap{padding:24px 48px 60px}.report-panel{display:none}.report-panel.active{display:block}.frame{min-height:650px;background:#fff;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.frame iframe{width:100%;height:calc(100vh - 210px);min-height:650px;border:0}.placeholder{text-align:center;max-width:450px;padding:40px;color:var(--muted)}.placeholder-mark{width:52px;height:52px;margin:0 auto 20px;color:var(--blue)}.coming-soon{display:inline-block;margin-bottom:12px;padding:5px 9px;border:1px solid #c8d8ed;border-radius:3px;color:#3d659a;font-size:12px;font-weight:800;text-transform:uppercase}.placeholder strong{display:block;font-size:23px;font-weight:760;color:var(--ink)}.placeholder p{font-size:14px}.footer{padding:18px 48px;border-top:1px solid var(--line);color:#788391;font-size:12px;background:#fff}
@media(max-width:1050px){.area-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:430px}.hero::before{inset:0 0 0 34%}.hero-copy{width:62%}}
@media(max-width:680px){body.nav-open{overflow:hidden}.topbar{padding:0 16px}.logo{width:128px}.divider,.badge{display:none}.menu-btn{display:grid;gap:4px;margin-left:auto;width:42px;height:42px;padding:10px;border:0;background:#fff}.menu-btn span{display:block;height:2px;background:var(--ink);transition:.2s}.nav{position:absolute;top:64px;right:-16px;width:min(310px,86vw);height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:stretch;padding:20px;background:#fff;border-left:1px solid var(--line);transform:translateX(105%);transition:transform .25s;z-index:24}.nav a{height:auto;padding:15px 8px;border-bottom:1px solid var(--line);font-size:14px}.nav a.active{border-bottom-color:var(--blue)}.nav-scrim{position:fixed;inset:64px 0 0;z-index:19;border:0;background:rgba(14,25,42,.28)}.nav-open .nav{transform:none}.nav-open .nav-scrim{display:block}.hero{min-height:470px;padding:94px 18px 210px;align-items:flex-start}.hero::before{inset:245px 0 0;background-position:center 57%}.hero::after{background:linear-gradient(180deg,#fff 0%,#fff 45%,rgba(255,255,255,.82) 56%,rgba(255,255,255,.08) 78%)}.hero-copy{width:100%}.hero h1{font-size:43px}.hero p{font-size:16px}.areas,.section-head,.report-wrap{padding-left:14px;padding-right:14px}.area-grid{grid-template-columns:1fr}.section-head{padding-top:34px}.section-icon{width:48px;height:48px}.section-head h1{font-size:34px}.tabs{padding:0 7px}.frame,.frame iframe{min-height:520px}.footer{padding:16px 14px}}

/* GREDANDATA visual layer */
.hero{min-height:500px}.hero::before{animation:heroFocus 1.4s ease-out both}.hero::after{background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.34) 72%,rgba(255,255,255,.04) 100%)}.hero-copy{z-index:3;width:min(760px,58%);animation:riseIn .75s ease-out both}.hero h1{max-width:760px;font-size:clamp(54px,6.5vw,84px);font-weight:820}.hero-data{position:absolute;z-index:2;right:4%;bottom:29px;width:min(390px,31vw);height:112px;opacity:.9;pointer-events:none}.hero-data svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.data-grid{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1}.data-line{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 3px 6px rgba(12,52,103,.25));stroke-dasharray:440;stroke-dashoffset:440;animation:drawLine 1.8s .35s ease-out forwards}.data-point{fill:#fff;filter:drop-shadow(0 0 7px #1769d2);opacity:0;animation:pointIn .3s 1.9s forwards}.data-bars{position:absolute;inset:18px 8px 15px;display:flex;align-items:flex-end;gap:13px;opacity:.23}.data-bars i{flex:1;background:#fff;transform-origin:bottom;animation:barGrow .8s ease-out both}.data-bars i:nth-child(1){height:24%;animation-delay:.25s}.data-bars i:nth-child(2){height:46%;animation-delay:.35s}.data-bars i:nth-child(3){height:34%;animation-delay:.45s}.data-bars i:nth-child(4){height:66%;animation-delay:.55s}.data-bars i:nth-child(5){height:54%;animation-delay:.65s}.data-bars i:nth-child(6){height:86%;animation-delay:.75s}
.area-card{min-height:215px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;animation:riseIn .6s ease-out both}.area-card:nth-child(2){animation-delay:.06s}.area-card:nth-child(3){animation-delay:.12s}.area-card:nth-child(4){animation-delay:.18s}.area-card:nth-child(5){animation-delay:.24s}.area-card:nth-child(6){animation-delay:.3s}.area-card:nth-child(7){animation-delay:.36s}.area-card::after{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.area-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(20,57,101,.11)}.area-card:hover::after{transform:scaleX(1)}.area-icon{width:50px;height:50px;padding:11px;background:linear-gradient(145deg,#f7fbff,#e4eefb);border:1px solid #cfdef0;border-radius:6px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55);transition:transform .25s,background .25s}.area-card:hover .area-icon{transform:translateY(-2px) scale(1.04);background:#e8f2ff}
.section-head{min-height:88px;padding:16px 48px;justify-content:flex-start;gap:16px;align-items:center}.section-icon{flex:0 0 auto;width:46px;height:46px;padding:10px;background:var(--soft);border:1px solid #d4e1f1;border-radius:5px}.section-head h1{font-size:29px;font-weight:770;line-height:1.05;margin:0 0 4px}.section-head p{font-size:14px}.tab{padding-top:13px;padding-bottom:13px}.report-wrap{padding-top:18px}.report-panel.active{animation:panelIn .35s ease-out}.frame iframe{height:calc(100vh - 190px)}
@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes heroFocus{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes pointIn{to{opacity:1}}@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes panelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero{min-height:460px}.hero-copy{width:66%}.hero-data{width:31vw}}
@media(max-width:680px){.hero{min-height:500px}.hero-copy{width:100%}.hero h1{font-size:clamp(38px,12vw,50px)}.hero-data{display:none}.section-head{min-height:78px;padding:12px 14px}.section-icon{width:42px;height:42px}.section-head h1{font-size:25px}.section-head p{font-size:12px;line-height:1.35}.report-wrap{padding-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Presentation refresh */
.hero{min-height:510px;padding:110px 48px 70px;background:#112e4a;color:#fff}
.hero::before{inset:0;background:url('./gredan-flota.png') center 52%/cover no-repeat;animation:heroFocus 1.2s ease-out both}
.hero::after{background:linear-gradient(90deg,rgba(8,28,48,.96) 0%,rgba(10,36,60,.93) 29%,rgba(12,42,68,.63) 52%,rgba(12,42,68,.14) 100%),linear-gradient(0deg,rgba(5,25,43,.52),transparent 45%)}
.hero-copy{width:min(660px,57%);animation:riseIn .8s cubic-bezier(.2,.8,.2,1) both}
.hero .eyebrow{color:#88d4e7;font-size:12px;letter-spacing:.13em}
.hero h1{max-width:none;margin:20px 0 18px;color:#fff;font-size:72px;font-weight:820;line-height:.98;overflow-wrap:anywhere}
.hero-tagline{color:#a6e3f0;font-size:30px;font-weight:640;margin-bottom:14px}
.hero p{max-width:450px;color:#e1ebf3;font-size:17px;line-height:1.5}
.hero-link{display:inline-flex;align-items:center;gap:17px;margin-top:28px;padding:11px 0;border-bottom:2px solid #91dce8;color:#fff;text-decoration:none;font-size:13px;font-weight:750;transition:gap .25s,color .25s}
.hero-link:hover{gap:27px;color:#a6e3f0}.hero-link span{font-size:18px;line-height:1}
.hero-data{right:4%;bottom:45px;width:min(430px,34vw);height:155px;opacity:1;animation:signalIn .9s .4s both}
.signal-label{position:absolute;right:0;top:0;color:#e8f7fa;font-size:10px;font-weight:800;letter-spacing:.16em}.signal-label span{display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:#78d7da;box-shadow:0 0 0 5px rgba(120,215,218,.18);animation:signalPulse 2.4s ease-in-out infinite}
.hero-data svg{top:25px;height:calc(100% - 25px)}.data-grid{stroke:rgba(255,255,255,.15)}.data-line{stroke:#85d9e5;stroke-width:2.5;stroke-dasharray:0;stroke-dashoffset:0;filter:drop-shadow(0 0 7px rgba(79,215,230,.35));animation:none}.data-flow{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:18 500;animation:flowLine 5s linear infinite;filter:drop-shadow(0 0 6px #8ce3eb)}.data-point{fill:#fff;stroke:#62c9db;stroke-width:2;opacity:1;animation:signalPulse 2.4s ease-in-out infinite}.data-point:nth-last-child(3){animation-delay:.4s}.data-point:nth-last-child(2){animation-delay:.8s}.data-point:last-child{animation-delay:1.2s}
.areas{padding-top:38px}.section-head{min-height:60px;padding:8px 48px;gap:11px}.section-icon{width:34px;height:34px;padding:7px}.section-head h1{font-size:23px;margin:0}.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .tab{padding-top:11px;padding-bottom:11px}.report-wrap{padding-top:10px}.frame iframe{height:calc(100vh - 180px)}
@keyframes signalIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes signalPulse{50%{opacity:.55;transform:scale(.8)}}@keyframes flowLine{from{stroke-dashoffset:518}to{stroke-dashoffset:0}}
@media(max-width:1050px){.hero h1{font-size:58px}.hero-data{width:32vw}.hero-copy{width:66%}}
@media(max-width:680px){.hero{min-height:500px;padding:93px 18px 150px;align-items:flex-start}.hero::before{inset:0;background-position:61% center}.hero::after{background:linear-gradient(180deg,rgba(8,28,48,.98) 0%,rgba(8,28,48,.92) 45%,rgba(8,28,48,.34) 100%)}.hero-copy{width:100%}.hero h1{font-size:40px;overflow-wrap:anywhere}.hero-tagline{font-size:24px}.hero p{max-width:310px;font-size:15px}.hero-link{margin-top:13px}.hero-data{display:block;right:18px;bottom:20px;width:min(270px,72vw);height:94px}.signal-label{font-size:8px}.hero-data svg{top:18px;height:calc(100% - 18px)}.section-head{min-height:54px;padding:7px 14px}.section-icon{width:32px;height:32px}.section-head h1{font-size:21px}.tabs .tab{padding-top:10px;padding-bottom:10px}.report-wrap{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.hero-data,.hero-copy,.hero::before,.signal-label span,.data-flow,.data-point{animation:none!important}.data-flow{display:none}}

/* Motion belongs to the content and the photograph, not to a sample chart. */
.hero::before{animation:photoDrift 16s ease-in-out infinite alternate}
.hero-copy{animation:none}
.hero-copy>*{animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both}
.hero-copy .eyebrow{animation-delay:.08s}
.hero-copy h1{animation-delay:.2s}
.hero-copy .hero-tagline{animation-delay:.32s}
.hero-copy p{animation-delay:.44s}
.hero-copy .hero-link{animation-delay:.56s}
.scroll-motion .area-card{animation:none;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}
.scroll-motion .area-card.is-visible{opacity:1;transform:none}
.scroll-motion .area-card:nth-child(2){transition-delay:.07s}.scroll-motion .area-card:nth-child(3){transition-delay:.14s}.scroll-motion .area-card:nth-child(4){transition-delay:.21s}.scroll-motion .area-card:nth-child(5){transition-delay:.28s}.scroll-motion .area-card:nth-child(6){transition-delay:.35s}.scroll-motion .area-card:nth-child(7){transition-delay:.42s}
.scroll-motion .area-card.is-visible:hover{transform:translateY(-5px);transition-delay:0s}
@keyframes photoDrift{from{transform:scale(1.025) translateX(-.6%)}to{transform:scale(1.075) translateX(.6%)}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-copy>*{animation:none!important}.scroll-motion .area-card{opacity:1;transform:none}}

/* Clearer, content-led motion */
.hero::before{animation:photoDrift 10s ease-in-out infinite alternate}
.hero-copy h1{animation:titleReveal 1.05s .18s cubic-bezier(.16,1,.3,1) both}
.hero-tagline{position:relative;padding-bottom:13px}
.hero-tagline::after{content:'';position:absolute;left:0;bottom:0;width:96px;height:3px;background:#8de0e8;transform:scaleX(0);transform-origin:left;animation:accentDraw .7s .9s ease-out forwards}
.hero-link span{display:inline-block;animation:arrowNudge 2s 1.5s ease-in-out infinite}
@keyframes titleReveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes accentDraw{to{transform:scaleX(1)}}
@keyframes arrowNudge{0%,70%,100%{transform:translateY(0)}85%{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-copy h1,.hero-tagline::after,.hero-link span{animation:none!important}.hero-tagline::after{transform:none}}

/* Visual preview, deliberately separated from future real reports. */
.hero{min-height:530px;padding-bottom:125px}
.hero-viz{position:absolute;z-index:5;inset:auto 24px 20px auto;width:min(540px,45%);height:80px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,19,36,.48));animation:vizArrive .8s .4s ease-out both}
.viz-panels{height:100%;display:grid;grid-template-columns:1.15fr .7fr 1.5fr;gap:18px}.viz-panels>div{min-width:0;position:relative;overflow:hidden}
.viz-bars{display:flex;align-items:flex-end;gap:5px;padding:3px 2px 0;border-bottom:1px solid rgba(217,237,247,.35)}.viz-bars i{flex:1;max-width:24px;background:linear-gradient(0deg,#246dab,#83dbe3);transform-origin:bottom;animation:barBreathe 2.9s ease-in-out infinite alternate}.viz-bars i:nth-child(1){height:34%;animation-delay:.1s}.viz-bars i:nth-child(2){height:53%;animation-delay:.28s}.viz-bars i:nth-child(3){height:42%;animation-delay:.46s}.viz-bars i:nth-child(4){height:77%;animation-delay:.64s}.viz-bars i:nth-child(5){height:57%;animation-delay:.82s}.viz-bars i:nth-child(6){height:70%;animation-delay:1s}.viz-bars i:nth-child(7){height:50%;animation-delay:1.18s}.viz-bars i:nth-child(8){height:84%;animation-delay:1.36s}.viz-bars i:nth-child(9){height:67%;animation-delay:1.54s}
.viz-ring{display:flex;align-items:center;justify-content:center}.viz-ring svg{display:block;width:68px;height:68px;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:7}.ring-track{stroke:rgba(220,242,248,.18)}.ring-value{stroke:#79d8e2;stroke-linecap:round;stroke-dasharray:165 233;animation:ringBreathe 4.8s ease-in-out infinite alternate}.ring-core{position:absolute;width:10px;height:10px;border-radius:50%;background:#a2e5e9;box-shadow:0 0 0 6px rgba(162,229,233,.1)}
.viz-trend svg{display:block;width:100%;height:100%;overflow:visible}.trend-grid{fill:none;stroke:rgba(217,237,247,.15);stroke-width:1}.trend-area{fill:rgba(74,174,202,.14);animation:areaBreathe 4.8s ease-in-out infinite alternate}.trend-line{fill:none;stroke:#92e5e7;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:trendDraw 2.2s .6s ease-out forwards;filter:drop-shadow(0 0 5px rgba(146,229,231,.35))}
.areas{scroll-margin-top:64px}
@keyframes vizArrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes barBreathe{from{transform:scaleY(.58);opacity:.66}to{transform:scaleY(1);opacity:1}}@keyframes ringBreathe{from{stroke-dasharray:115 233;opacity:.7}to{stroke-dasharray:190 233;opacity:1}}@keyframes areaBreathe{from{opacity:.35}to{opacity:1}}@keyframes trendDraw{to{stroke-dashoffset:0}}
@media(max-width:900px){.hero-viz{width:54%}}
@media(max-width:680px){.hero{min-height:555px;padding-bottom:140px}.hero-viz{inset:auto 14px 17px auto;width:min(340px,calc(100% - 28px));height:65px}.viz-panels{grid-template-columns:1.1fr .65fr 1.4fr;gap:10px}.viz-bars{gap:3px;padding:3px 1px 0}.viz-ring svg{width:60px;height:60px}.ring-core{width:8px;height:8px}.viz-trend svg{height:100%}}
@media(prefers-reduced-motion:reduce){.hero-viz,.viz-bars i,.ring-value,.trend-area,.trend-line{animation:none!important}.trend-line{stroke-dashoffset:0}}

/* Private portal */
.nav{min-width:0;flex:1}.account{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0;padding-left:16px}.account span{font-size:12px;color:#647080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.text-action{border:0;background:none;color:var(--blue);font-weight:750;cursor:pointer;padding:8px}.text-action:hover{text-decoration:underline}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);background:#fff}.auth-photo{background:linear-gradient(90deg,rgba(4,27,50,.18),rgba(4,27,50,.04)),url('./gredan-flota.png') 60% center/cover no-repeat}.auth-content{padding:40px clamp(28px,5vw,88px);display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:23px;height:58px;font-weight:850;font-size:13px;color:#3b5572;letter-spacing:.08em}.auth-brand img{width:146px;height:48px;object-fit:contain;transform:scale(1.22)}.auth-box{width:min(100%,430px);margin:auto 0}.auth-box h1{font-size:34px;line-height:1.15;margin:9px 0 13px;letter-spacing:0}.auth-box>p{color:var(--muted);margin:0 0 28px;font-size:15px}.auth-box form,.admin-form-wrap form{display:grid;gap:17px}.auth-box label,.admin-form-wrap label{display:grid;gap:7px;font-weight:700;color:#26374a;font-size:13px}.auth-box input,.admin-form-wrap input:not([type=checkbox]):not([type=radio]),.admin-form-wrap select{width:100%;min-height:43px;border:1px solid #cbd5df;border-radius:4px;background:#fff;padding:9px 12px;font:inherit;color:var(--ink)}.auth-box input:focus,.admin-form-wrap input:focus,.admin-form-wrap select:focus{outline:2px solid #83b5ec;outline-offset:1px}.primary-btn,.secondary-btn{border-radius:4px;min-height:42px;padding:9px 16px;font-weight:750;cursor:pointer}.primary-btn{border:1px solid #1257b1;background:var(--blue);color:#fff}.primary-btn:hover{background:#1055b5}.secondary-btn{border:1px solid #cbd5df;background:#fff;color:#3b5572}.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:wait}.form-message{min-height:18px;color:#a83232;font-size:12px;margin:0}.form-message.success{color:#246a4b}.status-page{padding:130px 48px 60px;max-width:760px;margin:auto}.status-page h1{font-size:30px}.status-page p{color:var(--muted)}
.admin-shell{padding:104px 48px 72px;max-width:1500px;margin:auto;min-height:100vh}.admin-head h1{font-size:35px;line-height:1.1;margin:7px 0 23px}.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px}.admin-tab{border:0;border-bottom:3px solid transparent;background:none;padding:12px 22px;color:#667487;font-weight:800;cursor:pointer}.admin-tab.active{border-bottom-color:var(--blue);color:var(--blue)}.admin-view{display:none}.admin-view.active{display:block}.admin-grid{display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);gap:40px;padding-top:24px}.admin-form-wrap,.admin-list-wrap{min-width:0}.admin-form-wrap h2,.admin-list-wrap h2{font-size:19px;line-height:1.25;margin:0 0 20px}.admin-form-wrap fieldset{border:0;padding:0;margin:0}.admin-form-wrap legend{font-size:13px;font-weight:700;color:#26374a;margin:0 0 9px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.check-grid label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:12px}.check-grid input,.role-options input,.switch-label input{accent-color:var(--blue)}.role-options{display:grid;gap:8px}.role-options label{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.role-options label:has(input:checked){border-color:#82b1e8;background:#f3f8ff}.role-options span{display:grid;gap:3px}.role-options small{color:var(--muted);font-size:11px;font-weight:400}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.form-row{display:flex;align-items:end;gap:18px}.form-row>label:first-child{width:110px}.switch-label{display:flex!important;align-items:center;gap:8px;min-height:43px}.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.list-heading h2{margin-bottom:13px}.list-heading span{color:var(--muted);font-size:12px}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row>div:first-child{display:grid;gap:4px;min-width:0}.list-row strong{font-size:14px;overflow-wrap:anywhere}.list-row span{color:var(--muted);font-size:12px}.status-label{color:#2d689e;font-size:10px;font-weight:850;letter-spacing:.05em}.row-actions{display:flex;align-items:center;justify-content:end;gap:5px;flex-wrap:wrap}.row-actions button{border:1px solid #d1dbe5;border-radius:4px;background:#fff;color:#36516e;font-size:11px;font-weight:750;padding:7px 9px;cursor:pointer}.row-actions button:hover{border-color:#80afe2;color:var(--blue)}.row-message{grid-column:1/-1;color:#a83232;font-size:11px;margin:0;min-height:0}.empty-note{color:var(--muted);padding:20px 0}.password-output{margin-top:23px;padding:14px 0;border-top:1px solid var(--line);display:grid;gap:8px}.password-output[hidden]{display:none}.password-output code{padding:10px;background:#eaf1fb;border-radius:3px;font-size:14px;overflow-wrap:anywhere}.password-output p{color:var(--muted);font-size:12px;margin:0}
@media(max-width:1100px){.account span{display:none}.nav a{padding:0 9px;font-size:11px}.admin-grid{gap:25px}}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-photo{display:none}.auth-content{min-height:100vh}.auth-box{margin:auto}.admin-grid{grid-template-columns:1fr}.admin-shell{padding:94px 20px 60px}}
@media(max-width:680px){.nav{flex:none}.account{margin-left:7px;padding-left:0}.account .text-action{font-size:12px}.menu-btn{margin-left:auto}.auth-content{padding:24px 20px}.auth-brand{gap:7px}.auth-brand img{width:125px}.auth-box h1{font-size:29px}.admin-head h1{font-size:29px}.list-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.status-page{padding:100px 20px 45px}}