*{box-sizing:border-box}.login-wrapper{position:relative;min-height:100dvh;width:100%;background:#020617;display:flex;align-items:center;justify-content:center;padding:16px;overflow-x:hidden}.login-bg{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(14,165,233,.15),transparent 40%),radial-gradient(circle at bottom right,rgba(99,102,241,.12),transparent 45%),linear-gradient(135deg,#0ea5e90d,#6366f114);z-index:0}.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:auto;padding:clamp(24px,5vw,36px);border-radius:clamp(16px,4vw,20px);background:#020617f2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006,0 10px 20px #00000040;animation:fadeSlide .6s ease forwards;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 30px 60px #00000080,0 15px 30px #0000004d}.login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#0ea5e966,#6366f166);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-header{text-align:center;margin-bottom:clamp(20px,4vw,28px)}.login-logo{display:flex;justify-content:center;margin-bottom:10px}.login-logo img{width:clamp(130px,30vw,150px);height:auto;object-fit:contain}.login-header h2{margin:12px 0 6px;font-size:clamp(18px,5vw,22px);font-weight:600;color:#fff}.login-header p{font-size:clamp(13px,3.8vw,14px);color:#94a3b8}.login-form{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px)}.form-group label{font-size:clamp(12px,3.5vw,13px);color:#cbd5f5;margin-bottom:6px;display:block}.form-group input{width:100%;padding:clamp(10px,3.5vw,12px) clamp(12px,4vw,14px);font-size:clamp(14px,4vw,15px);border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;outline:none}.password-box{position:relative}.password-box span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer}.login-btn{margin-top:10px;width:100%;padding:clamp(11px,4vw,13px);font-size:clamp(14px,4vw,15px);border-radius:12px;border:none;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-height:640px){.login-wrapper{align-items:flex-start;padding-top:24px}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:22px 28px}.dashboard-header h1{font-size:26px;font-weight:600;color:#f8fafc;letter-spacing:.3px}.dashboard-header p{margin-top:4px;font-size:13px;color:#94a3b8;font-weight:500}.dashboard-actions{display:flex;align-items:center;gap:16px}.export-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0f172a,#020617);border:1px solid #1e293b;color:#e2e8f0;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease}.export-btn:hover{background:#020617;border-color:#38bdf8;color:#38bdf8;transform:translateY(-1px)}.export-dropdown{position:absolute;right:0;top:48px;width:200px;background:#020617f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1e293b;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0009;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.export-option{width:100%;background:transparent;border:none;color:#e2e8f0;padding:14px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;transition:all .2s ease}.export-option:hover{background:#38bdf81a;color:#38bdf8}.reports-page{height:100vh;overflow:hidden;color:#fff;background-color:#0d1117;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;font-family:Rubik,sans-serif}.report-card{background:linear-gradient(180deg,#0b1c2d,#07121e);border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;height:calc(100vh - 250px);overflow:hidden}.report-title-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(90deg,#163a54,#0b2235);border-bottom:1px solid rgba(255,255,255,.08)}.report-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#e6f0ff}.report-title-icon{color:#38bdf8;font-size:18px}.report-count{font-size:13px;color:#9fb3c8}.report-header-row{display:grid;grid-template-columns:repeat(8,1fr);background:linear-gradient(90deg,#143a52,#0b2235);border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:500;color:#9fb3c8;height:48px;align-items:center;padding:0 8px;position:sticky;top:0;z-index:1}.report-body{overflow-y:auto;max-height:calc(100% - 48px)}.report-row{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;height:56px;font-size:13px;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.04);padding:0 8px;transition:background .2s ease}.report-row:hover{background:#3b82f60d}.report-header-row>div,.report-row>div{display:flex;align-items:center;justify-content:center;padding:0 8px}.report-header-row>div:nth-child(1),.report-row>div:nth-child(1),.report-header-row>div:nth-child(2),.report-row>div:nth-child(2),.report-header-row>div:nth-child(7),.report-row>div:nth-child(7),.report-header-row>div:nth-child(8),.report-row>div:nth-child(8){justify-content:flex-start}.report-body::-webkit-scrollbar{width:6px}.report-body::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.empty-report{text-align:center;padding:70px;color:#64748b;font-size:15px}.table-wrapper{overflow-y:auto;max-height:60vh}.report-table{width:100%;border-collapse:collapse}.report-table thead{position:sticky;top:0;background-color:#0a1420f2;z-index:1}.report-table th,.report-table td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.report-table tbody tr:hover{background-color:#ffffff0d}@media(max-width:1024px){.report-card{height:auto}.report-body{max-height:none}}@media(max-width:768px){.report-card{height:auto;overflow:visible}.report-body{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.report-header-row,.report-row{width:max-content;min-width:1100px}.report-header-row>div,.report-row>div{padding:0 6px;font-size:12px;white-space:nowrap}.report-title{font-size:14px}}@media(max-width:480px){.report-header-row,.report-row{min-width:1000px}.status-pill{font-size:10px;padding:4px 8px}}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 0}.header-actions{display:flex;gap:12px;align-items:center}.export-dropdown input[type=month]{background:#0d1117;color:#fff;border:1px solid #2b2f36;padding:8px 12px;border-radius:8px;font-size:14px}.export-dropdown input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2);cursor:pointer}.export-dropdown input[type=month]:focus{outline:none;border-color:#4f9cff;box-shadow:0 0 0 2px #4f9cff4d}.export-dropdown input[type=month]::-moz-focus-inner{border:0}.export-dropdown input[type=month]:-webkit-autofill{box-shadow:0 0 0 1000px #0d1117 inset;-webkit-text-fill-color:white}.export-btn{background-color:#0d1117;color:#fff;border:1px solid #333;padding:8px 16px;border-radius:6px;cursor:pointer}.export-dropdown{position:absolute;top:100%;left:0;background:#1c2a35;border-radius:8px;padding:12px;min-width:200px;display:flex;flex-direction:column;gap:10px;z-index:10;box-shadow:0 4px 6px #0003}.export-dropdown button{background:#0d1117;color:#fff;padding:8px;border:none;border-radius:6px;cursor:pointer}.export-dropdown button:hover{background-color:#3e4a5b}@media(max-width:768px){.export-dropdown{min-width:160px}}.toast{position:fixed;top:24px;right:-420px;width:380px;padding:14px 18px;border-radius:12px;color:#fff;font-size:14px;font-weight:500;background:linear-gradient(135deg,#061a2f,#081c3a 40%,#0a1f4d,#0b215f);box-shadow:0 10px 30px #00000059;transition:transform .4s ease,opacity .4s ease;transform:translate(0);opacity:0;z-index:9999}.toast-show{transform:translate(-400px);opacity:1}.toast-hide{transform:translate(0);opacity:0}.app-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#141a23,#0e141c);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.header-left{display:flex;align-items:center;gap:12px}.logo-box{width:40px;height:40px;border-radius:10px;background:#00aaff26;display:flex;align-items:center;justify-content:center;color:#1daeff}.logo-text h3{margin:0;font-size:15px;font-weight:600}.logo-text span{font-size:11px;color:#9aa4b2}.header-center{flex:1;display:flex;justify-content:center}.site-dropdown-wrapper{position:relative}.site-dropdown{min-width:400px;padding:8px 14px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease}.site-dropdown:hover{background:#ffffff1a}.site-dropdown svg{transition:transform .3s ease}.rotate{transform:rotate(180deg)}.site-text{display:flex;flex-direction:column;line-height:1.1}.site-text strong{font-size:13px;font-weight:600}.site-text span{font-size:12px;color:#f7f9fc}.site-dropdown-menu{position:absolute;top:54px;left:0;width:100%;background:#0e141c;border-radius:12px;padding:6px;box-shadow:0 20px 40px #0009;z-index:1000;animation:dropdownFade .2s ease}.site-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .2s ease}.site-check-slot{width:18px;display:flex;align-items:center;justify-content:center;color:#fff}.site-item-text{display:flex;flex-direction:column;line-height:1.2}.site-item-text strong{font-size:14px;font-weight:600;color:#fff}.site-item-text span{font-size:12px;color:#9aa4b2}.site-item.selected{background:#2a7da3;box-shadow:inset 0 0 0 1px #fff3}.site-item:not(.selected):hover{background:#ffffff0f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-right{display:flex;align-items:center;gap:16px}.date-box{display:flex;align-items:center;gap:8px;font-size:13px;color:#9aa4b2}.icon-btn{border-radius:10px;border:none;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cfd6df;transition:background .2s ease}.icon-btn:hover{background:#ffffff1a}.user-wrapper{position:relative}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:#0f1623;border-radius:14px;padding:10px;z-index:1500;box-shadow:0 20px 40px #0009,inset 0 0 0 1px #ffffff0f;animation:userDropdownFade .18s ease-out;transform-origin:top right}.user-info{padding:10px 12px}.user-email{font-size:14px;font-weight:600;color:#fff}.user-role{font-size:12px;color:#9aa4b2;margin-top:2px}.user-divider{height:1px;background:#ffffff14;margin:6px 0}.user-logout{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:transparent;border:none;color:#ef4444;font-size:14px;cursor:pointer}.user-logout:hover{background:#ef44441a}.header-left{display:flex;align-items:center}.app-logo{height:45px;width:auto;background:transparent}@media(max-width:768px){.logo-box img{height:26px}.logo-text h3{font-size:14px}}@media(max-width:480px){.logo-text h3{display:none}}@keyframes userDropdownFade{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.site-dropdown{min-width:280px}.date-box{display:none}}@media(max-width:768px){.app-header{padding:0 12px}.header-center{justify-content:flex-start}.site-dropdown{min-width:auto;width:100%}.site-dropdown-menu{width:100%;left:0}.header-right{gap:10px}}@media(max-width:480px){.site-text span{display:none}.icon-btn{padding:6px}}.date-nav{display:flex;align-items:center;gap:6px;position:relative;color:#9aa4b2}.date-btn{width:34px;height:34px;border-radius:8px;border:none;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cfd6df}.date-btn:hover{background:#ffffff1f}.date-display{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#ffffff0f;cursor:pointer;font-size:13px;color:#cfd6df;width:160px;text-align:center}.calendar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;padding:14px;border-radius:14px;z-index:2000;background:linear-gradient(180deg,#141a23,#0e141c);box-shadow:0 20px 40px #000000b3,inset 0 0 0 1px #ffffff0f;animation:calendarFadeIn .18s ease-out;transform-origin:top right}@keyframes calendarFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#cfd6df;font-size:14px;font-weight:600}.calendar-header button{background:transparent;border:none;cursor:pointer;color:#cfd6df}.calendar-header button:hover{color:#1daeff}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;color:#9aa4b2;margin-bottom:6px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-grid button{height:32px;border-radius:8px;border:none;background:transparent;color:#cfd6df;cursor:pointer;font-size:13px}.calendar-grid button:hover{background:#ffffff14}.calendar-grid button.active{background:#1daeff;color:#000;font-weight:600}.sidebar{width:240px;height:100vh;background:linear-gradient(180deg,#141a23,#0e141c);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:width .25s ease}.sidebar.collapsed{width:72px}.sidebar-menu{padding:12px;display:flex;flex-direction:column;gap:6px}.sidebar-item{height:42px;padding:0 14px;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#9aa4b2;font-size:14px;transition:background .2s ease}.sidebar-item:hover{background:#ffffff0f}.sidebar-item.active{background:#1daeff2e;color:#1daeff;box-shadow:inset 0 0 0 1px #1daeff59}.sidebar-footer{margin-top:auto;padding:12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(255,255,255,.06)}.collapse-btn{height:40px;border-radius:10px;border:none;background:transparent;display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer;color:#9aa4b2}.collapse-btn:hover{background:#ffffff0f}.sidebar.collapsed span{display:none}@media(max-width:1024px){.sidebar{width:72px}.sidebar span{display:none}}@media(max-width:768px){.sidebar{position:fixed;left:-240px;top:0;height:100vh;width:240px;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.sidebar span{display:inline}}.admin-hide{display:none}html,body,#root{margin:0;font-family:Rubik,sans-serif}.dashboard{height:100vh;overflow:hidden;color:#fff;background-color:#0d1117;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}.dashboard-frames{margin-top:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:stretch}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h1{margin:0;font-size:28px}.dashboard-header p{margin:4px 0 0;color:#7b899d;font-weight:600}.dashboard-actions{display:flex;align-items:center;gap:10px}.icon-btn{background:#111827;border:1px solid #1f2937;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}.date-pill{padding:8px 14px;border-radius:10px;background:#111827;border:1px solid #1f2937}.export-btn{display:flex;flex-direction:row;align-items:center;gap:5px;background:#111827;border:1px solid #1f2937;color:#fff;padding:8px 14px;border-radius:10px;cursor:pointer}.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:radial-gradient(circle at top,#ffffff14,#0b0f14 70%);padding:18px;border-radius:16px;border:1px solid #1f2937;min-height:100px}.stat-label{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.2px;font-size:14px}.stat-value{margin-top:14px;font-size:28px;font-weight:700}.dashboard{padding:20px 28px}.green{color:#22c55e;border-color:#22c55e66}.red{color:#ef4444;border-color:#ef444466}.blue{color:#3b82f6;border-color:#3b82f666}.orange{color:#f59e0b;border-color:#f59e0b66}.purple{color:#a855f7;border-color:#a855f766}.cyan{color:#22d3ee;border-color:#22d3ee66}.export-wrapper{position:relative}.hide-export-wrapper{display:none}.export-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:#0f1623;border:1px solid #1f2937;border-radius:12px;padding:6px;z-index:50;animation:dropdownFadeIn .16s ease-out;transform-origin:top right}.export-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#e5e7eb;font-size:14px;cursor:pointer}.export-option:hover{background:#1c2431}.export-option.excel svg{color:#22c55e}.export-option.pdf svg{color:#ef4444}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.dashboard-frames{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}}@media(max-width:768px){.dashboard{height:auto;overflow:visible}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header h1{font-size:22px}.dashboard-actions{width:100%;flex-wrap:wrap;gap:8px}.date-pill{width:100%;text-align:center}.export-btn{width:100%;justify-content:center}}@media(max-width:480px){.stat-value{font-size:22px}.stat-card{padding:14px}}.overview-card{padding:22px;border-radius:16px;background:#0f1623;border:1px solid #1f2937}.overview-header{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:18px}.overview-header svg{color:#38bdf8}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.overview-stat{border-radius:14px;padding:18px;background:#1c2431;border:1px solid #2a3441}.overview-stat h2{margin:0;font-size:34px;font-weight:700}.overview-stat p{margin-top:6px;font-size:14px;color:#8fa3bf}.overview-stat.neutral h2{color:#fff}.overview-stat.success{background:#0f2b22;border-color:#1f7a55}.overview-stat.success h2{color:#22c55e}.overview-stat.warning{background:#2b1f12;border-color:#a16207}.overview-stat.warning h2{color:#f59e0b}.activity-card{padding:22px;border-radius:16px;background:#0f1623;border:1px solid #1f2937}.activity-header{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:18px}.activity-header svg{color:#38bdf8}.activity-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px;max-height:360px}.activity-list::-webkit-scrollbar{display:none}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#1c2431;border:1px solid #2a3441}.activity-name{font-weight:600}.activity-time{font-size:13px;color:#8fa3bf;margin-top:2px}@keyframes blink{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.status-pill{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;animation-name:blink;animation-iteration-count:infinite}.status-pill.on{color:#22c55e;background:#0f2b22;border:1px solid #1f7a55;animation-duration:2s}.status-pill.auto{color:#3b82f6;background:#12233b;border:1px solid #1d4ed8;animation-duration:1.6s}.status-pill.off{color:#ef4444;background:#2b1616;border:1px solid #7f1d1d;animation-duration:1.2s}.status-pill.maintenance{color:#f59e0b;background:#2b2412;border:1px solid #b45309;animation-duration:1.8s}.status-pill.unsettled{color:#facc15;background:#2b260d;border:1px solid #ca8a04;animation-duration:1.4s}.status-pill.settled{color:#a855f7;background:#24132b;border:1px solid #7e22ce;animation-duration:2.4s}.status-pill.rinse{color:#22d3ee;background:#0f2a2e;border:1px solid #0891b2;animation-duration:2.1s}.status-pill:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.status-pill{animation:none}}.app-layout{display:flex;flex-direction:row}.sidebar{height:100vh;overflow-y:auto;background:#0b0f14;border-right:1px solid #1f2937}.main-content{height:100%;width:100vw;overflow-y:auto;background:#0d1117}.parent-tanklist{height:calc(100vh - 140px);overflow-y:auto}.tank-list{display:flex;flex-direction:column;gap:18px}.tank-card{background:#0f1623;border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden}.tank-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:linear-gradient(180deg,#2a7da359,#0f1623e6)}.tank-title{display:flex;align-items:center;gap:14px}.tank-icon{width:38px;height:38px;border-radius:10px;background:#1daeff33;display:flex;align-items:center;justify-content:center;color:#1daeff}.tank-header h3{margin:0;font-size:16px;font-weight:600}.tank-header span{font-size:12px;color:#9aa4b2}.off-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#ff4d4f;background:#ef44442e;border:1px solid rgba(239,68,68,.45);animation:offBlink 1.6s ease-in-out infinite}@keyframes offBlink{0%{opacity:1;box-shadow:0 0 #ef444400}50%{opacity:.45;box-shadow:0 0 10px #ef444473}to{opacity:1;box-shadow:0 0 #ef444400}}.chevron{transition:transform .25s ease}.chevron.open{transform:rotate(180deg)}.tank-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.tank-body.open{max-height:460px;opacity:1}.subtank-grid{padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-content:start;max-height:380px;overflow-y:auto}.subtank-grid::-webkit-scrollbar{width:6px}.subtank-grid::-webkit-scrollbar-track{background:transparent}.subtank-grid::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}.subtank-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.subtank-card{background:radial-gradient(circle at top,#ffffff0f,#0b0f14);border-radius:14px;padding:16px;border:1px solid rgba(255,255,255,.08)}.subtank-header{display:flex;justify-content:space-between;align-items:center}.subtank-header p{margin:0;font-size:18px;font-weight:600}.change-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#ffffff14;border:none;color:#fff;cursor:pointer;transition:background .2s ease}.change-btn:hover{background:#ffffff24}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;margin-top:10px;font-size:0;color:transparent}.status-pill.on{background:#22c55e26;color:#22c55e}.status-pill.on:before{background:#22c55e}.status-pill.maintenance{background:#f59e0b2e;color:#f59e0b}.status-pill.maintenance:before{background:#f59e0b}.status-pill.settled{background:#a855f72e;color:#a855f7}.status-pill.settled:before{background:#a855f7}.status-pill.unsettled{background:#facc152e;color:#facc15}.status-pill.unsettled:before{background:#facc15}.status-pill.rinse{background:#22d3ee2e;color:#22d3ee}.status-pill.rinse:before{background:#22d3ee}.since{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#9aa4b2}.modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:3000}.status-modal{width:420px;background:linear-gradient(180deg,#141a23,#0e141c);border-radius:16px;padding:20px;color:#fff;box-shadow:0 25px 60px #000c,inset 0 1px #ffffff0a;animation:modalIn .22s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-header h3{margin:0;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:#9aa4b2;cursor:pointer}.field-status{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:linear-gradient(180deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.08)}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:#9aa4b2}input[type=time],textarea{background:#0f1623;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;color:#fff;font-size:13px;box-shadow:inset 0 2px 5px #0009}textarea{resize:none;height:80px}.time-row,.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.status-option{padding:12px;border-radius:14px;text-align:center;font-weight:600;background:linear-gradient(180deg,#ffffff0f,#0003);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 12px #0009,inset 0 1px #ffffff0f;cursor:pointer;transition:.25s}.status-option:hover{transform:translateY(-2px)}.status-option.active{border-color:currentColor;background:linear-gradient(180deg,#ffffff26,#0000004d)}.green{color:#22c55e}.red{color:#ef4444}.blue{color:#3b82f6}.orange{color:#f59e0b}.purple{color:#a855f7}.yellow{color:#facc15}.cyan{color:#22d3ee}.modal-footer button{min-width:130px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#1b2432,#0f1623);color:#9aa4b2;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #0009}.modal-footer button:hover{color:#fff;background:linear-gradient(180deg,#26324a,#141b29);transform:translateY(-1px)}.modal-footer .primary{background:linear-gradient(180deg,#35cfff,#0fb2ff);color:#000;font-weight:700;border:none}.modal-footer .primary:hover{background:linear-gradient(180deg,#52d8ff,#22baff);transform:translateY(-2px)}.modal-footer .primary:active{transform:translateY(0)}.time-display{height:44px;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;font-size:16px;font-weight:500;color:#fff;letter-spacing:.5px}@media(max-width:768px){.status-modal{width:calc(100% - 24px);padding:16px}.time-row,.status-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.log-card{background:linear-gradient(180deg,#0b1c2d,#07121e);border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0009;overflow:hidden;font-family:Rubik,sans-serif;width:100%;max-width:1400px;height:calc(100vh - 250px);margin:0 auto}.log-header-row{display:grid;grid-template-columns:repeat(8,1fr);background:linear-gradient(90deg,#143a52,#0b2235);border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:500;color:#9fb3c8;height:48px}.log-body{max-height:360px;overflow-y:auto}.log-row{display:grid;grid-template-columns:repeat(8,1fr);height:56px;font-size:13px;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.log-row:hover{background:linear-gradient(90deg,#3b82f614,#3b82f605)}.log-header-row>div,.log-row>div{display:flex;align-items:center;justify-content:center;padding:0 8px}.log-header-row>div:nth-child(1),.log-row>div:nth-child(1),.log-header-row>div:nth-child(2),.log-row>div:nth-child(2),.log-header-row>div:nth-child(7),.log-row>div:nth-child(7),.log-header-row>div:nth-child(8),.log-row>div:nth-child(8){justify-content:flex-start}.link{color:#4cc3ff;font-weight:500}.muted{color:#9fb3c8}.user{color:#8fbbe8;font-size:12.5px;display:flex;align-items:center;gap:6px}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:11.5px;font-weight:500;border:1px solid transparent}.status-pill .dot{width:6px;height:6px;border-radius:50%}.status-pill.on{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.status-pill.on .dot{background:#22c55e}.status-pill.off{color:#ef4444;background:#ef444426;border-color:#ef444466}.status-pill.off .dot{background:#ef4444}.status-pill.auto{color:#3b82f6;background:#3b82f626;border-color:#3b82f666}.status-pill.auto .dot{background:#3b82f6}.log-body::-webkit-scrollbar{width:6px}.log-body::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.log-title-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(90deg,#163a54,#0b2235);border-bottom:1px solid rgba(255,255,255,.08)}.log-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#e6f0ff}.log-title-icon{color:#38bdf8;font-size:18px}.log-count{font-size:13px;color:#9fb3c8}@media(max-width:1024px){.log-card{height:auto}.log-body{max-height:none}}@media(max-width:768px){.log-card{height:auto;overflow:visible}.log-body{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.log-header-row,.log-row{width:max-content;min-width:1100px}.log-header-row>div,.log-row>div{padding:0 6px;font-size:12px;white-space:nowrap}.log-title{font-size:14px}}@media(max-width:480px){.log-header-row,.log-row{min-width:1000px}.status-pill{font-size:10px;padding:4px 8px}}.log-card{background:linear-gradient(180deg,#0b1c2d,#07121e);border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0009;overflow:hidden;font-family:Rubik,sans-serif;height:calc(100vh - 250px);width:100%;max-width:1400px;margin:0 auto}.log-page-center{display:flex;justify-content:center;width:100%}.log-card{width:100%;max-width:1400px}.log-dashboard-fix{padding-top:70px}.log-page-center{width:100%;display:flex;justify-content:center}.log-card{width:100%;max-width:1400px;height:calc(100vh - 220px);margin:0 auto;background:linear-gradient(180deg,#0b1c2d,#07121e);border-radius:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px #0009;overflow:hidden;font-family:Rubik,sans-serif}.settings-page{min-height:100vh;overflow:hidden;padding:5px 30px;background:radial-gradient(circle at top,#0b1220,#020617);box-sizing:border-box;font-family:Rubik,sans-serif;color:#e5e7eb}.settings-header h1{font-size:28px}.settings-header p{color:#94a3b8;margin-bottom:24px}.settings-tabs{display:flex;gap:10px;background:#0f172a;padding:6px;border-radius:10px;width:fit-content;margin-bottom:20px}.tab{background:transparent;border:none;padding:10px 18px;color:#94a3b8;border-radius:8px;cursor:pointer;font-size:14px}.tab.active{background:#020617;color:#e5e7eb;box-shadow:inset 0 0 0 1px #ffffff14}.settings-card{background:linear-gradient(180deg,#0b1220,#020617);border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:20px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-header h2{font-size:20px}.card-header span{font-size:14px;color:#94a3b8}.create-btn{display:flex;align-items:center;gap:8px;background:#0ea5e9;color:#020617;border:none;padding:10px 16px;border-radius:10px;font-size:14px;cursor:pointer;font-weight:500}.table-wrapper{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr 1.2fr .6fr;align-items:center}.table-header{background:#020617;font-size:13px;color:#94a3b8;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.table-row{padding:16px 14px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#3b82f60f}.status{padding:4px 10px;border-radius:6px;font-size:12px;width:fit-content}.action{cursor:pointer;color:#94a3b8}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{width:420px;max-width:92%;background:linear-gradient(180deg,#0f172a,#020617);border-radius:14px;border:1px solid #1e293b;box-shadow:0 20px 60px #0009;padding:20px;color:#e5e7eb}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:22px;color:#153057;cursor:pointer}.close-btn:hover{color:#fff}.modal-body{display:flex;flex-direction:column;gap:14px}.form-group label{font-size:13px;color:#cbd5f5}.form-group input,.form-group select{background:#020617;border:1px solid #1e293b;border-radius:8px;padding:10px 12px;font-size:14px;color:#e5e7eb;outline:none}.form-group input:focus,.form-group select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf84d}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.btn-outline{background-color:#0d1633!important;border:1px solid #1e293b;color:#0d1633;padding:8px 16px;border-radius:8px;cursor:pointer}.btn-outline:hover{background:#d4d9f0}.btn-primary{background:#0ea5e9;color:#020617;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.btn-primary:hover{background:#38bdf8}.subtank-input-wrapper{position:relative;margin-bottom:10px}.subtank-input-wrapper input{width:100%;padding-right:36px}.subtank-remove{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:22px;height:22px;background:#ff4d4f;color:#fff;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.subtank-remove:hover{background:#d9363e}.tank-settings{padding:24px;background:linear-gradient(180deg,#0b1220,#020617)}.top-bar{display:flex;justify-content:end;gap:12px;margin-bottom:20px;align-items:center}select{padding:8px 70px;border-radius:6px;border:1px solid #cbd5e1;background:#0f172a;color:#fafcff}.primary-btn{background:#0ea5e9;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s}.primary-btn:hover{background:#0284c7}.tank-card1{transition:transform .25s ease,box-shadow .25s ease}.tank-card1:hover{transform:translateY(-2px);box-shadow:0 30px 70px #000c}.tank-header{transition:background .25s ease,padding .2s ease}.tank-header:hover{background:#ffffff0a;padding-left:16px}.sub-list{animation:expand .3s ease;padding-left:14px;padding-right:14px}@keyframes expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sub-item{position:relative;overflow:hidden}.sub-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s}.sub-item:hover:after{opacity:1}.icon-btn{background:#ffffff0a;border-radius:8px;padding:6px;transition:transform .2s ease,background .2s ease}.icon-btn:hover{background:#ffffff14;transform:scale(1.1)}.icon-btn.delete:hover{background:#ff000026}select{transition:border .2s ease,box-shadow .2s ease}select:hover{box-shadow:0 0 0 2px #1daeff33}.primary-btn:active,.btn-primary:active{transform:scale(.97)}.modal-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tank-tagging-input,.form-group input{transition:box-shadow .2s ease,border .2s ease}.top-bar{padding:8px 6px}.sub-list{padding:14px 18px 18px;margin-top:6px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.sub-item{margin-left:24px}.tank-card1 .sub-list{background:#ffffff03}.sub-list{animation:dropdownOpen .25s ease-out}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tank-header{-webkit-user-select:none;user-select:none}.top-bar{display:flex!important;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:nowrap}.top-bar select{width:260px!important;flex:0 0 260px}.top-bar .primary-btn{flex:0 0 auto;white-space:nowrap;height:50px}.modal-backdrop{position:fixed;inset:0;background:#030a1ebf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000}.modal-container{width:420px;background:linear-gradient(180deg,#050b18,#020617);border-radius:18px;box-shadow:0 0 0 1px #00aaff2e,0 30px 80px #000000d9;animation:modalPop .25s ease-out;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:linear-gradient(180deg,#081527,#050b18);border-bottom:1px solid rgba(0,170,255,.18)}.modal-header h3{color:#eaf4ff;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:#9fbce0;font-size:22px;cursor:pointer}.close-btn:hover{color:#38bdf8}.modal-body{padding:20px 22px}.modal-body label{font-size:13px;color:#9fbce0;display:block;margin-bottom:6px}.modal-body select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(0,170,255,.35);background:linear-gradient(180deg,#071423,#050b18);color:#fff;outline:none}.modal-body select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.checkbox-list{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-item{background:#ffffff0a;border:1px solid rgba(0,170,255,.15);border-radius:10px;padding:8px 10px;color:#cfe7ff;font-size:13px;display:flex;align-items:center;gap:8px}.checkbox-item input{accent-color:#38bdf8}.modal-footer{padding:18px 22px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(0,170,255,.15)}.btn-outline{background:#ffffff0d;color:#cbd5f5;border:none;padding:10px 16px;border-radius:10px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#00b4ff,#0084ff);color:#fff;padding:10px 18px;border-radius:10px;border:none;font-weight:600;cursor:pointer;box-shadow:0 0 18px #008cff99}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 26px #0afc}select{background:#0f172a;color:#fafcff;border:1px solid #0ea5e9}select option{background:#0f172a;color:#fff}.user-settings-container{padding:24px;min-height:100vh;background:linear-gradient(180deg,#0b1220,#020617);font-family:Inter,sans-serif}.user-card{background:#020617;border-radius:14px;padding:20px;border:1px solid #1e293b}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title{color:#e5e7eb;margin:0}.subtitle{color:#94a3b8;font-size:14px}.create-user-button{background:#0ea5e9!important;color:#fff!important;border-radius:10px!important;padding:8px 16px!important}.user-table-container{background:#020617;border:1px solid #1e293b;border-radius:12px;overflow:hidden}.user-table th{background:#020617;color:#94a3b8;font-weight:500;border-bottom:1px solid #1e293b}.user-table td{background:#020617;color:#e5e7eb;border-bottom:1px solid #1e293b}.email{font-weight:500}.badge{padding:4px 10px;border-radius:999px;font-size:12px;text-transform:capitalize}.role.admin{background:#0ea5e926;color:#38bdf8}.role.operator{background:#94a3b826;color:#cbd5f5}.status.active{background:#22c55e26;color:#22c55e}.status.inactive{background:#94a3b826;color:#94a3b8}.action-btn{color:#e5e7eb!important;border:1px solid #1e293b!important;border-radius:10px!important;padding:4px 14px!important;text-transform:none!important}.action-btn:hover{background:#ffffff0d}.user-tabs{display:flex;gap:6px;margin:16px 0;background:#020617;padding:6px;border-radius:10px;border:1px solid #1e293b;width:fit-content}.user-tab{background:transparent;border:none;color:#94a3b8;padding:8px 14px;border-radius:8px;cursor:pointer}.user-tab.active{background:#020617;color:#fff;border:1px solid #1e293b}.create-user-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px}.create-user-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.create-user-dialog{background:linear-gradient(180deg,#0b1220,#020617);border-radius:14px;color:linear-gradient(180deg,#0b1220,#020617);padding:4px}.dialog-title{font-size:20px;font-weight:600;color:#fff}.dialog-content{display:flex;flex-direction:column;gap:18px;padding-top:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;color:#cbd5f5}.form-group input,.form-group select{background:#020617;border:1px solid #1e293b;border-radius:10px;padding:12px 14px;color:#fff;font-size:14px;outline:none}.form-group input::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.password-input{display:flex;align-items:center;background:#020617;border:1px solid #1e293b;border-radius:10px;padding-right:8px}.password-input input{flex:1;border:none;background:transparent}.helper-text{font-size:12px;color:#94a3b8}.dialog-actions{padding:16px 24px 20px}.cancel-btn{color:#e5e7eb!important;border:1px solid #1e293b!important;border-radius:10px!important;padding:8px 16px!important}.create-btn{background:#0ea5e9!important;color:#020617!important;font-weight:600!important;border-radius:10px!important;padding:8px 18px!important}.create-btn:hover{background:#38bdf8!important}.MuiDialogContent-root{padding-top:12px!important;display:flex;flex-direction:column;gap:16px}.MuiTextField-root{width:100%}.MuiInputBase-root{min-width:0;box-sizing:border-box}.user-card{padding:16px!important}.MuiButton-root{text-transform:none}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-btn{background:#0ea5e9;color:#020617;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:500}.back-btn:hover{background:#38bdf8}.table-card{background:#0f172a;border-radius:10px;padding:16px;height:480px;overflow-y:auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-title{font-size:18px;font-weight:600}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.status{padding:4px 10px;border-radius:12px;font-size:12px;text-transform:capitalize}.icon-btn{background:none;border:none;cursor:pointer;font-size:16px}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;width:420px;max-width:90vw;border-radius:12px;padding:16px;margin:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.close-btn{background:none;border:none;font-size:20px;cursor:pointer}form label{font-size:13px;margin-top:10px;display:block}form input,form select{width:100%;padding:8px;margin-top:4px;border-radius:6px;border:1px solid #d1d5db}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.btn-primary{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.btn-outline{background:transparent;color:#fff;border:1px solid #cbd5f5;padding:8px 14px;border-radius:6px;cursor:pointer}.loader{padding:20px}.settings-page,.settings-card{overflow:visible!important}.modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:440px;max-width:92vw;background:radial-gradient(120% 120% at top,#0f172a,#020617);border:1px solid #1e293b;border-radius:20px;padding:28px;color:#fff;display:block}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:20px}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;color:#e5e7eb}.icon-btn:hover{transform:scale(1.1)}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #334155;text-align:left;vertical-align:middle}.main-tank-row td:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.dropdown-btn{background:none;border:none;cursor:pointer;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;padding:0}.dropdown-btn:hover{color:#e5e7eb}.sub-tank-row td:first-child{padding-left:36px}.sub-tank-row td{color:#cbd5e1}.status{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fee2e2;color:#991b1b}td:last-child{display:flex;align-items:center;gap:10px}.icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:#e5e7eb}.icon-btn:hover{transform:scale(1.15);color:#fff}.sub-tank-row{background:#ffffff05}@media(max-width:768px){td:last-child{justify-content:flex-start}}input[type=text]::-webkit-clear-button{display:none}input{position:relative}input+.icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.modal-backdrop{overflow:hidden}.modal{max-height:85vh;display:flex;flex-direction:column}.modal-header{flex-shrink:0}.modal-form{flex:1;overflow-y:auto;padding-right:8px}.modal-actions{flex-shrink:0;position:sticky;bottom:0;background:radial-gradient(120% 120% at top,#0f172a,#020617);padding-top:16px;margin-top:16px;z-index:10}.assignment-wrapper{padding:24px;background:linear-gradient(180deg,#070b14,#02040a);height:100%;overflow-y:auto;border-radius:16px;color:#dce9f8}.assignment-card{background:linear-gradient(180deg,#0a1220,#040813);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 50px #000000e6,inset 0 0 30px #003c9614}.assignment-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.assignment-header h2{margin:0;font-size:20px;font-weight:600;color:#eaf2ff}.assignment-header p{margin:0;font-size:13px;color:#8aa4c6}.assignment-note{background:linear-gradient(90deg,#07172a,#030b16);border-left:3px solid #1f7cff;padding:10px 14px;margin-bottom:20px;border-radius:8px;font-size:13px;color:#b8d6ff}label{font-size:12px;color:#8aa4c6;margin-bottom:6px;display:block}select{width:280px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b1628,#050a14);color:#eaf2ff;outline:none}select:focus{border-color:#1f7cff;box-shadow:0 0 0 1px #1f7cff59}.selected-projects{margin-top:14px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#07172a,#030b16);border:1px solid rgba(31,124,255,.25)}.selected-chip{display:inline-flex;align-items:center;gap:8px;background:#1f7cff26;color:#aecdff;padding:6px 14px;border-radius:20px;font-size:12px;border:1px solid rgba(31,124,255,.3);margin:6px 8px 0 0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:18px}.project-box{padding:14px 10px;text-align:center;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#0b1426,#050a14);border:1px solid rgba(255,255,255,.06);color:#cfe0ff;font-size:13px;transition:all .2s ease}.project-box:hover{border-color:#1f7cff;background:linear-gradient(180deg,#0e1c36,#070f1f)}.project-box.active{background:linear-gradient(180deg,#0d3fa3,#081d4a);color:#fff;border-color:#1f7cff99;box-shadow:inset 0 0 12px #0009;font-weight:600}.save-btn{margin-top:22px;width:40%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0d3fa3,#081d4a);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.save-btn:hover{background:linear-gradient(180deg,#1251c4,#0b2a66)}.assignment-result{margin-top:22px;padding:14px;border-radius:12px;background:linear-gradient(180deg,#0a1324,#050a14);border:1px solid rgba(255,255,255,.06)}.assignment-result h4{margin-top:0;color:#6ea4ff}.assignment-result p,.assignment-result li{color:#cfe0ff;font-size:13px}.multi-select{position:relative;width:100%}.multi-control{min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid #2c3a4f;background:#0b1220;color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:6px}.placeholder{color:#6b7c93}.chip{background:#1d4ed8;padding:4px 8px;border-radius:999px;font-size:12px;display:flex;gap:5px;align-items:center}.multi-dropdown{position:absolute;top:110%;width:100%;background:#0b1220;border:1px solid #2c3a4f;border-radius:10px;max-height:220px;overflow-y:auto;z-index:50}.multi-item{padding:10px;display:flex;gap:10px;align-items:center;cursor:pointer;color:#fff}.multi-item:hover{background:#10203a}.multi-item.active{background:#1e3a8a}