.box-loader{width:36px;height:36px;position:relative}.box-loader:before{content:"";width:36px;height:4px;background:#ccc;opacity:.15;position:absolute;top:48px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.box-loader:after{content:"";width:100%;height:100%;background:#004e52;animation:bxSpin .5s linear infinite;position:absolute;top:0;left:0;border-radius:4px}@keyframes bxSpin{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:36px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.dot-loader{width:6px;height:6px;border-radius:50%;background-color:currentColor;box-shadow:12px 0 currentColor,-12px 0 currentColor;position:relative;animation:dot-flash .6s ease-out infinite alternate}@keyframes dot-flash{0%{opacity:.2;box-shadow:10px 0 currentColor,-10px 0 #fffc}50%{opacity:1;box-shadow:10px 0 #fff3,-10px 0 #fff3}to{opacity:.2;box-shadow:10px 0 #fffc,-10px 0 currentColor}}.app-shell{display:flex;min-height:100vh;width:100%}.app-content{flex:1;min-width:0;overflow-y:auto;background:#f2f2f2}.sidebar{width:220px;min-width:220px;background:#004e52;display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;overflow:hidden;position:sticky;top:0;height:100vh;z-index:20}.app-shell--collapsed .sidebar{width:52px;min-width:52px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo{display:flex;align-items:center;gap:8px}.sidebar__logo-icon{width:24px;height:24px;border-radius:4px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.sidebar__logo-text{font-size:.8125rem;font-weight:500;color:#fff;letter-spacing:.1em;margin-left:6px;font-family:Roboto Mono,ui-monospace,monospace}.sidebar__toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.sidebar__toggle:hover{background:#ffffff1f;border-color:#ffffff2e}.sidebar__nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sidebar__section-label{font-size:.5625rem;font-weight:500;letter-spacing:.12em;color:#ffffff59;padding:10px 10px 6px;text-transform:uppercase;font-family:Roboto Mono,ui-monospace,monospace}.sidebar__link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:#ffffffbf;text-decoration:none;font-size:.8125rem;font-weight:400;letter-spacing:.01em;transition:background .15s ease,color .15s ease;white-space:nowrap;cursor:pointer;border:1px solid transparent;background:none;font-family:Roboto Mono,ui-monospace,monospace;width:100%;text-align:left}.sidebar__link:hover{background:#ffffff1a;color:#fff;border-color:#ffffff14}.sidebar__link--active{background:#ffffff24;color:#c5fff7;font-weight:500;border-color:#c5fff71f}.app-shell--collapsed .sidebar__link{justify-content:center;padding:10px}.sidebar__footer{border-top:1px solid rgba(255,255,255,.1);padding:10px 8px}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:4px}.sidebar__user-avatar{width:28px;height:28px;border-radius:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);color:#c5fff7;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;flex-shrink:0;font-family:Roboto Mono,ui-monospace,monospace}.sidebar__user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar__user-name{font-size:.75rem;color:#fff;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:.5625rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-family:Roboto Mono,ui-monospace,monospace}.sidebar__logout{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:6px;background:none;border:1px solid transparent;color:#ffffff73;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;text-align:left}.sidebar__logout:hover{background:#c628281a;color:#ff6b6b;border-color:#c628281f}.app-shell--collapsed .sidebar__logout{justify-content:center}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0}.app-shell--collapsed .sidebar{width:0;min-width:0}.app-content{margin-left:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes greeting-reveal{0%{opacity:0;transform:translate(-20px);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes username-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes typewriter-cursor{0%,to{border-right-color:#004e52}50%{border-right-color:transparent}}.home{padding:32px 28px;max-width:780px;animation:fade-in-up .4s ease-out}.home__greeting{margin-bottom:36px;animation:greeting-reveal .7s cubic-bezier(.22,1,.36,1) .1s backwards}.home__title{font-family:Roboto Mono,ui-monospace,monospace;font-size:2.25rem;font-weight:400;color:#252c30;letter-spacing:-.02em;margin:0 0 10px;line-height:1.2;animation:greeting-reveal .8s cubic-bezier(.22,1,.36,1) .15s backwards}.home__title-text,.home__username{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease,text-shadow .3s ease}.home__title:hover .home__title-text{transform:translate(4px);text-shadow:2px 2px 8px rgba(0,78,82,.15)}.home__title:hover .home__username{transform:scale(1.05) translateY(-2px);text-shadow:0 4px 12px rgba(0,78,82,.3)}.home__username{color:#004e52;font-weight:500;animation:username-glow 3s ease-in-out infinite}.home__subtitle{font-family:Roboto Mono,ui-monospace,monospace;font-size:1rem;font-weight:300;color:#6b7280;margin:0;line-height:1.5;animation:greeting-reveal .8s cubic-bezier(.22,1,.36,1) .3s backwards}.home__subtitle-text{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1),letter-spacing .3s ease}.home__subtitle:hover .home__subtitle-text{transform:translate(6px);letter-spacing:.03em}.home__subtitle:hover .home__subtitle-text strong{color:#004e52}.home__subtitle strong{color:#252c30;font-weight:500;transition:color .3s ease}.home__section-label{font-family:Roboto Mono,ui-monospace,monospace;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 12px}.home__summary{margin-bottom:32px;animation:fade-in-up .5s ease-out .15s backwards}.home__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.home__stat{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:16px 12px;transition:border-color .15s ease}.home__stat:hover{border-color:#ccc}.home__stat--highlight{border-color:#004e5233;background:#004e5205}.home__stat--skeleton{min-height:80px;justify-content:center}.home__stat-icon{font-size:1.25rem;line-height:1}.home__stat-value{font-family:Roboto Mono,ui-monospace,monospace;font-size:1.25rem;font-weight:500;color:#252c30;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.home__stat-label{font-family:Roboto Mono,ui-monospace,monospace;font-size:.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.home__skeleton-block{width:60%;height:16px;border-radius:4px;background:#e6e6e6;animation:skeleton-pulse 1.5s ease-in-out infinite}.home__actions{animation:fade-in-up .5s ease-out .25s backwards}.home__action-grid{display:flex;flex-direction:column;gap:10px}.home__action-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:left;font-family:inherit}.home__action-card:hover{border-color:#004e52;background:#004e5205}.home__action-icon{font-size:1.5rem;flex-shrink:0}.home__action-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.home__action-title{font-family:Roboto Mono,ui-monospace,monospace;font-size:.8125rem;font-weight:500;color:#252c30}.home__action-desc{font-family:Roboto Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:300;color:#6b7280;line-height:1.4}.home__action-arrow{font-family:Roboto Mono,ui-monospace,monospace;font-size:1rem;color:#004e52;flex-shrink:0;transition:transform .15s ease}.home__action-card:hover .home__action-arrow{transform:translate(3px)}@media (max-width: 600px){.home{padding:20px 16px}.home__title{font-size:1.25rem}.home__stats{grid-template-columns:repeat(2,1fr)}}.usage-charts{display:flex;flex-direction:column;gap:16px}.usage-charts__loading{display:flex;flex-direction:column;gap:16px;text-align:center;color:#6b7280}.usage-charts__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 1000px){.usage-charts__kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.usage-charts__kpis{grid-template-columns:1fr}}.ukpi{background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease}.ukpi:hover{border-color:#ccc}.ukpi--parking{border-left:3px solid #004E52}.ukpi--skeleton{min-height:100px}.ukpi__header{display:flex;justify-content:space-between;align-items:center}.ukpi__icon{font-size:1rem}.ukpi__period{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-family:Roboto Mono,ui-monospace,monospace}.ukpi__value{font-size:1.25rem;font-weight:500;color:#252c30;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:Roboto Mono,ui-monospace,monospace}.ukpi__value--success{color:#2e7d32}.ukpi__value--accent{color:#004e52}.ukpi__meta{font-size:.6875rem;color:#6b7280;font-family:Roboto Mono,ui-monospace,monospace}.ukpi__parking-row{display:flex;gap:16px;font-size:1rem;font-weight:500;color:#252c30;font-family:Roboto Mono,ui-monospace,monospace}.ukpi__parking-total{font-size:.75rem;font-weight:400;color:#6b7280;align-self:center}.ukpi__skeleton-line{height:14px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6,#f2f2f2 75%);background-size:200% 100%;border-radius:4px;animation:usage-shimmer 1.5s infinite}.ukpi__skeleton-line--short{width:60%}.ukpi__skeleton-line--large{height:22px;width:80%}.uchart-card--skeleton .uchart-card__body{min-height:180px}.uchart-skeleton-graph{display:flex;align-items:flex-end;gap:8px;height:160px;padding:0 8px}.uchart-skeleton-bar{flex:1;background:linear-gradient(180deg,#004e520f,#004e5205);border-radius:3px 3px 0 0;animation:usage-shimmer 1.5s infinite;background-size:200% 100%}.usage-charts__comparisons{display:flex;gap:8px;flex-wrap:wrap}.change-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;padding:3px 10px;border-radius:100px;font-weight:500;font-family:Roboto Mono,ui-monospace,monospace}.change-indicator--up{background:#2e7d320f;color:#2e7d32}.change-indicator--down{background:#c628280f;color:#c62828}.change-indicator__arrow{font-size:.75rem}.change-indicator__value{font-variant-numeric:tabular-nums}.change-indicator__label{font-weight:400;color:#6b7280}.usage-charts__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 900px){.usage-charts__grid{grid-template-columns:1fr}}.uchart-card{background:#fff;border:1px solid #E6E6E6;border-radius:8px;overflow:hidden}.uchart-card--wide{grid-column:1/-1}.uchart-card__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #E6E6E6}.uchart-card__header h3{font-size:.8125rem;font-weight:500;color:#252c30;margin:0}.uchart-card__badge{font-size:.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#004e52;background:#004e520f;padding:2px 8px;border-radius:100px;font-family:Roboto Mono,ui-monospace,monospace}.uchart-card__body{padding:14px}.uchart-card__legend{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-top:10px;border-top:1px solid #E6E6E6}.ulegend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace}.ulegend-item__dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ulegend-item__label{flex:1;color:#252c30}.ulegend-item__value{font-weight:500;color:#252c30;font-variant-numeric:tabular-nums}.ulegend-item__pct{color:#6b7280;font-size:.6875rem;min-width:32px;text-align:right}@keyframes usage-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px}.error-boundary__icon{font-size:1.75rem;margin-bottom:14px}.error-boundary__title{font-size:.9375rem;font-weight:500;color:#252c30;margin:0 0 8px}.error-boundary__message{font-size:.8125rem;color:#6b7280;margin:0 0 24px;max-width:400px}.error-boundary__retry{padding:8px 20px;border-radius:6px;border:1px solid #E6E6E6;background:#fff;color:#252c30;font-family:Roboto Mono,ui-monospace,monospace;font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease}.error-boundary__retry:hover{border-color:#004e52;color:#004e52}.inline-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#c628280a;border:1px solid rgba(198,40,40,.1);border-radius:8px;font-size:.75rem;color:#c62828}.inline-error__icon{font-size:.875rem}.inline-error__text{flex:1}.inline-error__retry{background:none;border:1px solid rgba(198,40,40,.15);border-radius:4px;padding:2px 8px;font-size:.6875rem;font-family:Roboto Mono,ui-monospace,monospace;color:#c62828;cursor:pointer}.inline-error__retry:hover{background:#c628280f}.dash{padding:24px 28px;max-width:1200px;display:flex;flex-direction:column;gap:18px}.dash__topbar{display:flex;justify-content:space-between;align-items:flex-start}.dash__title{font-size:1.125rem;font-weight:500;color:#252c30;margin:0;letter-spacing:-.01em}.dash__subtitle{font-size:.75rem;color:#6b7280;margin:4px 0 0}.dash__topbar-right{display:flex;align-items:center;gap:12px}.dash__live-badge{font-size:.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#2e7d32;background:#2e7d320f;padding:3px 10px;border-radius:100px;display:flex;align-items:center;gap:4px;font-family:Roboto Mono,ui-monospace,monospace}@media (max-width: 768px){.dash{padding:16px;gap:14px}}.tg--size-huge{font-size:1.75rem;line-height:2.25rem;letter-spacing:-.02em}.tg--size-bigger{font-size:1.375rem;line-height:1.875rem;letter-spacing:-.01em}.tg--size-big{font-size:1.125rem;line-height:1.625rem}.tg--size-large{font-size:1rem;line-height:1.5rem}.tg--size-normal{font-size:.875rem;line-height:1.375rem}.tg--size-small{font-size:.8125rem;line-height:1.25rem}.tg--size-smallest{font-size:.75rem;line-height:1.125rem}.tg-h1,.tg-h2,.tg-h3,.tg-h4,.tg-h5,.tg-h6{margin:0;font-weight:500;color:var(--cl-title, var(--cl-foreground))}.tg-paragraph{margin:0;font-weight:400;color:var(--cl-subtitle)}:root{--sp-small: 8px;--sp-medium: 16px;--sp-big: 24px;--sp-bigger: 32px;--sp-largest: 48px}.card{max-width:28rem;border-radius:8px;border:1px solid #E6E6E6;background-color:#fff;position:relative;padding-left:24px;padding-right:24px;padding-bottom:24px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.card-item{padding:16px;border-radius:8px;border:1px solid #E6E6E6;cursor:pointer;transition:border-color .15s ease}.card-item:hover{border-color:#004e52}.card__heading,.card__content{width:100%}.card__heading{margin-bottom:1em;display:flex;flex-direction:row}.card__heading--centered{flex-direction:column-reverse;align-items:center;justify-content:center}.card__heading__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card__heading__text--centered{align-items:center;justify-content:center}.card__heading__text--with-icon{margin-right:16px}.card__heading__text__title{margin-top:1rem;margin-bottom:0;color:#252c30;font-size:1.125rem;line-height:1.625rem;font-weight:500;letter-spacing:-.01em}.card__heading__text__subtitle{font-size:.8125rem;line-height:1.25rem;color:#6b7280;margin-top:4px}.card__heading__icon{margin-top:1rem;margin-left:auto;display:flex;justify-content:center;align-items:center}.card__heading__icon--centered{margin-top:1.5rem;margin-right:auto}.card__content{color:#252c30;position:relative;box-sizing:border-box}.info{box-sizing:border-box;max-width:100%;border-radius:8px;border:1px solid #E6E6E6;background-color:#fff;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-grow:1;min-width:0;transition:border-color .15s ease}.info:hover{border-color:#ccc}.info__value{font-weight:500;font-size:1.25rem;letter-spacing:-.02em;margin:8px 0 4px;font-variant-numeric:tabular-nums;font-family:Roboto Mono,ui-monospace,monospace}.info__header{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;margin-bottom:2px}.info__header__title{font-weight:500;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-family:Roboto Mono,ui-monospace,monospace}.layout{display:flex;box-sizing:border-box}.layout--elevated{border-bottom:1px solid rgba(0,0,0,.08)}.layout--position-fixed{position:fixed}.layout--position-static{position:static}.layout--position-relative{position:relative}.layout--position-absolute{position:absolute}.layout--position-sticky{position:sticky}.layout--fluid{width:100%;height:100%}.layout--direction-row{flex-direction:row}.layout--direction-column{flex-direction:column}.layout--direction-row-reverse{flex-direction:row-reverse}.layout--direction-column-reverse{flex-direction:column-reverse}.layout--align-start{align-items:start}.layout--align-center{align-items:center}.layout--align-end{align-items:end}.layout--justify-start{justify-content:start}.layout--justify-center{justify-content:center}.layout--justify-end{justify-content:end}.layout--justify-space-between{justify-content:space-between}.layout--justify-space-around{justify-content:space-around}.layout--wrap-nowrap{flex-wrap:nowrap}.layout--wrap-wrap{flex-wrap:wrap}.layout--wrap-wrap-reverse{flex-wrap:wrap-reverse}.layout-container{box-sizing:border-box;padding:0 32px;width:100%;display:flex;margin:0 auto;align-items:center}@media (min-width: 1400px){.layout-container{max-width:1400px;padding:0}}.input{font-size:.8125rem;line-height:1.25rem;font-family:Roboto Mono,ui-monospace,monospace;padding:9px 12px;margin-top:6px;width:100%;height:40px;box-sizing:border-box;border:1px solid #E6E6E6;border-radius:6px;color:#252c30;background-color:#fff;transition:border-color .15s ease}.input::-moz-placeholder{color:#ccc}.input::placeholder{color:#ccc}.input:focus{outline:none;border-color:#004e52}.input__label{color:#252c30;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;font-size:.75rem;font-weight:500;letter-spacing:.02em;box-sizing:border-box;width:auto;height:auto;border:0px solid transparent;font-family:Roboto Mono,ui-monospace,monospace}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.button{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;line-height:1;font-size:.8125rem;font-weight:500;letter-spacing:.02em;border:1px solid transparent;padding:10px 20px;border-radius:6px;font-family:Roboto Mono,ui-monospace,monospace;transition:background-color .15s ease,border-color .15s ease;min-width:80px;min-height:40px;position:relative;cursor:pointer;white-space:nowrap;background-color:var(--idle-bg-color);color:var(--idle-text-color);border-color:var(--idle-border-color)}.button--primary{--idle-bg-color: #004E52;--idle-text-color: #FFFFFF;--idle-border-color: #004E52;--hover-bg-color: rgb(0, 48.8926829268, 51.4);--hover-text-color: #FFFFFF;--hover-border-color: rgb(0, 48.8926829268, 51.4)}.button--secondary{--idle-bg-color: #FFFFFF;--idle-text-color: #252C30;--idle-border-color: #E6E6E6;--hover-bg-color: #F2F2F2;--hover-text-color: #004E52;--hover-border-color: #004E52}.button:hover:not(:disabled){background-color:var(--hover-bg-color);color:var(--hover-text-color);border-color:var(--hover-border-color)}.button:focus-visible{outline:2px solid #004E52;outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.45}.button--fullWidth{width:100%}.button__label{padding:auto 0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes dot-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}@keyframes drift-1{0%,to{transform:translate(0)}25%{transform:translate(15px,-20px)}50%{transform:translate(-10px,-35px)}75%{transform:translate(20px,-10px)}}@keyframes drift-2{0%,to{transform:translate(0)}33%{transform:translate(-20px,15px)}66%{transform:translate(10px,-25px)}}@keyframes drift-3{0%,to{transform:translate(0) rotate(25deg)}25%{transform:translate(12px,-18px) rotate(35deg)}50%{transform:translate(-8px,10px) rotate(20deg)}75%{transform:translate(18px,5px) rotate(40deg)}}@keyframes drift-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes drift-horizontal{0%,to{transform:translate(0)}50%{transform:translate(25px)}}@keyframes orbit{0%{transform:rotate(0) translate(20px) rotate(0)}to{transform:rotate(360deg) translate(20px) rotate(-360deg)}}@keyframes capsule-float{0%,to{transform:translateY(0) rotate(-12deg)}33%{transform:translateY(-15px) rotate(-8deg)}66%{transform:translateY(8px) rotate(-16deg)}}@keyframes pill-drift{0%,to{transform:translate(0) rotate(8deg)}50%{transform:translate(-12px) rotate(14deg)}}@keyframes rect-sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg) translateY(-5px)}75%{transform:rotate(-3deg) translateY(5px)}}.login-page{display:flex;min-height:100vh;width:100%}.login-page__brand{display:none;position:relative;background:#004e52;overflow:hidden;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){.login-page__brand{display:flex;width:42%;min-width:360px}}.login-page__brand__content{position:relative;z-index:2;text-align:left;padding:48px;max-width:380px;animation:fade-in-left .7s cubic-bezier(.22,1,.36,1) .1s backwards}.login-page__brand__mark{display:flex;gap:7px;margin-bottom:28px;animation:fade-in-up .5s ease-out .3s backwards}.login-page__brand__mark-dot{width:8px;height:8px;border-radius:50%;background-color:#c5fff7;animation:dot-pulse 3s ease-in-out infinite}.login-page__brand__mark-dot:nth-child(1){opacity:.9;animation-delay:0s}.login-page__brand__mark-dot:nth-child(2){opacity:.55;width:7px;height:7px;margin-top:1px;animation-delay:.4s}.login-page__brand__mark-dot:nth-child(3){opacity:.3;width:6px;height:6px;margin-top:1px;animation-delay:.8s}.login-page__brand__title{font-family:Roboto Mono,ui-monospace,monospace;font-size:1.75rem;font-weight:400;color:#fff;letter-spacing:.08em;margin:0 0 8px;animation:fade-in-up .6s cubic-bezier(.22,1,.36,1) .2s backwards}.login-page__brand__tagline{font-family:Roboto Mono,ui-monospace,monospace;font-size:.8125rem;font-weight:300;color:#ffffff8c;letter-spacing:.01em;margin:0 0 40px;line-height:1.6;animation:fade-in-up .6s cubic-bezier(.22,1,.36,1) .35s backwards}.login-page__brand__features{display:flex;flex-direction:column;gap:14px}.login-page__brand__feature{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#fffc;font-weight:400;letter-spacing:.01em;animation:fade-in-left .5s cubic-bezier(.22,1,.36,1) backwards}.login-page__brand__feature:nth-child(1){animation-delay:.45s}.login-page__brand__feature:nth-child(2){animation-delay:.55s}.login-page__brand__feature:nth-child(3){animation-delay:.65s}.login-page__brand__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:#c5fff71a;color:#c5fff7;font-size:.6875rem;flex-shrink:0;font-family:Roboto Mono,ui-monospace,monospace}.login-page__brand__footer{position:absolute;bottom:28px;left:48px;z-index:2;font-size:.625rem;color:#ffffff4d;letter-spacing:.06em;font-family:Roboto Mono,ui-monospace,monospace;animation:fade-in-up .8s ease-out .9s backwards}.login-page__brand__footer strong{color:#ffffff80;font-weight:500}.login-page__brand__shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.login-page__brand__shape{position:absolute;border:1px solid rgba(255,255,255,.05);opacity:0;animation-fill-mode:forwards}.login-page__brand__shape--1{width:260px;height:260px;border-radius:50%;top:-80px;right:-60px;background:#ffffff05;opacity:1;animation:drift-1 18s ease-in-out infinite,fade-in-up 1s ease-out .2s backwards}.login-page__brand__shape--2{width:140px;height:140px;border-radius:50%;bottom:90px;right:-20px;background:#c5fff708;border-color:#c5fff70f;opacity:1;animation:drift-2 14s ease-in-out 1s infinite,fade-in-up .8s ease-out .4s backwards}.login-page__brand__shape--3{width:70px;height:70px;border-radius:14px;bottom:30px;left:30%;background:#6800390f;border-color:#6800391a;opacity:1;animation:drift-3 12s ease-in-out infinite,fade-in-up .8s ease-out .5s backwards}.login-page__brand__shape--4{width:40px;height:40px;border-radius:50%;top:38%;right:20%;background:#c5fff706;border-color:#c5fff70d;opacity:1;animation:orbit 24s linear infinite,fade-in-up .6s ease-out .6s backwards}.login-page__brand__shape--5{width:200px;height:200px;border-radius:50%;top:55%;left:-70px;background:transparent;border-color:#ffffff0a;opacity:1;animation:drift-vertical 20s ease-in-out 2s infinite,fade-in-up 1s ease-out .3s backwards}.login-page__brand__shape--6{width:90px;height:32px;border-radius:16px;top:15%;left:10%;background:#c5fff70a;border-color:#c5fff712;opacity:1;animation:capsule-float 10s ease-in-out infinite,fade-in-left .8s ease-out .7s backwards}.login-page__brand__shape--7{width:60px;height:22px;border-radius:11px;top:70%;left:50%;background:#6800390a;border-color:#68003912;opacity:1;animation:pill-drift 13s ease-in-out .5s infinite,fade-in-up .7s ease-out .8s backwards}.login-page__brand__shape--8{width:44px;height:44px;border-radius:10px;top:8%;right:35%;background:#ffffff05;border-color:#ffffff0d;opacity:1;animation:rect-sway 9s ease-in-out infinite,fade-in-up .6s ease-out .9s backwards}.login-page__brand__shape--9{width:18px;height:18px;border-radius:50%;top:25%;right:10%;background:#c5fff70f;border:none;opacity:1;animation:drift-vertical 8s ease-in-out infinite,fade-in-up .5s ease-out 1s backwards}.login-page__brand__shape--10{width:110px;height:24px;border-radius:12px;bottom:140px;left:-20px;background:#ffffff04;border-color:#ffffff0a;opacity:1;animation:drift-horizontal 16s ease-in-out 1.5s infinite,fade-in-left .8s ease-out .6s backwards}.login-page__brand__shape--11{width:28px;height:28px;border-radius:6px;top:48%;left:20%;background:#68003908;border-color:#6800390f;opacity:1;animation:drift-1 15s ease-in-out 3s infinite,fade-in-up .6s ease-out 1.1s backwards}.login-page__brand__shape--12{width:12px;height:12px;border-radius:50%;bottom:200px;right:40%;background:#c5fff714;border:none;opacity:1;animation:orbit 18s linear 2s infinite,fade-in-up .5s ease-out 1.2s backwards}.login-page__form{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px;background-color:#f2f2f2;animation:fade-in-right .6s cubic-bezier(.22,1,.36,1) .15s backwards}.login-page__form .card{max-width:380px;width:100%;border:1px solid #E6E6E6;padding-top:8px;animation:scale-in .5s cubic-bezier(.22,1,.36,1) .3s backwards}.login-page__form .card .card__heading__text__title{font-size:1.125rem}.login-submit{margin-top:28px;width:100%;animation:fade-in-up .4s ease-out .6s backwards}.login-error{margin-top:18px;padding:10px 14px;background-color:#c628280a;border:1px solid rgba(198,40,40,.1);border-radius:8px;animation:error-shake .4s ease-out,fade-in-up .3s ease-out}@media (max-width: 767px){.login-page{flex-direction:column}.login-page__form{padding:24px 20px;min-height:100vh}}.rtable__wrapper{display:flex;flex-direction:column;gap:10px}.rtable__stats{display:flex;gap:8px;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:8px 12px;flex:1;min-width:130px}.stat-chip__icon{font-size:1rem}.stat-chip__value{font-size:.875rem;font-weight:500;color:#252c30;font-variant-numeric:tabular-nums;font-family:Roboto Mono,ui-monospace,monospace}.stat-chip__label{font-size:.5625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-family:Roboto Mono,ui-monospace,monospace}.rtable{background:#fff;border:1px solid #E6E6E6;border-radius:8px;overflow:hidden}.rtable__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #E6E6E6}.rtable__title{font-size:.8125rem;font-weight:500;color:#252c30;margin:0}.rtable__count{font-size:.625rem;color:#6b7280;background:#f2f2f2;padding:2px 8px;border-radius:100px;font-family:Roboto Mono,ui-monospace,monospace}.rtable__scroll{overflow-x:auto}.rtable__table{width:100%;border-collapse:collapse;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace}.rtable__table th{text-align:left;padding:8px 14px;font-weight:500;font-size:.5625rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;background:#f2f2f2;border-bottom:1px solid #E6E6E6;white-space:nowrap}.rtable__table td{padding:9px 14px;color:#252c30;border-bottom:1px solid #E6E6E6;font-variant-numeric:tabular-nums}.rtable__table tbody tr{transition:background-color 80ms ease}.rtable__table tbody tr:hover{background-color:#004e5205}.rtable__table tbody tr:last-child td{border-bottom:none}.rtable__plate{font-weight:500;color:#252c30;letter-spacing:.04em}.rtable__vehicle{display:flex;align-items:center;gap:6px}.rtable__vehicle-emoji{font-size:.875rem}.rtable__status{display:inline-flex;padding:2px 8px;border-radius:100px;font-size:.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-family:Roboto Mono,ui-monospace,monospace}.rtable__status--1{background:#004e520f;color:#004e52}.rtable__status--2{background:#e651000f;color:#e65100}.rtable__status--3{background:#2e7d320f;color:#2e7d32}.rtable__status--4{background:#6b72800f;color:#6b7280}.rtable__money{font-weight:500;color:#004e52}.rtable__date{color:#6b7280;white-space:nowrap}.rtable__controls{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid #E6E6E6;background:#f2f2f2}.rtable__page-size{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:#6b7280}.rtable__pagination{display:flex;align-items:center;gap:4px}.rtable__pagination .button{min-width:unset;min-height:28px;padding:4px 10px;font-size:.6875rem}.rtable__page-info{font-size:.6875rem;color:#6b7280;margin:0 4px;font-family:Roboto Mono,ui-monospace,monospace}.rtable__select{height:28px;min-width:48px;border-radius:6px;background:#fff;border:1px solid #E6E6E6;color:#252c30;padding:0 8px;font-size:.6875rem;font-family:Roboto Mono,ui-monospace,monospace;cursor:pointer}.rtable__select:focus{outline:none;border-color:#004e52}.rtable__no-results{text-align:center;padding:20px;color:#6b7280;font-size:.75rem}.rtable__empty{text-align:center;padding:44px 24px;background:#fff;border:1px solid #E6E6E6;border-radius:8px}.rtable__empty-icon{font-size:1.75rem;display:block;margin-bottom:12px}.rtable__empty h3{font-size:.875rem;font-weight:500;color:#252c30;margin:0 0 4px}.rtable__empty p{font-size:.75rem;color:#6b7280;margin:0 auto;max-width:360px}.rtable__error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#c628280a;border:1px solid rgba(198,40,40,.1);border-radius:8px;font-size:.75rem;color:#c62828}.report-charts{display:flex;flex-direction:column;gap:14px}.report-charts__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.rc-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:12px 14px;transition:border-color .15s ease}.rc-stat:hover{border-color:#ccc}.rc-stat__icon{font-size:1.125rem;flex-shrink:0}.rc-stat__content{display:flex;flex-direction:column;min-width:0}.rc-stat__value{font-size:1rem;font-weight:500;color:#252c30;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Roboto Mono,ui-monospace,monospace}.rc-stat__label{font-size:.5625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-weight:500;font-family:Roboto Mono,ui-monospace,monospace}.report-charts__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 900px){.report-charts__grid{grid-template-columns:1fr}}.rc-card{background:#fff;border:1px solid #E6E6E6;border-radius:8px;overflow:hidden}.rc-card--wide{grid-column:1/-1}.rc-card__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #E6E6E6}.rc-card__header h3{font-size:.8125rem;font-weight:500;color:#252c30;margin:0}.rc-card__badge{font-size:.5625rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#004e52;background:#004e520f;padding:2px 8px;border-radius:100px;font-family:Roboto Mono,ui-monospace,monospace}.rc-card__body{padding:14px}.rc-card__legend{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-top:10px;border-top:1px solid #E6E6E6}.rc-legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace}.rc-legend-item__dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.rc-legend-item__label{flex:1;color:#252c30}.rc-legend-item__value{font-weight:500;color:#252c30;font-variant-numeric:tabular-nums}.rc-legend-item__pct{color:#6b7280;font-size:.6875rem;min-width:32px;text-align:right}.reports-page{padding:24px 28px;max-width:1200px;display:flex;flex-direction:column;gap:18px}.reports-page__header{display:flex;justify-content:space-between;align-items:flex-start}.reports-page__title{font-size:1.125rem;font-weight:500;color:#252c30;margin:0;letter-spacing:-.01em}.reports-page__subtitle{font-size:.75rem;color:#6b7280;margin:4px 0 0}.reports-page__form{background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:16px 18px}.reports-page__form-fields{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.reports-page__form-field{flex:1;min-width:150px}.reports-page__form-actions{display:flex;gap:8px;padding-bottom:2px}.reports-page__filters{display:flex;gap:10px;flex-wrap:wrap}.reports-page__filter{display:flex;align-items:center;gap:8px}.reports-page__filter label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-family:Roboto Mono,ui-monospace,monospace}.reports-page__filter select{height:30px;min-width:120px;border-radius:6px;background:#fff;border:1px solid #E6E6E6;color:#252c30;padding:0 10px;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace;cursor:pointer}.reports-page__filter select:focus{outline:none;border-color:#004e52}.reports-page__charts-section{display:flex;flex-direction:column;gap:10px}.reports-page__section-header{display:flex;justify-content:space-between;align-items:center}.reports-page__section-header h2{font-size:.875rem;font-weight:500;color:#252c30;margin:0}.reports-page__toggle-charts{background:none;border:1px solid #E6E6E6;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-family:Roboto Mono,ui-monospace,monospace;color:#6b7280;cursor:pointer;transition:border-color .15s ease,color .15s ease}.reports-page__toggle-charts:hover{border-color:#004e52;color:#004e52}.reports-page__empty-state{text-align:center;padding:56px 24px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;border-style:dashed}.reports-page__empty-icon{font-size:2rem;display:block;margin-bottom:14px}.reports-page__empty-state h3{font-size:.875rem;font-weight:500;color:#252c30;margin:0 0 4px}.reports-page__empty-state p{font-size:.75rem;color:#6b7280;margin:0 auto;max-width:320px}.reports-page__loading{background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:18px}.reports-page__skeleton{display:flex;flex-direction:column;gap:10px}.reports-page__skeleton-row{height:34px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6,#f2f2f2 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.reports-page__loading-text{text-align:center;margin-top:14px;color:#6b7280;font-size:.75rem;font-family:Roboto Mono,ui-monospace,monospace}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.reports-page{padding:16px;gap:14px}.reports-page__form-fields{flex-direction:column;align-items:stretch}.reports-page__form-actions{width:100%}}:root{--cl-background: #F2F2F2;--cl-foreground: #252C30;--cl-surface: #FFFFFF;--cl-accent: #004E52;--cl-white: #FFFFFF;--cl-black: #252C30;--cl-grey: #8B949E;--cl-error: #C62828;--cl-warning: #E65100;--cl-border: #E6E6E6;--cl-title: #252C30;--cl-subtitle: #6B7280;--cl-text: #252C30;--cl-alternate: #5A7078;--cl-success: #2E7D32;--cl-pine: #004E52;--cl-plum: #680039;--cl-mauve: #F7DFEB;--cl-aquamarine: #C5FFF7;--sidebar-bg: #004E52;--sidebar-width: 220px;--sidebar-collapsed: 52px}body{font-family:Roboto Mono,ui-monospace,monospace;background-color:var(--cl-background);color:var(--cl-foreground);font-size:13px;text-align:left;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--cl-pine);text-decoration:none}a:hover{text-decoration:underline}*,*:before,*:after{box-sizing:border-box}::-moz-selection{background-color:var(--cl-aquamarine);color:var(--cl-pine)}::selection{background-color:var(--cl-aquamarine);color:var(--cl-pine)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}:root{font-family:Roboto Mono,ui-monospace,monospace;line-height:1.5;font-weight:400;color-scheme:light;color:#252c30;background-color:#f2f2f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}body{margin:0;min-width:320px;width:100%;min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:Roboto Mono,ui-monospace,monospace;font-weight:500}button{font-family:Roboto Mono,ui-monospace,monospace;cursor:pointer}input,select,textarea{font-family:Roboto Mono,ui-monospace,monospace}#root{position:relative;width:100%;min-height:100vh}