@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f4f6fb;--bg-card:#fff;--bg-card-hover:#f1f3fa;--bg-input:#fff;--bg-modal:#fff;--bg-soft:#edf0f8;--border-light:#10182814;--border-focus:#2748c2;--glass-bg:linear-gradient(135deg, #ffffffe6, #ffffffad);--glass-border:#ffffffd9;--glass-blur:14px;--text-main:#101828;--text-muted:#475467;--text-subtle:#67707f;--primary:#2748c2;--primary-hover:#1f3aa6;--primary-subtle:#2748c214;--primary-grad:linear-gradient(135deg, #3a5bd9 0%, #2748c2 60%, #1e3aa8 130%);--ring-grad:linear-gradient(135deg, #2748c273, #5a78e138, #2748c273);--success:#0f7b5c;--success-bg:#0f7b5c1a;--warning:#a16207;--warning-bg:#a162071a;--danger:#b42318;--danger-bg:#b4231814;--accent:#6e56cf;--accent-bg:#6e56cf1a;--info:#0e7490;--info-bg:#0e74901a;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280a, 0 4px 10px #1018280d;--shadow-md:0 8px 20px #1018280f, 0 16px 40px #10182814;--shadow-lg:0 12px 28px #1018281a, 0 28px 64px #10182829;--shadow-primary:0 10px 26px #2748c240}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 8% 0,#2748c20d,#0000 30%),radial-gradient(circle at 92% 12%,#2748c20a,#0000 32%),radial-gradient(circle at 50% 100%,#0891b20d,#0000 36%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:1rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:99px;transition:background .25s}::-webkit-scrollbar-thumb:hover{background:#2748c280}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#94a3b866 transparent}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(18px);z-index:50;will-change:transform;background:linear-gradient(#ffffffeb,#f8faffd1);border-right:1px solid #10182812;flex-direction:column;width:272px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.1rem;display:flex}.sidebar-brand{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:.7rem;font-size:.95rem;font-weight:800;display:flex}.sidebar-logo{object-fit:contain;border-radius:14px;flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 12px #2748c226}.brand-badge{background:var(--primary-grad);color:#fff;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background-size:150% 150%;padding:.25rem .6rem;font-size:.62rem;font-weight:800;animation:6s infinite brand-shift;box-shadow:0 4px 14px #2748c240}@keyframes brand-shift{0%,to{background-position:0%}50%{background-position:100%}}.sidebar-close-btn{background:var(--bg-soft);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:.35rem;line-height:0;transition:background .15s,color .15s;display:none}.sidebar-close-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:#e11d484d}.sidebar-nav{flex-direction:column;flex:1;gap:.3rem;padding:1.25rem 1rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.14em;color:#9aa3b4;padding:1.25rem .75rem .4rem;font-size:.62rem;font-weight:700}.sidebar-nav .nav-section-title:first-child{padding-top:.25rem}.nav-item{border-radius:var(--radius-pill);color:#475467;cursor:pointer;border:1px solid #0000;align-items:center;padding:.7rem .95rem;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{background-color:var(--bg-soft);color:var(--text-main)}.nav-item.active{background:var(--primary-grad);color:#fff;background-size:140% 140%;border-color:#ffffff1a;font-weight:700;box-shadow:0 8px 20px #2748c240}.sidebar-footer{border-top:1px solid var(--border-light);background:#fff9;padding:.75rem 1rem}.sidebar-user-pill{border:1px solid var(--border-light);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);background:#ffffffd9;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;display:flex}.sidebar-user-pill-left{align-items:center;gap:.55rem;min-width:0;display:flex}.sidebar-user-avatar{border-radius:var(--radius-pill);background:var(--primary-grad);color:#fff;background-size:150% 150%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.78rem;font-weight:800;display:flex}.sidebar-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.sidebar-user-logout{border-radius:var(--radius-pill);width:30px;min-width:30px;height:30px;color:var(--danger);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .18s;display:flex}.sidebar-user-logout:hover{background:var(--danger-bg);transform:translateY(-1px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;background-color:#10182873;transition:opacity .35s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.main-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:272px;display:flex}.top-header{-webkit-backdrop-filter:blur(18px)saturate(1.4);z-index:30;background:linear-gradient(#ffffffe6,#ffffffb8);border-bottom:1px solid #10182812;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:1rem;display:flex}.mobile-menu-btn{background:var(--bg-soft);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:none}.mobile-menu-btn:hover{background:#e5e7ef}.mobile-menu-btn:active{background:#d8dbe8}.hamburger-icon{pointer-events:none;flex-direction:column;justify-content:center;gap:5px;width:20px;height:14px;display:flex}.hamburger-icon span{background:#344054;border-radius:2px;width:100%;height:2px;transition:all .25s cubic-bezier(.4,0,.2,1);display:block}.hamburger-icon span:nth-child(2){width:75%}.header-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.header-user{align-items:center;gap:1rem;display:flex}.user-info{text-align:right}.user-name{color:var(--text-main);font-size:.875rem;font-weight:700}.user-role{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.content-area{flex:1;padding:2rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title-group h1{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:.85rem}.header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.date-filter-bar{z-index:25;border-radius:var(--radius-pill);background:var(--ring-grad);box-shadow:var(--shadow-md);max-width:100%;padding:1px;position:sticky;top:86px}.dfb-glass{border-radius:calc(var(--radius-pill) - 1px);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:.9rem;padding:.4rem .55rem .4rem .9rem;display:flex}.dfb-inputs{align-items:center;gap:.6rem;display:flex}.dfb-input{border-radius:var(--radius-pill);background:#ffffffe6;border:1px solid #10182812;align-items:center;gap:.4rem;padding:.25rem .7rem;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px 2px #10182808}.dfb-input:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 4px #2748c21f}.dfb-label{text-transform:uppercase;letter-spacing:.1em;color:#98a2b3;white-space:nowrap;font-size:.62rem;font-weight:800}.dfb-input input{color:var(--text-main);cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:none;outline:none;width:128px;min-height:26px;padding:.2rem 0;font-size:.82rem;font-weight:700}.dfb-arrow{color:#c4c9d6;font-size:.9rem;font-weight:700}.dfb-divider{background:linear-gradient(#0000,#2748c259,#2748c24d,#0000);width:1px;height:30px}.dfb-presets{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.dfb-chip{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem 1rem;font-size:.78rem;font-weight:700;transition:all .18s}.dfb-chip:hover{color:var(--primary-hover);background:#2748c217}.dfb-chip.active{background:var(--primary-grad);color:#fff;background-size:150% 150%;box-shadow:0 6px 16px #2748c240}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.reading-nozzle-card{border:1px solid var(--border-light);background:#fff;border-radius:10px;margin-bottom:.5rem;padding:.7rem .85rem}.reading-nozzle-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.reading-nozzle-code{color:var(--text-main);font-size:.88rem;font-weight:800}.reading-nozzle-tank{color:var(--text-muted);font-size:.72rem;font-weight:600}.reading-nozzle-fields{grid-template-columns:repeat(4,1fr);align-items:start;gap:.65rem;display:grid}.reading-field{flex-direction:column;gap:.25rem;display:flex}.reading-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:700}.reading-field-label--testing{color:var(--warning)}.reading-field-input{border:1px solid var(--border-light);width:100%;color:var(--text-main);background:#fff;border-radius:8px;outline:none;padding:.45rem .6rem;font-size:.88rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.reading-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2748c21a}.reading-field-input--testing{border-color:#d977064d}.reading-field-input--testing:focus{border-color:var(--warning);box-shadow:0 0 0 3px #d977061a}.reading-field-hint{color:var(--primary);font-size:.62rem;font-weight:600}.reading-sold-value{min-height:34px;color:var(--success);align-items:center;padding:.45rem 0;font-size:.92rem;font-weight:800;display:flex}@media (width<=640px){.reading-nozzle-fields{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.4rem;padding:1.35rem 1.4rem;transition:box-shadow .22s,transform .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:0 0 var(--radius-pill) var(--radius-pill);background:var(--primary-grad);opacity:.85;height:3px;transition:opacity .22s,left .3s,right .3s;position:absolute;top:0;left:14%;right:14%}.stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2748c21a,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-55%;right:-25%}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#2748c24d;transform:translateY(-3px)}.stat-card:hover:before{opacity:1;left:6%;right:6%}.stat-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.stat-value{color:var(--text-main);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.stat-desc{color:var(--text-muted);font-size:.75rem}.btn-primary{background:var(--primary-grad);color:#fff;border-radius:var(--radius-pill);cursor:pointer;background-size:150% 150%;border:none;justify-content:center;align-items:center;min-height:46px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 6px 18px #2748c240}.btn-primary:hover{box-shadow:var(--shadow-primary);background-position:100%;transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;min-height:46px;box-shadow:var(--shadow-sm);border:1px solid #10182817;padding:.65rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .18s}.btn-secondary:hover{background-color:var(--bg-card-hover);box-shadow:var(--shadow-md);border-color:#2748c24d}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #e11d4840;min-height:38px;padding:.45rem .95rem;font-size:.8rem;font-weight:700;transition:all .18s}.btn-danger:hover{background-color:var(--danger);color:#fff;box-shadow:0 6px 14px #e11d4840}.btn-outline{color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:1px solid #10182817;min-height:38px;padding:.45rem .95rem;font-size:.8rem;font-weight:700;transition:all .18s}.btn-outline:hover{background-color:var(--bg-card-hover);box-shadow:var(--shadow-sm);border-color:#2748c24d}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);border:1px solid #e11d484d;margin-bottom:1rem;padding:.85rem 1rem;font-size:.875rem;font-weight:700}.card-table{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:box-shadow .22s,border-color .22s;overflow:hidden}.card-table:hover{box-shadow:var(--shadow-md);border-color:#2748c238}.table-header-bar{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#2748c20d,#2748c208),#ffffffbf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.4rem;display:flex}.table-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.02rem;font-weight:800}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-height:640px;overflow:auto}.table-responsive thead th{z-index:2;box-shadow:inset 0 -1px 0 var(--border-light);background-color:#f7f8fc;position:sticky;top:0}.table-responsive tfoot td{z-index:2;background-color:var(--bg-soft);box-shadow:inset 0 1px 0 var(--border-light);position:sticky;bottom:0}table{border-collapse:collapse;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:.07em;color:var(--text-subtle);border-bottom:1px solid var(--border-light);background-color:#f7f8fcd9;padding:.85rem 1.25rem;font-size:.72rem;font-weight:700}td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #1018280d;padding:.95rem 1.25rem;font-size:.875rem;transition:background-color .15s}tr:last-child td{border-bottom:none}tr.clickable-row{cursor:pointer;transition:background-color .15s}tr.clickable-row:hover td{background-color:#2748c20d}.badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);padding:.24rem .7rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-blue{background-color:var(--info-bg);color:var(--info);border:1px solid #0891b240}.badge-green{background-color:var(--success-bg);color:var(--success);border:1px solid #05966940}.badge-amber{background-color:var(--warning-bg);color:var(--warning);border:1px solid #d9770640}.badge-purple{background-color:var(--accent-bg);color:var(--accent);border:1px solid #6e56cf38}.badge-red{background-color:var(--danger-bg);color:var(--danger);border:1px solid #e11d4840}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#10182899;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border:none;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:92vh;animation:.3s cubic-bezier(.3,1.2,.4,1) modal-pop;display:flex;overflow:hidden;box-shadow:0 25px 60px #1018282e,0 4px 16px #10182814}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);background:linear-gradient(#fff 0%,#fafbff 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.modal-close{background:var(--bg-soft);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-pill);border:none;padding:.3rem .6rem;font-size:1.05rem;font-weight:700;line-height:1;transition:all .15s}.modal-close:hover{color:var(--text-main);background-color:var(--bg-card-hover)}.modal-body{background:linear-gradient(#fafbff 0%,#fff 100%);padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);background:#fff;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.95rem 1.4rem;display:flex}.form-group{margin-bottom:1.1rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.form-input,.form-textarea{background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-sm);border:1px solid #10182817;outline:none;min-height:46px;padding:.75rem .95rem;font-size:1rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.form-input:hover,.form-textarea:hover{border-color:#2748c240}.form-input:focus,.form-textarea:focus{border-color:var(--border-focus);background-color:#fff;box-shadow:0 0 0 4px #2748c21f}.form-select{background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-sm);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232748C2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #10182817;outline:none;min-height:46px;padding:.75rem 2.5rem .75rem .95rem;font-size:1rem;transition:border-color .18s,box-shadow .18s}.form-select:hover{border-color:#2748c240}.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px #2748c21f}.form-hint{color:var(--text-subtle);margin-top:.35rem;font-size:.75rem}.checkbox-group{flex-wrap:wrap;gap:.75rem;padding:.5rem 0;display:flex}.checkbox-label{background-color:var(--bg-card);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #10182817;align-items:center;gap:.5rem;min-height:46px;padding:.6rem .95rem;font-size:.875rem;font-weight:600;transition:all .18s;display:flex}.checkbox-label:hover{box-shadow:var(--shadow-sm);border-color:#2748c259}.checkbox-input{accent-color:var(--primary);width:18px;height:18px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.detail-item{background:#f8faff;border:1px solid #2748c214;border-radius:10px;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}.detail-item:hover{border-color:#2748c233;box-shadow:0 2px 8px #2748c20f}.detail-key{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.68rem;font-weight:700}.detail-val{color:var(--text-main);word-break:break-word;font-size:.95rem;font-weight:600}.login-wrapper{background:radial-gradient(circle at 12% 12%,#2748c217,#0000 38%),radial-gradient(circle at 85% 20%,#2748c217,#0000 35%),radial-gradient(circle at 55% 90%,#0891b21a,#0000 40%),#f4f6fb;justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2.25rem;animation:.28s cubic-bezier(.3,1.2,.4,1) modal-pop}.login-title{letter-spacing:-.03em;text-align:center;color:var(--text-main);margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.75rem;font-size:.85rem}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 40px #10182838}.main-wrapper{margin-left:0}.top-header{padding:0 1rem}.mobile-menu-btn{display:inline-flex}.content-area{padding:1rem .85rem}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.header-user .user-role{display:none}.login-card{padding:1.5rem}.hide-mobile{display:none!important}table{white-space:normal}th,td{padding:.75rem .65rem}.date-filter-bar{position:static}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.form-grid-2,.form-grid-3,.form-grid-4,.detail-grid{grid-template-columns:1fr}.stat-card{gap:.25rem;padding:.95rem}.stat-label{font-size:.64rem}.stat-value{font-size:1.15rem}.stat-desc{font-size:.7rem}.page-header{flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:1rem}.page-title-group h1{font-size:1.25rem}.header-actions,.header-actions .btn-primary,.header-actions .btn-secondary{width:100%}.modal-overlay{padding:.5rem}.modal-container{max-height:95vh}.table-header-bar{flex-direction:column;align-items:flex-start}.table-header-bar .btn-primary{width:100%}.dfb-glass{border-radius:20px;flex-direction:column;align-items:stretch;gap:.6rem;padding:.6rem}.date-filter-bar{border-radius:20px;padding:1px}.dfb-inputs{flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.dfb-input{justify-content:space-between;width:100%}.dfb-input input{width:calc(100% - 60px)}.dfb-arrow,.dfb-divider{display:none}.dfb-presets{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.4rem;width:100%;display:grid}.dfb-chip{text-align:center;padding:.5rem .4rem;font-size:.74rem}}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background-color:#10182899;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:1.75rem 1.5rem 1.5rem;animation:.28s cubic-bezier(.3,1.25,.4,1) confirm-pop;box-shadow:0 25px 60px #10182838,0 4px 16px #1018281a}@keyframes confirm-pop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.confirm-icon-danger{background:var(--danger-bg);color:var(--danger);box-shadow:0 0 0 8px #b423180f}.confirm-icon-primary{color:var(--primary);background:#2748c217;box-shadow:0 0 0 8px #2748c20d}.confirm-title{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.confirm-message{color:var(--text-muted);white-space:pre-line;margin-bottom:1.4rem;font-size:.88rem;line-height:1.55}.confirm-actions{justify-content:center;gap:.65rem;display:flex}.confirm-actions .btn-secondary,.confirm-actions .btn-danger,.confirm-actions .btn-primary{flex:1}.toast-stack{z-index:400;flex-direction:column;gap:.6rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;top:1rem;right:1rem}.toast{border-left:4px solid var(--primary);color:var(--text-main);background:#fff;border-radius:12px;align-items:center;gap:.6rem;padding:.8rem .9rem;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.3,1.2,.4,1) toast-in;display:flex;box-shadow:0 12px 32px #1018282e}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-info{border-left-color:var(--primary)}.toast-info .toast-icon{color:var(--primary)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1;line-height:1.45}.toast-close{background:var(--bg-soft);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:1rem;font-weight:700;line-height:1;transition:all .15s}.toast-close:hover{color:var(--text-main);background-color:var(--bg-card-hover)}