:root{--bg: #e6e2dc;--bg-deep: #d4cfc7;--bg-panel: rgba(255, 255, 255, .55);--bg-panel-solid: #f3efe9;--text: #141414;--text-soft: #3d3a36;--text-muted: #6b6560;--accent: #00ada4;--accent-strong: #008f88;--accent-glow: rgba(0, 173, 164, .18);--navy: #0b2340;--danger: #c0392b;--border: rgba(20, 20, 20, .08);--shadow: 0 10px 30px rgba(20, 20, 20, .08);--sidebar-w: 232px;--sidebar-w-collapsed: 76px;--radius: 14px;--font: "Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(0,173,164,.45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;margin:4px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,173,164,.55),rgba(11,35,64,.35));border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:40px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent),var(--navy));border:2px solid transparent;background-clip:padding-box}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,255,255,.55) 0%,transparent 70%),radial-gradient(ellipse 80% 50% at 100% 100%,var(--accent-glow) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.shell{flex:1;min-height:0;display:flex}.shell__content{flex:1;min-width:0;min-height:0}.page{padding:1.25rem 1.5rem 1.75rem;overflow:auto;height:100%}.page-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.15rem}.muted{color:var(--text-muted)}.btn{border:none;border-radius:10px;padding:.7rem 1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:#08192e}.btn-accent{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--text-soft)}.btn-danger{background:var(--danger);color:#fff}.icon-btn{width:32px;height:32px;border:none;border-radius:9px;background:rgba(255,255,255,.65);color:var(--navy);cursor:pointer;font-weight:700}.icon-btn.danger{color:var(--danger)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.85rem;font-weight:600;color:var(--text-soft)}.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0;border:1px solid var(--border);background:rgba(255,255,255,.72);border-radius:10px;padding:.7rem .85rem;outline:none}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);opacity:.85}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.45)}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th,table.data td{padding:.65rem .75rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}table.data th{position:sticky;top:0;background:#ebe7e1;font-weight:700;color:var(--text-soft);z-index:1}table.data tr:hover td{background:rgba(0,173,164,.06)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;background:rgba(0,173,164,.14);color:var(--accent-strong)}.badge.success{background:rgba(0,173,164,.14);color:var(--accent-strong)}.badge.warn{background:rgba(242,153,74,.18);color:#b86a1a}.badge.danger{background:rgba(192,57,43,.14);color:var(--danger)}.badge.progress{background:rgba(11,35,64,.12);color:var(--navy);animation:badgePulse 1.6s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:.42;box-shadow:0 0 #0b234000}50%{opacity:1;box-shadow:0 0 0 4px #0b23401f}}.empty-state{display:grid;place-items:center;min-height:220px;text-align:center;gap:.5rem}.empty-state h2{font-size:1rem;font-weight:700;color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid rgba(11,35,64,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:var(--danger);font-size:.9rem}.ok-text{color:var(--accent-strong);font-size:.9rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,20,20,.35);display:grid;place-items:center;z-index:1200;padding:1.25rem}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.modal-head{display:flex;align-items:center;justify-content:space-between;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.app-shell:has(.login-page),.app-shell:has(.login-wrap){height:auto;min-height:100%;min-height:100dvh;overflow:auto}.login-wrap,.login-page{flex:1;width:100%;min-height:100%;min-height:100dvh;display:grid;place-items:center;padding:clamp(.75rem,4vw,2rem);padding-bottom:max(1rem,env(safe-area-inset-bottom));animation:fadeIn .45s ease both}.login-card{width:min(420px,100%);max-width:100%;padding:1.75rem 1.6rem 1.5rem}.login-card__brand{text-align:center;margin-bottom:1.4rem}.login-card__brand img{display:block;width:min(220px,80%);max-width:100%;height:auto;margin:0 auto 1rem;border-radius:12px;box-shadow:0 12px 28px #1414141f;animation:rise .6s ease both}@media (max-width: 480px){.login-page,.login-wrap{align-content:start;place-items:start center;padding:1rem .85rem 1.25rem}.login-card{padding:1.25rem 1rem 1.15rem}.login-card__brand{margin-bottom:1rem}.login-card__brand img{width:min(180px,85%)}.login-card__brand p{font-size:.85rem;font-weight:600}}.login-card__brand p{margin-top:.35rem;color:var(--text-muted);font-size:.92rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:.95rem}.login-form .btn{margin-top:.35rem;min-height:2.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:1rem;padding:1rem .85rem;border-right:1px solid var(--border);background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:width .22s ease;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:.7rem;padding:.35rem .45rem .85rem;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:12px;width:100%;transition:background .15s ease}.sidebar__brand:hover{background:rgba(0,173,164,.08)}.sidebar.collapsed .sidebar__brand{justify-content:center;padding-left:.25rem;padding-right:.25rem}.sidebar__brand img{width:40px;height:40px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.65);padding:4px;box-shadow:0 6px 16px #1414141a;flex-shrink:0}.sidebar__brand strong{display:block;font-size:1rem;font-weight:800;letter-spacing:-.02em;color:var(--navy)}.sidebar__brand span{display:block;font-size:.75rem;color:var(--text-muted);font-weight:600}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-meta{display:none}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow:auto}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:12px;color:var(--text-soft);font-weight:600;transition:background .15s ease,color .15s ease}.sidebar.collapsed .nav-item{justify-content:center;padding-left:.55rem;padding-right:.55rem}.nav-item:hover{background:rgba(0,173,164,.1);color:var(--navy)}.nav-item.active{background:rgba(0,173,164,.16);color:var(--accent-strong)}.nav-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0}.nav-label{white-space:nowrap}.sidebar.collapsed .user-trigger{justify-content:center;padding-left:.4rem;padding-right:.4rem}.sidebar__footer{position:relative;border-top:1px solid var(--border);padding-top:.85rem}.user-trigger{width:100%;display:flex;align-items:center;gap:.65rem;border:1px solid transparent;background:rgba(255,255,255,.35);border-radius:12px;padding:.55rem .6rem;cursor:pointer;text-align:left}.user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:rgba(11,35,64,.1);color:var(--navy);font-size:.75rem;font-weight:800}.user-meta{min-width:0;flex:1}.user-meta strong{display:block;font-size:.86rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta span{display:block;font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);min-width:200px;background:#f7f3ed;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.4rem;z-index:30}.user-menu__header{padding:.55rem .65rem .7rem;border-bottom:1px solid var(--border);margin-bottom:.35rem}.user-menu__header strong{display:block;font-size:.88rem}.user-menu__header span{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.user-menu__item{width:100%;border:none;background:transparent;border-radius:9px;padding:.65rem .7rem;text-align:left;font-weight:700;cursor:pointer;color:var(--text-soft)}.user-menu__item:hover{background:rgba(0,173,164,.1);color:var(--navy)}.user-menu__item.danger{color:var(--danger)}.user-menu__item.danger:hover{background:rgba(192,57,43,.1);color:var(--danger)}.dashboard-stack{display:flex;flex-direction:column;gap:1rem}.chart-card .card-head{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:.75rem}.chart-body{height:260px}.station-list{display:flex;flex-direction:column;gap:.55rem}.station-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.meta-line{font-size:.82rem;margin-top:.2rem}.movements-page{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;box-sizing:border-box}.filters{position:relative;z-index:30;margin-bottom:.9rem;overflow:visible;padding-right:2.5rem;flex-shrink:0;min-width:0}.filter-reset{position:absolute;top:.7rem;right:.7rem;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.75);color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.filter-reset:hover{border-color:#00ada473;background:rgba(0,173,164,.12);color:var(--accent-strong)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.75rem;overflow:visible;align-items:end}.status-field,.fuel-field,.station-field{position:relative;z-index:2}.date-input,.field input.date-input{width:100%;height:40px;min-height:40px;border:1px solid var(--border);background:rgba(255,255,255,.92);border-radius:10px;padding:0 .85rem;color:var(--text);font-weight:600}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.panel-table{position:relative;z-index:1;flex:1 1 auto;min-width:0;min-height:140px;overflow:auto}.pagination{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap;padding:.7rem .95rem;flex-shrink:0;min-width:0}.pagination-meta{font-size:.82rem;min-width:0;white-space:nowrap;flex-shrink:1}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:nowrap;flex:1 1 auto;min-width:0}.page-btn{min-width:42px;height:42px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.75);color:var(--navy);font-weight:700;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.page-btn:hover:not(:disabled){border-color:#00ada473;background:rgba(0,173,164,.12)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-ellipsis{min-width:22px;text-align:center;color:var(--text-muted);font-weight:800;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.page-size-select{box-sizing:border-box;height:42px;min-width:72px;padding:0 .55rem;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.75);color:var(--navy);font-weight:700;cursor:pointer;flex-shrink:0}.pagination.compact{gap:.4rem;padding:.45rem .6rem}.pagination.compact .pagination-meta{font-size:.75rem}.pagination.compact .page-btn{min-width:32px;height:32px;border-radius:8px}.pagination.compact .page-ellipsis{min-width:14px}.pagination.compact .page-size-select{height:32px;min-width:56px;padding:0 .35rem}.fuel-cell{display:flex;flex-direction:column;gap:.1rem;white-space:normal;min-width:110px}.tiny{font-size:.72rem}.order-cell{white-space:nowrap}.order-total-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(0,173,164,.28);background:rgba(0,173,164,.1);color:var(--accent-strong);border-radius:999px;padding:.35rem .7rem;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.order-total-btn:hover{background:rgba(0,173,164,.18);border-color:#00ada473;transform:translateY(-1px)}.order-block{display:flex;flex-direction:column;gap:.18rem;padding:.35rem .45rem;border-radius:10px;background:rgba(255,255,255,.5);border:1px solid var(--border)}.order-block--lg{gap:.45rem;padding:.9rem 1rem}.order-line{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--text-muted)}.order-block--lg .order-line{font-size:.92rem}.order-line strong{color:var(--text);font-weight:700}.order-line.total{margin-top:.15rem;padding-top:.35rem;border-top:1px dashed var(--border);color:var(--accent-strong)}.order-line.total strong{color:var(--accent-strong);font-size:1.05rem}.actions-col{width:1%;text-align:right}.row-actions{display:inline-flex;gap:.35rem}.logs-table{max-height:420px}.trigger-placeholder{color:var(--text);font-weight:600}.status-tag{font-variant-numeric:tabular-nums}.multi{position:relative}.multi-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--border);background:rgba(255,255,255,.92);border-radius:10px;padding:0 .85rem;box-sizing:border-box;height:40px;min-height:40px;cursor:pointer;text-align:left;font-weight:600;color:var(--text)}.multi-trigger-content{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;overflow:hidden}.multi-menu{display:flex;flex-direction:column;max-height:340px;background:#f7f3ed;border:1px solid rgba(20,20,20,.12);border-radius:12px;box-shadow:0 16px 40px #14141438;padding:.45rem;opacity:1;isolation:isolate}.multi-search input{width:100%;border:1px solid rgba(20,20,20,.12);background:#fff;border-radius:8px;padding:.55rem .7rem;outline:none;font:inherit;color:#0b2340}.multi-search input:focus{border-color:#00ada4;box-shadow:0 0 0 3px #00ada433}.multi-actions{display:flex;align-items:center;gap:.55rem;padding:.45rem .35rem;border-bottom:1px solid rgba(20,20,20,.1);margin-bottom:.25rem}.multi-actions button{border:none;background:transparent;color:#008f88;font-weight:700;cursor:pointer;font-size:.8rem;font-family:inherit;padding:0}.multi-actions .multi-clear{margin-left:auto;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#5c6b7a}.multi-actions .multi-clear:hover{background:rgba(192,57,43,.1);color:#c0392b}.multi-options{overflow:auto;max-height:240px}.multi-option{display:flex;align-items:center;gap:.55rem;padding:.45rem .4rem;border-radius:8px;cursor:pointer;font-size:.82rem;color:#0b2340;background:transparent}.multi-option:hover{background:rgba(0,173,164,.1)}.multi-empty{padding:.75rem .4rem;color:#5c6b7a;font-size:.82rem;margin:0}.filters-toggle{display:inline-flex;align-items:center;gap:.45rem;height:42px;padding:0 .9rem;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.75);color:var(--navy);font-weight:700;cursor:pointer}.filters-toggle:hover{border-color:#00ada473;background:rgba(0,173,164,.12)}.filter-count{min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center}.filters-modal{width:min(520px,100%)}.filters-modal .filter-grid{grid-template-columns:1fr;padding-right:0}@media (min-width: 1400px){.filter-grid{grid-template-columns:minmax(200px,1.3fr) minmax(200px,1.3fr) repeat(2,minmax(130px,1fr)) minmax(160px,1fr) minmax(140px,1fr)}}@media (max-width: 720px){.filter-grid{grid-template-columns:1fr}.filters{padding-right:2.75rem}.header{align-items:flex-start}}@media (max-height: 639px){.movements-page{overflow:auto}.panel-table{flex:0 0 auto}}