@charset "UTF-8";body{background-color:#191919;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:2000}.toast{align-items:center;animation:toast-in .2s ease;background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0006;display:flex;gap:10px;justify-content:space-between;max-width:360px;min-width:280px;padding:12px 14px;pointer-events:all}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:#35c0684d}.toast-error{border-color:#db31314d}.toast-warning{border-color:#f5af184d}.toast-info{border-color:#3b82f64d}.toast-content{align-items:flex-start;display:flex;flex:1 1;gap:10px}.toast-icon{flex-shrink:0;font-size:16px;margin-top:1px}.toast-icon-success{color:#35c068}.toast-icon-error{color:#db3131}.toast-icon-warning{color:#f5af18}.toast-icon-info{color:#3b82f6}.toast-title{color:var(--text-primary);font-size:13px;font-weight:700;margin-bottom:2px}.toast-message{color:#94a3b8;font-size:13px}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:14px;padding:2px}.toast-close:hover{color:var(--text-secondary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-sm{max-width:380px}.modal-md{max-width:540px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-full{max-width:1100px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 20px 14px}.modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.modal-close-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;padding:4px;transition:all .15s}.modal-close-btn:hover{background:#ef44441a;color:#ef4444}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-actions{bottom:-20px;position:-webkit-sticky;position:sticky;z-index:1}.modal-actions,.modal-footer{background:var(--bg-card2);border-radius:0 0 14px 14px;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.dash-section-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.dash-section-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.dash-tanker-card{border-radius:var(--radius-xl);transition:border-color .2s,box-shadow .2s,background .25s}.dash-tanker-card.in-use{background:color-mix(in srgb,var(--bg-card) 97%,#f5af18 3%)}.tank-body{border:1.5px solid var(--border-color)}.dash-tanker-icon{color:var(--accent)}.dash-tanker-warning{background:var(--red-muted);border-radius:var(--radius-sm);color:var(--red)}.dash-txn-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .25s,background .25s}.dash-txn-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:48px 1fr auto;padding:11px 16px;transition:background .12s}.dash-txn-row:last-child{border-bottom:none}.dash-txn-row:hover{background:var(--bg-secondary)}.dash-txn-badge{align-items:center;border-radius:var(--radius-sm);display:flex;flex-direction:column;flex-shrink:0;font-size:9px;font-weight:800;gap:2px;height:42px;justify-content:center;letter-spacing:.5px;overflow:hidden;width:48px}.dash-txn-badge.out{background:var(--accent-muted);color:var(--accent)}.dash-txn-badge.in{background:var(--green-muted);color:var(--green-alt)}.dash-txn-badge.correction{background:var(--purple-muted);color:var(--purple)}.dash-txn-badge.spillage{background:#f59e0b1f;color:#f59e0b}.dash-txn-badge svg{font-size:14px}.dash-txn-info{min-width:0}.dash-txn-main{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-txn-sub{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:5px;margin-top:3px}.dash-txn-dot{background:var(--border-color);border-radius:50%;flex-shrink:0;height:3px;width:3px}.dash-txn-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:3px}.dash-txn-amount{color:var(--text-primary);font-size:13px;font-weight:700;white-space:nowrap}.dash-txn-time{color:var(--text-muted);font-size:11px;white-space:nowrap}.dash-tankers-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:4px}.dash-tanker-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;display:flex;flex:1 1 260px;gap:18px;max-width:340px;min-width:220px;padding:18px 18px 16px;transition:border-color .2s,box-shadow .2s}.dash-tanker-card:hover{border-color:var(--text-subtle);box-shadow:var(--shadow-md)}.dash-tanker-card.in-use{background:#f5af180a;border-color:#f5af1859}.tank-visual{display:flex;flex-shrink:0;gap:6px}.tank-ticks{display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:8px 0}.tank-tick{align-items:center;display:flex;gap:4px;justify-content:flex-end}.tank-tick span{color:var(--text-muted);font-size:9px;font-weight:600;line-height:1;text-align:right;width:18px}.tank-tick-line{background:var(--border-color);height:1px;width:6px}.tank-cylinder{align-items:center;display:flex;flex-direction:column;gap:0;width:52px}.tank-cap{border:2px solid #0000;border-radius:50%;flex-shrink:0;height:12px;position:relative;transition:background .6s ease;width:52px;z-index:2}.tank-cap.top{margin-bottom:-10px}.tank-cap.bottom{margin-top:-10px}.tank-body{background:var(--bg-app);border:1.5px solid var(--border-input);border-radius:6px;height:160px;overflow:hidden;position:relative;width:52px;z-index:1}.tank-fill{bottom:0;transition:height .9s cubic-bezier(.34,1.56,.64,1)}.tank-fill,.tank-fill:after{left:0;position:absolute;right:0}.tank-fill:after{background:inherit;border-radius:50%;content:"";filter:brightness(1.25);height:12px;top:-6px}.tank-wave{animation:wave-bob 2.5s ease-in-out infinite;border-radius:50%;height:8px;left:-10%;opacity:.5;pointer-events:none;position:absolute;transform:translateY(-50%);width:120%}@keyframes wave-bob{0%,to{transform:translateY(-50%) scaleX(1)}50%{transform:translateY(-60%) scaleX(1.05)}}.tank-shine{background:linear-gradient(90deg,#ffffff0f,#fff0);border-radius:4px;bottom:0;left:8px;top:0;width:10px}.tank-pct-label,.tank-shine{pointer-events:none;position:absolute}.tank-pct-label{font-size:12px;font-weight:800;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:3}.dash-tanker-details{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.dash-tanker-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:7px}.dash-tanker-icon{color:#db3131;flex-shrink:0;font-size:13px}.dash-tanker-badges{display:flex;flex-wrap:wrap;gap:6px}.dash-tanker-amounts{align-items:baseline;display:flex;gap:8px;margin-top:2px}.dash-tanker-warning{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:2px;padding:5px 9px}.dash-tanker-check-fail{background:#ef44441a;border-color:#ef444440;color:#ef4444}.dash-tanker-check-none{background:#f59e0b1a;border-color:#f59e0b40;color:#f59e0b}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-radius:0;border-top:1px solid #aeaeae;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-radius:0 0 .3rem .3rem;border-top:1px solid #aeaeae}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__month-year-select,.react-datepicker__year-select{background-color:initial;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__month-year-select:focus-visible,.react-datepicker__year-select:focus-visible{outline:1px auto}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:5em}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:5em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.375em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + 1.0625em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:2.125em;margin:.208em;text-align:center;width:2.125em}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__children-container{height:auto;margin:.5em;padding-left:.25em;padding-right:.25em;width:17.25em}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-popper-offset{margin-top:-.7em}.fl-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.fl-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:18px}.fl-card-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.fl-card-clickable:hover{border-color:#db3131;box-shadow:0 0 0 3px #db313114}.fl-card-footer{color:var(--text-muted);font-size:11px;margin-top:2px;opacity:.6;text-align:right}.fl-card-header{justify-content:space-between}.fl-card-header,.fl-title{align-items:center;display:flex}.fl-title{font-size:15px;font-weight:700;gap:10px}.fl-icon{color:#db3131;font-size:18px}.fl-card-actions{gap:6px}.fl-card-actions,.fl-fuel-type{align-items:center;display:flex}.fl-fuel-type{color:#94a3b8;font-size:13px;gap:8px}.fl-fuel-type svg{color:#f5af18}.fl-bar-section{display:flex;flex-direction:column;gap:8px}.fl-bar-labels{align-items:center;display:flex;justify-content:space-between}.fl-gal{color:var(--text-muted);font-size:13px}.fl-warning{align-items:center;background:#ef444411;border:1px solid #ef444430;border-radius:10px;color:#ef4444;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.fl-bowser-fail{background:#ef44441a;border-color:#ef444440;color:#ef4444}.fl-bowser-none{background:#f59e0b1a;border-color:#f59e0b40;color:#f59e0b}.fl-meta{border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;gap:3px;padding-top:12px}.fuel-preview{align-items:center;display:flex;gap:12px;margin:4px 0 8px}.fuel-preview .fuel-bar-track{flex:1 1}.edit-fuel-form .modal-actions{justify-content:flex-start}.fl-detail{display:flex;flex-direction:column;gap:20px}.fl-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.fl-detail-title{align-items:center;display:flex;flex:1 1;font-size:18px;font-weight:700;gap:10px}.fl-detail-summary{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;padding:18px 20px}.fl-ds-left{display:flex;flex-direction:column;gap:8px;min-width:160px}.fl-ds-right{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:220px}.fl-detail-range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.fl-range-quick{display:flex;gap:6px}.fl-range-pickers{align-items:center;display:flex;gap:8px}.fl-range-sep{color:var(--text-muted);font-size:13px}.date-input-sm{font-size:13px!important;padding:6px 10px!important;width:120px!important}.fl-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fl-stat-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.fl-stat-card.out{border-left:3px solid #db3131}.fl-stat-card.in{border-left:3px solid #35c068}.fl-stat-card.neutral{border-left:3px solid #3b82f6}.fl-stat-card.correction{border-left:3px solid #8b5cf6}.fl-stat-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.fl-stat-val{font-size:26px;font-weight:800;line-height:1.1}.fl-stat-sub{color:var(--text-muted);font-size:11px}.fl-detail-section{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:18px 20px}.fl-section-title{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:.05em;text-transform:uppercase}.fl-txn-count{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:400;letter-spacing:0;padding:2px 10px;text-transform:none}.daily-chart{height:120px;padding-bottom:20px}.daily-bar-col{max-width:52px;position:relative}.daily-bar{flex:1 1;min-height:3px;transition:height .3s ease}.daily-bar-out{background:#db3131cc}.daily-bar-in{background:#35c068cc}.daily-bar-label{bottom:-18px;position:absolute}.daily-chart-legend{color:var(--text-muted)}.dcl-dot{height:8px;margin-right:3px;width:8px}.dcl-dot.out{background:#db3131cc}.dcl-dot.in{background:#35c068cc}.fl-empty-chart{color:var(--text-muted);font-size:13px;padding:20px 0;text-align:center}.fl-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding-top:4px}.fl-page-info{color:var(--text-muted);font-size:13px}.stat-tanker-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.stat-tanker-filter label{color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.stat-filter-select{background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:140px;outline:none;padding:5px 10px}.stat-filter-select:focus{border-color:var(--accent)}.stat-range-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px 20px}.stat-range-presets{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}.stat-preset-btn{background:var(--bg-input)!important;border:1px solid var(--border-input)!important;border-radius:20px!important;color:var(--text-subtle)!important;font-size:12px;font-weight:600;padding:5px 14px;transition:border-color .15s,color .15s}.stat-preset-active,.stat-preset-btn:hover{background:var(--accent-muted)!important;border-color:var(--accent)!important;color:var(--accent)!important}.stat-range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stat-range-icon{color:var(--text-muted);font-size:13px}.stat-range-field{align-items:center;display:flex;gap:8px}.stat-range-field label{color:var(--text-subtle);font-size:13px;font-weight:600;white-space:nowrap}.stat-date-wrap{flex-shrink:0;width:150px}.stat-date-input{align-items:center;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;outline:none;padding:7px 12px;text-align:left;transition:border-color .15s;white-space:nowrap;width:150px}.stat-date-input:focus,.stat-date-input:hover{border-color:var(--accent)}.stat-date-input-icon{color:var(--text-muted);flex-shrink:0;font-size:12px}.stat-range-sep{color:var(--text-muted);font-size:18px}.stat-datepicker-popper{z-index:999}.stat-datepicker{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 8px 32px #00000073!important;font-family:inherit!important}.stat-datepicker .react-datepicker__header{background:var(--bg-card2)!important;border-bottom:1px solid var(--border-color)!important;border-radius:12px 12px 0 0!important;padding:12px 0 8px!important}.stat-datepicker .react-datepicker__current-month,.stat-datepicker .react-datepicker__day-name{color:var(--text-primary)!important}.stat-datepicker .react-datepicker__day-name{color:var(--text-muted)!important;font-size:11px!important;font-weight:600!important}.stat-datepicker .react-datepicker__day{border-radius:6px!important;color:var(--text-primary)!important}.stat-datepicker .react-datepicker__day:hover{background:var(--accent-muted)!important;color:var(--accent)!important}.stat-datepicker .react-datepicker__day--range-end,.stat-datepicker .react-datepicker__day--range-start,.stat-datepicker .react-datepicker__day--selected{background:var(--accent)!important;color:#fff!important;font-weight:700!important}.stat-datepicker .react-datepicker__day--in-range,.stat-datepicker .react-datepicker__day--in-selecting-range{background:#db313114!important;color:var(--text-primary)!important}.stat-datepicker .react-datepicker__day--today:not(.react-datepicker__day--selected){color:var(--accent)!important;font-weight:700!important}.stat-datepicker .react-datepicker__day--outside-month{color:var(--text-muted)!important;opacity:.5}.stat-datepicker .react-datepicker__day--disabled{cursor:default!important;opacity:.25!important}.stat-datepicker-popper .react-datepicker__triangle{display:none}.stat-datepicker .react-datepicker__navigation{height:24px!important;top:10px!important;width:24px!important}.stat-datepicker .react-datepicker__navigation-icon:before{border-color:var(--text-muted)!important;border-width:2px 2px 0 0!important;height:7px!important;width:7px!important}.stat-datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--accent)!important}.stat-datepicker .react-datepicker__month-dropdown,.stat-datepicker .react-datepicker__month-year-dropdown{background:var(--bg-card2)!important;border-color:var(--border-color)!important}.react-datepicker__today-button{background:var(--bg-card2)!important;border-radius:0 0 12px 12px!important;border-top:1px solid var(--border-color)!important;color:var(--accent)!important;font-weight:600!important}.stat-empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;min-height:220px}.stat-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #db3131;height:36px;width:36px}.stat-summary-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px}.stat-summary-card{align-items:center;background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:14px;padding:16px 18px}.stat-summary-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;font-size:19px;height:44px;justify-content:center;width:44px}.stat-summary-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.15;white-space:nowrap}.stat-unit{color:var(--text-muted);font-size:13px;font-weight:400;margin-left:2px}.stat-summary-label{color:var(--text-muted);font-size:12px;line-height:1.3;margin-top:4px}.stat-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:16px 20px}.stat-card-title{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:16px;padding-bottom:12px}.stat-card-title svg{color:#db3131}.stat-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:900px){.stat-two-col{grid-template-columns:1fr}}.stat-three-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:1100px){.stat-three-col{grid-template-columns:1fr 1fr}}@media (max-width:700px){.stat-three-col{grid-template-columns:1fr}}.stat-table{border-collapse:collapse;font-size:13px;width:100%}.stat-table th{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 8px;text-align:left;text-transform:uppercase}.stat-table td,.stat-table th{border-bottom:1px solid var(--border-color)}.stat-table td{color:var(--text-secondary);padding:9px 8px}.stat-table tr:last-child td{border-bottom:none}.stat-table tr:hover td{background:#ffffff08}.stat-red{color:#ef4444;font-weight:600}.stat-green{color:#22c55e;font-weight:600}.stat-empty{color:var(--text-muted);font-size:13px;padding:8px 0}.stat-export-wrap{overflow-x:auto}.stat-export-table{min-width:680px}.stat-export-more{color:var(--text-muted);font-size:12px;padding:10px 0 2px;text-align:center}.daily-chart{align-items:flex-end;display:flex;gap:4px;height:180px;overflow-x:auto;padding-bottom:28px;position:relative}.daily-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:28px}.daily-bar-wrap{align-items:flex-end;display:flex;flex:1 1;gap:2px;justify-content:center;width:100%}.daily-bar{border-radius:3px 3px 0 0;min-height:2px;transition:height .4s ease;width:44%}.daily-bar-out{background:#db3131}.daily-bar-in{background:#35c068}.daily-bar-label{color:var(--text-muted);font-size:9px;margin-top:5px;white-space:nowrap}.daily-chart-legend{align-items:center;bottom:0;color:var(--text-subtle);display:flex;font-size:11px;gap:12px;position:absolute;right:0}.dcl-dot{border-radius:2px;display:inline-block;height:10px;margin-right:4px;width:10px}.dcl-dot.out{background:#db3131}.dcl-dot.in{background:#35c068}.stat-stock-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-stock-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.stat-stock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stat-stock-name{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:13px;font-weight:600;gap:7px;min-width:0;overflow:hidden}.stat-stock-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-stock-fueltype{background:var(--bg-input);border:1px solid var(--border-input);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:600;padding:1px 5px;white-space:nowrap}.stat-stock-pct{flex-shrink:0;font-size:15px;font-weight:800;margin-left:8px}.stat-stock-bar-bg{background:var(--bg-input);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.stat-stock-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.stat-stock-nums{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between}.stat-fuel-badge{background:#4da8ff1a;border:1px solid #4da8ff40;border-radius:5px;color:#4da8ff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:2px 7px}.export-dropdown{display:inline-block;position:relative}.export-dropdown-btn{align-items:center;display:flex;gap:6px}.export-caret{font-size:11px;margin-left:2px}.export-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000059;min-width:190px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.export-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 14px;text-align:left;transition:background .15s;width:100%}.export-dropdown-item:hover{background:var(--bg-secondary)}.export-format-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:36px;padding:2px 6px;text-align:center}.export-format-badge.csv{background:#22c55e1f;border:1px solid #22c55e4d;color:#22c55e}.export-format-badge.xlsx{background:#2271d11f;border:1px solid #3b82f64d;color:#3b82f6}.user-form .form-row{margin-bottom:12px}.user-form .modal-actions{justify-content:flex-start}.pw-input-wrap{align-items:center;display:flex;position:relative}.pw-input-wrap .form-input{padding-right:40px;width:100%}.pw-eye-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;transition:color .15s}.pw-eye-btn:hover{color:var(--text-primary)}.users-table-wrap{margin-top:0}.permissions-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.perm-toggle{align-items:center;background:#0000;border:1.5px solid var(--border-input);border-radius:20px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s;-webkit-user-select:none;user-select:none}.perm-toggle:hover{border-color:#db3131;color:#e2e8f0}.perm-toggle.on{background:#db31311f;border-color:#db313180;color:#db3131}.perm-admin-note{align-items:center;background:#35c06814;border:1px solid #35c06840;border-radius:10px;color:#35c068;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px;padding:10px 14px}.perm-badges{display:flex;flex-wrap:wrap;gap:4px}.perm-badge{background:#4da8ff1f;border:1px solid #4da8ff40;border-radius:10px;color:#4da8ff;font-size:10px;font-weight:600;padding:2px 7px}.txn-row{cursor:pointer;transition:background .1s}.txn-row:hover{background:var(--bg-secondary)!important}.txn-id-cell{color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.txn-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;padding:3px 9px;white-space:nowrap}.txn-badge-out{background:#ef44441f;color:#ef4444}.txn-badge-in{background:#22c55e1f;color:#22c55e}.txn-badge-corr{background:#8b5cf61f;color:#8b5cf6}.txn-badge-spillage{background:#f59e0b1f;color:#f59e0b}.txn-detail-cell{vertical-align:middle}.txn-detail-main{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:6px}.txn-detail-sub{align-items:center;color:var(--text-muted);display:flex;font-size:11px;margin-top:3px}.txn-cell-icon{color:var(--text-muted);flex-shrink:0;font-size:12px;margin-right:5px}.txn-cell-icon.muted{opacity:.55}.txn-meta-cell{color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.txn-fuel-chip,.txn-meta-cell{align-items:center;white-space:nowrap}.txn-fuel-chip{background:#3b82f61f;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px}.txn-amount-cell{color:var(--text-secondary);font-size:13px;font-weight:700;white-space:nowrap}.txn-amount-out{color:#ef4444}.txn-amount-in{color:#22c55e}.txn-unit{color:var(--text-muted);font-size:11px;font-weight:500;margin-left:2px}.txn-date-cell{font-size:12px}.txn-date-cell,.txn-status{color:var(--text-muted);white-space:nowrap}.txn-status{align-items:center;background:var(--border-color);border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px;text-transform:capitalize}.txn-status.completed{background:#22c55e1f;color:#22c55e}.txn-status.pending{background:#f59e0b1f;color:#f59e0b}.txn-status.failed{background:#ef44441f;color:#ef4444}.txn-type-toggle{margin-top:4px}.txn-toggle-btn{border:1.5px solid var(--border-color);color:var(--text-secondary);font-size:13px;gap:7px;padding:10px 14px;transition:background .15s,border-color .15s,color .15s}.txn-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.txn-toggle-btn.active-out{background:#ef44441f;border-color:#ef4444;color:#ef4444}.txn-toggle-btn.active-in{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.txn-toggle-btn.active-spillage{background:#f59e0b1f;border-color:#f59e0b;color:#f59e0b}.txn-tanker-bar{height:8px}.txn-tanker-fill{background:var(--accent);height:100%}.txn-tanker-pct{position:absolute;right:0;top:10px}.txn-unit-hint{color:var(--text-muted);font-style:italic;margin-top:6px}.txn-unit-hint-match{color:#22c55e}.pagination-row{align-items:center;display:flex;gap:14px;justify-content:center;padding:14px 0 4px}.pagination-row span{color:var(--text-muted);font-size:13px;white-space:nowrap}.txn-detail-grid{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:0;overflow:hidden}.txn-detail-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:11px 16px}.txn-detail-row:last-child{border-bottom:none}.txn-detail-row-label{color:var(--text-muted);font-weight:600;gap:8px;min-width:160px;white-space:nowrap}.txn-detail-row-icon,.txn-detail-row-label{align-items:center;display:flex;font-size:12px}.txn-detail-row-icon{color:var(--text-subtle);flex-shrink:0;justify-content:center;width:16px}.txn-detail-row-value{color:var(--text-primary);font-size:13px;font-weight:500;text-align:right}.txn-detail-notes{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px}.txn-detail-notes .txn-detail-row-label{align-items:center;display:flex;gap:8px;margin-bottom:6px}.txn-detail-notes-text{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.5}.txn-detail-modal .modal-body.txn-detail-body{align-items:flex-start;display:flex;gap:20px;max-height:75vh;overflow-y:auto;padding:20px}.txn-detail-col{flex:1 1;min-width:0}.txn-detail-col-main{flex:1.1 1}.txn-detail-col-steps{flex:0.9 1}.txn-section{margin-bottom:20px}.txn-section:last-child{margin-bottom:0}.txn-section-title{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.txn-detail-subtitle{color:var(--text-muted);font-size:12px;margin-top:2px}.txn-steps-list{display:flex;flex-direction:column;gap:2px}.txn-step-row{align-items:center;background:#0000;border:none;border-radius:7px;display:flex;font-size:12.5px;gap:10px;padding:6px 8px;transition:background .1s}.txn-step-row.done{background:#22c55e12}.txn-step-row.pending{opacity:.45}.txn-step-icon{align-items:center;display:flex;flex-shrink:0;font-size:15px}.txn-step-row.done .txn-step-icon{color:#22c55e}.txn-step-row.pending .txn-step-icon{color:var(--text-subtle)}.txn-step-label{color:var(--text-muted);flex:1 1;font-weight:500;line-height:1.3}.txn-step-row.done .txn-step-label{color:var(--text-primary);font-weight:600}.txn-photo-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.txn-photo-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.txn-photo-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.txn-photo-img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.txn-photo-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:600;padding:6px 8px}.txn-photo-expand{background:#0000008c;border-radius:5px;color:#fff;font-size:10px;opacity:0;padding:4px 5px;position:absolute;right:7px;top:7px;transition:opacity .15s}.txn-photo-card:hover .txn-photo-expand{opacity:1}.txn-no-photos{color:var(--text-muted);font-size:12.5px;font-style:italic;margin:0;padding:10px 0}.txn-lightbox{align-items:center;background:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.txn-lightbox-inner{background:var(--bg-primary);border-radius:16px;box-shadow:0 24px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:min(92vw,900px);overflow:hidden}.txn-lightbox-header{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 20px}.txn-lightbox-img{background:#000;max-height:calc(90vh - 58px);object-fit:contain;width:100%}.txn-meter-row{align-items:center;display:flex;gap:12px}.txn-meter-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:1 1;padding:14px 16px;text-align:center}.txn-meter-card.txn-meter-before{border-top:3px solid #f59e0b;border-top:3px solid var(--color-warning,#f59e0b)}.txn-meter-card.txn-meter-after{border-top:3px solid #10b981;border-top:3px solid var(--color-success,#10b981)}.txn-meter-icon{color:var(--text-muted);font-size:18px;margin-bottom:6px}.txn-meter-before .txn-meter-icon{color:#f59e0b;color:var(--color-warning,#f59e0b)}.txn-meter-after .txn-meter-icon{color:#10b981;color:var(--color-success,#10b981)}.txn-meter-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.txn-meter-value{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.02em}.txn-meter-arrow{color:var(--text-subtle);flex-shrink:0;font-size:22px;padding-bottom:8px}.txn-meter-diff{background:color-mix(in srgb,#10b981 8%,#0000);background:color-mix(in srgb,var(--color-success,#10b981) 8%,#0000);border:1px solid color-mix(in srgb,#10b981 22%,#0000);border:1px solid color-mix(in srgb,var(--color-success,#10b981) 22%,#0000);border-radius:8px;color:var(--text-secondary);font-size:12.5px;margin-top:10px;padding:9px 14px}.tanker-card .fl-bar-section{margin-top:4px}.loc-picker-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:40px;padding:8px 12px}.loc-coords-display{align-items:center;color:var(--text-primary);display:flex;font-family:monospace;font-size:13px;gap:6px}.loc-pin-icon{color:#ef4444;font-size:12px}.loc-no-coords{color:var(--text-muted);font-size:13px;font-style:italic}.loc-picker-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.loc-clear-btn{color:var(--text-muted)!important;padding:4px 6px!important}.loc-map-panel{border:1px solid var(--border-color);border-radius:8px;margin-top:8px;overflow:hidden}.loc-map-toolbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 10px}.loc-map-hint{color:var(--text-muted);font-family:monospace;font-size:12px}.loc-map-container,.loc-map-loading{height:280px;width:100%}.loc-map-loading{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.btn-sm{font-size:12px!important;padding:5px 10px!important}.btn-ghost{background:#0000!important;border:1px solid var(--border-color)!important;color:var(--text-muted)!important}.btn-ghost:hover{background:var(--bg-secondary)!important}.qr-dropzone{border:2px dashed var(--border-color)}.qr-dropzone--over,.qr-dropzone:hover{border-color:#4da8ff;border-color:var(--primary-color,#4da8ff)}.qr-spinner{border-top:3px solid var(--primary-color,#4da8ff)}.pulsing-dot{animation:pulse-ring 1.4s ease-out infinite;border-radius:50%;display:inline-block;flex-shrink:0;height:9px;margin-right:6px;width:9px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #35c06899}70%{box-shadow:0 0 0 9px #35c06800}to{box-shadow:0 0 0 0 #35c06800}}@keyframes lf-pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}.lf-header-status{align-items:center;background:var(--bg-card2);border:1px solid var(--border-color);border-radius:20px;color:#35c068;display:flex;font-size:13px;font-weight:600;padding:6px 14px}.lf-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:900px){.lf-stats-row{grid-template-columns:1fr 1fr}}.lf-stat-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:14px 16px}.lf-stat-card,.lf-stat-icon{align-items:center;display:flex}.lf-stat-icon{border-radius:10px;flex-shrink:0;font-size:17px;height:40px;justify-content:center;width:40px}.lf-stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.lf-stat-label{color:var(--text-muted);font-size:12px;margin-top:3px}.lf-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:1000px){.lf-layout{grid-template-columns:1fr}}.lf-col-left{position:-webkit-sticky;position:sticky;top:16px}@media (max-width:1000px){.lf-col-left{position:static}}.lf-col-right{gap:16px}.lf-col,.lf-col-right{display:flex;flex-direction:column}.lf-col{gap:12px}.lf-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:12px;padding:16px}.lf-card-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.lf-card-empty,.lf-card-title{align-items:center;display:flex}.lf-card-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-weight:700;gap:8px;margin-bottom:12px;padding-bottom:10px}.lf-card-title svg{color:#db3131}.lf-section-heading{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px}.lf-muted-note{color:var(--text-muted);font-size:12px;font-weight:400;margin-left:4px}.lf-map-wrapper{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.lf-map-container{height:500px;width:100%}.lf-map-placeholder{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted);display:flex;font-size:13px;height:500px;justify-content:center}.lf-map-legend{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border:1px solid #ffffff1f;border-radius:10px;bottom:12px;display:flex;flex-direction:column;gap:6px;left:12px;padding:8px 12px;pointer-events:none;position:absolute}.lf-legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:500;gap:7px}.lf-legend-dot{border:2px solid #fff6;border-radius:50%;flex-shrink:0;height:11px;width:11px}.lf-legend-dot.red{background:#db3131}.lf-legend-dot.yellow{background:#f5af18}.lf-mini-tank{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.lf-mini-track{align-items:flex-end;background:var(--bg-app);border:1.5px solid var(--border-input);border-radius:4px;display:flex;height:54px;overflow:hidden;width:18px}.lf-mini-fill{border-radius:0 0 2px 2px;transition:height .6s ease;width:100%}.lf-mini-pct{font-size:10px;font-weight:700}.lf-tanker-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:10px 0}.lf-tanker-row:last-child{border-bottom:none}.lf-tanker-row-info{flex:1 1;min-width:0}.lf-tanker-row-name{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:5px}.lf-tanker-row-sub{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.lf-tanker-row-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.lf-small-muted{color:var(--text-muted);font-size:11px}.lf-empty{color:var(--text-muted);font-size:13px;padding:8px 0}.lf-active-list{display:flex;flex-direction:column;gap:12px}.lf-active-card{background:var(--bg-card);border:1px solid #db31314d;border-radius:12px;box-shadow:0 0 20px #db31310d;display:flex;overflow:hidden;position:relative}.lf-active-card-accent{background:linear-gradient(180deg,#db3131,#f5af18);flex-shrink:0;width:4px}.lf-active-card-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px 16px}.lf-active-top{justify-content:space-between}.lf-active-name,.lf-active-top{align-items:center;display:flex}.lf-active-name{color:var(--text-primary);font-size:15px;font-weight:700;gap:8px}.lf-live-badge{align-items:center;background:#35c0681f;border:1px solid #35c0684d;border-radius:20px;color:#35c068;display:flex;font-size:11px;font-weight:800;letter-spacing:1.2px;padding:3px 10px}.lf-active-badges{display:flex;flex-wrap:wrap;gap:6px}.lf-loc-badge{align-items:center;background:#4da8ff1f;border-radius:20px;color:#4da8ff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.lf-active-level-row{align-items:center;display:flex;gap:14px}.lf-active-level-text{display:flex;flex-direction:column;gap:2px}.lf-low-warning{color:#ef4444;font-size:11px;font-weight:600}.lf-bowser-warning{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 7px}.lf-bowser-fail{background:#ef44441f;color:#ef4444}.lf-bowser-none{background:#f59e0b1f;color:#f59e0b}.lf-flow-bar{background:var(--bg-secondary);border-radius:99px;height:4px;overflow:hidden}.lf-flow-fill{animation:lf-flow 1.4s linear infinite;background:linear-gradient(90deg,#0000,#db3131 40%,#f5af18 60%,#0000);background-size:200% 100%;border-radius:99px;height:100%}@keyframes lf-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.ref-row-clickable{cursor:pointer}.ref-row-clickable:hover{background:var(--bg-secondary)!important}.entity-detail{display:flex;flex-direction:column;gap:20px}.entity-detail-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.entity-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;text-align:center}.entity-stat-val{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.entity-stat-unit{color:var(--text-muted);font-size:13px;font-weight:500}.entity-stat-label{font-size:11px;letter-spacing:.05em;margin-top:4px}.entity-detail-txns-header,.entity-stat-label{color:var(--text-muted);text-transform:uppercase}.entity-detail-txns-header{font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:10px}@media (max-width:600px){.entity-detail-stats{grid-template-columns:1fr 1fr}}.ref-split{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.ref-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.ref-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.ref-panel-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:700;gap:8px}.ref-panel-title svg{color:var(--text-muted);font-size:13px}.ref-panel .users-table-wrap{border:none;border-radius:0;box-shadow:none}@media (max-width:1000px){.ref-split{grid-template-columns:1fr}}.ref-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:20px;padding-bottom:0}.ref-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-1px;padding:10px 18px;transition:all .15s}.ref-tab:hover{color:var(--text-secondary)}.ref-tab.active{border-bottom-color:#db3131;color:#db3131}.ref-tab svg{font-size:13px}.ref-tab-count{background:var(--bg-secondary);border-radius:20px;color:var(--text-subtle);font-size:11px;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}.ref-tab.active .ref-tab-count{background:#db313133;color:#db3131}.ref-archive-notice{align-items:flex-start;background:#f5af1814;border:1px solid #f5af1833;border-radius:8px;color:#f5af18;display:flex;font-size:13px;gap:8px;margin:8px 0;padding:10px 12px}.ref-archive-notice svg{flex-shrink:0;margin-top:2px}.ref-row-archived td{opacity:.55}.ref-archived-header td{background:var(--bg-app);padding:6px 14px!important}.ref-archived-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.ref-badge-archived{background:#64748b26;color:var(--text-muted)}.ref-badge-archived,.ref-badge-linked{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.ref-badge-linked{background:#4da8ff1f;color:#4da8ff}.qr-panel{align-items:flex-start;display:flex;flex-wrap:wrap;gap:28px;padding:4px 0}.qr-image-section{flex-direction:column;gap:0}.qr-dropzone,.qr-image-section{align-items:center;display:flex}.qr-dropzone{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:14px;cursor:pointer;height:200px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s,background .15s;width:240px}.qr-dropzone:hover{background:#4da8ff0f;border-color:var(--primary)}.qr-dropzone--over{background:#4da8ff1f;border-color:var(--primary);border-style:solid}.qr-dropzone--loading{opacity:.7;pointer-events:none}.qr-drop-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:16px;pointer-events:none;text-align:center}.qr-drop-placeholder small{font-size:11px;opacity:.7}.qr-preview-img{display:block;height:100%;object-fit:cover;width:100%}.qr-drop-overlay{align-items:center;background:#0000008c;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s}.qr-dropzone:hover .qr-drop-overlay{opacity:1}.qr-spinner{animation:qr-spin .7s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--primary);height:28px;margin-bottom:6px;width:28px}@keyframes qr-spin{to{transform:rotate(1turn)}}.qr-code-section{align-items:center;display:flex;flex-direction:column;gap:8px}.qr-label{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.qr-sub{color:var(--text-muted);font-size:12px;margin:0}.qr-sub code{background:var(--bg-secondary);border-radius:4px;font-family:monospace;padding:2px 6px}.qr-dl-btn{margin-top:4px}.bc-filter-bar{gap:8px;padding:0 12px}.bc-date-input{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;outline:none;padding:7px 0;width:96px}.bc-date-sep{color:var(--text-muted);flex-shrink:0;font-size:13px}.bc-filter-divider{background:var(--border-color);flex-shrink:0;height:18px;width:1px}.bc-inline-select{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:120px;outline:none;padding:6px 10px}.bc-pagination-row{align-items:center;display:flex;gap:14px;justify-content:center;padding:14px 0 4px}.bc-pagination-row span{color:var(--text-muted);font-size:13px;white-space:nowrap}.bc-row{cursor:pointer;transition:background .1s}.bc-row:hover{background:var(--bg-secondary)!important}.bc-status{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.03em;padding:3px 10px;white-space:nowrap}.bc-status-ok{background:#22c55e1f;color:#22c55e}.bc-status-issues{background:#f5af181f;color:#f5af18}.bc-status-failed{background:#ef44441f;color:#ef4444}.bc-drain{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.03em;padding:2px 8px}.bc-drain-pass{background:#22c55e1f;color:#22c55e}.bc-drain-fail{background:#ef44441f;color:#ef4444}.bc-drain-not_done{background:#94a3b81f;color:#94a3b8}.bc-type{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 8px;white-space:nowrap}.bc-type-out{background:#db31311f;color:#db3131}.bc-type-in{background:#22c55e1f;color:#22c55e}.bc-cond{border-radius:20px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.bc-cond-good{background:#22c55e1f;color:#22c55e}.bc-cond-acceptable{background:#f5af181f;color:#f5af18}.bc-cond-poor{background:#ef44441f;color:#ef4444}.bc-cell-icon{color:var(--text-muted);flex-shrink:0;font-size:12px;margin-right:5px}.bc-equip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bc-equip-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px}.bc-equip-ok{background:#22c55e1a;color:#22c55e}.bc-equip-fail{background:#ef44441f;color:#ef4444}.bc-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.bc-detail-section{background:var(--bg-input);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.bc-detail-section.full{grid-column:1/-1}.bc-detail-section-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.bc-kv{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:space-between}.bc-kv-key{color:var(--text-muted);white-space:nowrap}.bc-kv-val{color:var(--text-primary);font-weight:600;text-align:right}.bc-remarks-box{border-radius:8px;color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.5;padding:6px 0}:root{--bg-app:#191919;--bg-sidebar:#151515;--bg-card:#242424;--bg-card2:#2b2b2b;--bg-input:#191919;--bg-input-hover:#1e1e1e;--bg-secondary:#2b2b2b;--bg-overlay:#000000a6;--border-color:#333;--border-input:#3a3a3a;--border-sidebar:#2b2b2b;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--text-subtle:#c4cdd6;--accent:#db3131;--accent-hover:#c02020;--accent-muted:#db313126;--green:#22c55e;--green-alt:#35c068;--green-muted:#35c06826;--amber:#f5af18;--amber-muted:#f5af1826;--purple:#8b5cf6;--purple-muted:#8b5cf626;--red:#ef4444;--red-muted:#ef444426;--shadow-sm:0 1px 4px #00000040;--shadow-md:0 2px 16px #00000059;--shadow-lg:0 8px 32px #00000080;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px}[data-theme=light]{--bg-app:#f0f2f5;--bg-sidebar:#fff;--bg-card:#fff;--bg-card2:#fff;--bg-input:#f8fafc;--bg-input-hover:#f1f5f9;--bg-secondary:#f1f5f9;--bg-overlay:#0006;--border-color:#e2e8f0;--border-input:#d1d5db;--border-sidebar:#e5e7eb;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#475569;--text-subtle:#64748b;--accent:#db3131;--accent-hover:#b91c1c;--accent-muted:#db31311a;--green:#16a34a;--green-alt:#22c55e;--green-muted:#22c55e1f;--amber:#d97706;--amber-muted:#d977061f;--purple:#7c3aed;--purple-muted:#7c3aed1f;--red:#dc2626;--red-muted:#dc26261f;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 2px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:#191919;background:var(--bg-app);color:#e2e8f0;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;transition:background .25s,color .25s}*{scrollbar-color:#333 #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#333;background:var(--border-color);border-radius:4px}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{background:#151515;background:var(--bg-sidebar);border-right:1px solid #2b2b2b;border-right:1px solid var(--border-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:background .25s,border-color .25s;width:220px;z-index:100}.sidebar-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);padding:20px 16px 16px}.logo{align-items:center;display:flex;justify-content:center}.logo-image{display:block;height:36px;object-fit:contain;width:auto}.logo-text{color:#f1f5f9;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin-left:4px}.logo-text.large{font-size:32px;margin-left:0}.logo-accent{color:#db3131;color:var(--accent)}.nav-menu{flex:1 1;padding:12px 0}.nav-title{color:#db3131;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.8px;padding:8px 16px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:10px;border-radius:var(--radius-md);color:#c4cdd6;color:var(--text-subtle);display:flex;font-size:14px;font-weight:500;gap:10px;margin:2px 10px;padding:9px 12px;text-decoration:none;transition:all .15s}.nav-item:hover{background:#2b2b2b;background:var(--bg-secondary);color:#f1f5f9;color:var(--text-primary)}.nav-item.active{background:#db3131;background:var(--accent);color:#fff;font-weight:700}.nav-item.nav-item-locked{cursor:default;opacity:.45;pointer-events:none}.nav-icon{flex-shrink:0;font-size:15px}.sidebar-footer{border-top:1px solid #2b2b2b;border-top:1px solid var(--border-sidebar);gap:8px;padding:12px 14px}.sidebar-footer,.user-avatar{align-items:center;display:flex}.user-avatar{background:#db313126;background:var(--accent-muted);border-radius:50%;color:#db3131;color:var(--accent);flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.sidebar-user-info{min-width:0}.sidebar-user-name{color:#f1f5f9;color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px}.sidebar-user-role,.signout-btn{color:#a0aec0;color:var(--text-muted)}.signout-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;padding:6px;transition:all .15s}.signout-btn:hover{background:#ef444426;background:var(--red-muted);color:#ef4444;color:var(--red)}.theme-toggle-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#a0aec0;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;padding:6px;transition:all .15s}.theme-toggle-btn:hover{background:#f5af1826;background:var(--amber-muted);color:#f5af18;color:var(--amber)}.main-content{background:#191919;background:var(--bg-app);flex:1 1;overflow-y:auto;transition:background .25s}.page-container{max-width:1400px;padding:24px 28px}.page-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:20px}.page-header h1{color:#f1f5f9;color:var(--text-primary);font-size:22px;font-weight:700}.page-subtitle{margin-top:4px}.header-time,.page-subtitle{color:#a0aec0;color:var(--text-muted);font-size:13px}.header-time{align-items:center;display:flex;gap:8px;padding-top:6px;white-space:nowrap}.time-icon{color:#f5af18;color:var(--amber)}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stats-card{background:#2b2b2b;background:var(--bg-card2);border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);gap:12px;padding:14px 16px;transition:background .25s,border-color .25s}.stats-card,.stats-card-icon{align-items:center;display:flex}.stats-card-icon{border-radius:10px;border-radius:var(--radius-md);flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.stats-card-value{color:#f1f5f9;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.stats-card-label{color:#a0aec0;color:var(--text-muted);font-size:12px;margin-top:4px}.stats-card-sub{color:#35c068;color:var(--green-alt);font-size:11px;margin-top:2px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dash-card{background:#2b2b2b;border:1px solid #333;border-radius:12px;padding:18px}.dash-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.dash-card-header h3{font-size:15px;font-weight:600}.dash-card-badge{animation:pulse-badge 2s ease-in-out infinite;background:#35c06826;border-radius:20px;color:#35c068;font-size:11px;font-weight:600;padding:3px 10px}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-spin{animation:spin .8s linear infinite;display:inline-block}.tanker-list{gap:12px}.tanker-list,.tanker-row{display:flex;flex-direction:column}.tanker-row{gap:6px}.tanker-row-top{justify-content:space-between}.tanker-name,.tanker-row-top{align-items:center;display:flex}.tanker-name{font-weight:600;gap:8px}.tanker-icon{color:#db3131}.fuel-type-badge{background:#f5af1826;border-radius:20px;color:#f5af18;font-size:10px;font-weight:600;padding:2px 8px}.tanker-level-text{color:#b0bec5;display:flex;font-size:12px;justify-content:space-between}.level-low{color:#ef4444!important;font-weight:700}.level-gal{color:#8896a5}.tanker-status-badge{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:5px;padding:3px 10px}.tanker-status-badge.available{background:#35c06826;color:#35c068}.tanker-status-badge.in-use{background:#f5af1826;color:#f5af18}.tanker-status-badge.maintenance{background:#f59e0b22;color:#f59e0b}.fuel-bar-track{background:#3a3a3a;background:var(--border-input);border-radius:4px;height:8px;overflow:hidden;width:100%}.fuel-bar-track.large{border-radius:7px;height:14px}.fuel-bar-fill{border-radius:inherit;height:100%;transition:width .4s ease}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:all .15s}.btn svg{color:inherit;flex-shrink:0}.btn-primary{background:#db3131;background:var(--accent);color:#fff}.btn-primary:hover{background:#c02020;background:var(--accent-hover)}.btn-secondary{background:#2b2b2b;background:var(--bg-card2);border:1px solid #333;border:1px solid var(--border-color);color:#e2e8f0;color:var(--text-secondary)}.btn-secondary:hover{background:#2b2b2b;background:var(--bg-secondary)}.btn-danger{background:#ef444426;background:var(--red-muted);border:1px solid #ef44444d;color:#ef4444;color:var(--red)}.btn-danger:hover{background:#ef4444;background:var(--red);color:#fff}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:12px;padding:5px 10px}.btn:disabled{cursor:not-allowed;opacity:.5}.form-label{color:#c4cdd6;color:var(--text-subtle);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#191919;background:var(--bg-input);border:1px solid #3a3a3a;border:1px solid var(--border-input);border-radius:10px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-secondary);font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#db3131;border-color:var(--accent)}.form-input option{background:#2b2b2b;background:var(--bg-card2)}.form-group,.form-row{display:flex;flex-direction:column}.form-row{gap:6px;margin-bottom:16px}.form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-static{color:#e2e8f0;color:var(--text-secondary);font-size:14px;padding:9px 0}.users-table-wrap{border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:#151515;background:var(--bg-sidebar)}.data-table th{color:#a0aec0;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:9px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-top:1px solid #333;border-top:1px solid var(--border-color);color:#e2e8f0;color:var(--text-secondary);font-size:13px;padding:9px 12px;vertical-align:middle}.data-table tbody tr:hover{background:#2b2b2b;background:var(--bg-secondary)}.table-empty{color:#a0aec0;color:var(--text-muted);padding:32px!important;text-align:center}.table-actions{display:flex;gap:6px}.th-sortable{cursor:pointer;transition:color .12s;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:#f1f5f9;color:var(--text-primary)}.th-sort-active{color:#db3131!important;color:var(--accent)!important}.th-sort-icon{align-items:center;display:inline-flex;font-size:10px;margin-left:5px;opacity:.35;transition:opacity .12s;vertical-align:middle}.th-sort-icon.active{opacity:1}.th-sortable:hover .th-sort-icon{opacity:.7}.search-bar{align-items:center;background:#2b2b2b;background:var(--bg-card2);border:1px solid #333;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);display:flex;flex:1 1;gap:10px;margin-bottom:16px;max-width:420px;padding:0 12px}.search-icon{color:#a0aec0;color:var(--text-muted);flex-shrink:0;font-size:14px}.search-input{background:none;border:none;color:#e2e8f0;color:var(--text-secondary);flex:1 1;font-size:13px;outline:none;padding:8px 0}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.filters-row .search-bar{margin-bottom:0}.filter-btns{display:flex;flex-wrap:wrap;gap:6px}.delete-confirmation p{color:#e2e8f0;color:var(--text-secondary);margin-bottom:10px}.warning-text{color:#ef4444;color:var(--red);font-size:13px}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 9px}.role-badge.admin{background:#db313126;background:var(--accent-muted);color:#db3131;color:var(--accent)}.role-badge.fueler{background:#35c06826;background:var(--green-muted);color:#35c068;color:var(--green-alt)}.status-dot{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 9px}.status-dot.active{background:#35c06826;background:var(--green-muted);color:#35c068;color:var(--green-alt)}.status-dot.inactive{background:#333;background:var(--border-color);color:#a0aec0;color:var(--text-muted)}.user-cell{gap:10px}.user-avatar-sm,.user-cell{align-items:center;display:flex}.user-avatar-sm{background:#db313126;background:var(--accent-muted);border-radius:50%;color:#db3131;color:var(--accent);flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.txn-summary-row{display:flex;gap:14px;margin-bottom:20px}.txn-summary-card{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 18px}.txn-summary-card.out{background:#db313126;background:var(--accent-muted);border:1px solid #db313140;color:#db3131;color:var(--accent)}.txn-summary-card.in{background:#35c06826;background:var(--green-muted);border:1px solid #35c06840;color:#35c068;color:var(--green-alt)}.tankers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tanker-card{background:#2b2b2b;background:var(--bg-card2);border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;padding:16px 18px;transition:background .25s,border-color .25s}.tanker-card-header{align-items:center;display:flex;justify-content:space-between}.tanker-card-title{align-items:center;color:#f1f5f9;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:9px}.tanker-card-title svg{color:#db3131;color:var(--accent)}.tanker-card-meta{color:#c4cdd6;color:var(--text-subtle);display:flex;flex-direction:column;font-size:13px;gap:5px}.tanker-card-meta div{align-items:center;display:flex;gap:8px}.tanker-card-actions{display:flex;gap:8px;margin-top:4px}#add-txn-form{display:flex;flex-direction:column;gap:12px}.form-error{background:#ef444426;background:var(--red-muted);border:1px solid #ef444433;border-radius:var(--radius-sm);color:#ef4444;color:var(--red);margin-top:4px;padding:8px 12px}.required{color:#db3131;color:var(--accent)}.txn-toggle-btn,.txn-type-toggle{display:flex;gap:8px}.txn-toggle-btn{align-items:center;background:#191919;background:var(--bg-input);border:1px solid #3a3a3a;border:1px solid var(--border-input);border-radius:10px;border-radius:var(--radius-md);color:#a0aec0;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .15s}.txn-toggle-btn:hover{border-color:#db3131;border-color:var(--accent);color:#f1f5f9;color:var(--text-primary)}.txn-toggle-btn.active-out{background:#db313126;background:var(--accent-muted);border-color:#db3131;border-color:var(--accent);color:#db3131;color:var(--accent)}.txn-toggle-btn.active-in{background:#35c06826;background:var(--green-muted);border-color:#35c068;border-color:var(--green-alt);color:#35c068;color:var(--green-alt)}.txn-tanker-bar{background:#333;background:var(--border-color);border-radius:4px;height:6px;margin-top:8px;overflow:hidden;position:relative}.txn-tanker-fill{background:#f5af18;background:var(--amber);border-radius:4px;bottom:0;left:0;position:absolute;top:0;transition:width .3s}.txn-tanker-pct{color:#a0aec0;color:var(--text-muted);display:block;font-size:11px;margin-top:4px;text-align:right}.txn-unit-hint{background:#f5af1826;background:var(--amber-muted);border:1px solid #f5af1833;border-radius:6px;color:#f5af18;color:var(--amber);font-size:12px;margin-top:5px;padding:4px 8px}.txn-unit-hint-match{background:#35c06826;background:var(--green-muted);border-color:#35c06833;color:#35c068;color:var(--green-alt)}.loading-state{font-size:14px;padding:60px;text-align:center}.empty-state,.loading-state{color:#a0aec0;color:var(--text-muted)}.empty-state{font-size:13px;padding:20px}.signin-container{align-items:center;background:var(--bg-app);display:flex;justify-content:center;min-height:100vh;padding:24px}.signin-card{background:var(--bg-card2);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 40px #0006;max-width:400px;padding:36px 32px;width:100%}.signin-header{margin-bottom:32px;text-align:center}.logo-signin{margin-bottom:20px}.signin-header h2{color:var(--text-primary);font-size:22px;font-weight:700;margin-bottom:6px}.signin-header p{color:var(--text-muted);font-size:13px}.signin-form{display:flex;flex-direction:column;gap:18px}.signin-form .form-group{display:flex;flex-direction:column;gap:6px}.signin-button{border-radius:12px;font-size:14px;justify-content:center;margin-top:4px;padding:11px;width:100%}.signin-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px;text-align:center}.signin-footer p{color:var(--text-muted);font-size:12px}.signin-footer code{background:var(--bg-secondary);border-radius:5px;color:#f59e0b;font-family:monospace;padding:1px 6px}.form-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;padding:10px 14px}
/*# sourceMappingURL=main.fbf66a63.css.map*/