.navbar{background:#700505;box-shadow:0 2px 10px #0000001a;height:70px;transition:all .3s ease}.navbar-container{max-width:100%;padding:0 3rem;height:100%;display:flex;align-items:center;justify-content:flex-start;transition:all .3s ease;position:relative}.navbar-hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:12px;transition:all .3s ease;justify-content:center;align-items:center;width:40px;height:40px;box-shadow:none;border-radius:6px;color:#fff}.navbar-hamburger-btn:hover{background:#9c07071a}.navbar-hamburger-btn svg{transition:transform .3s ease}.navbar-container.sidebar-open .navbar-left{transform:translate(200px)}.navbar-container.sidebar-closed .navbar-left{transform:translate(60px)}.navbar-left{display:flex;flex-direction:column;align-items:flex-start;transition:all .3s ease;min-width:250px;flex-shrink:0;margin-right:6rem}.navbar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.navbar-subtitle{font-size:.85rem;font-weight:400;color:#fff;margin:2px 0 0;opacity:.9}.navbar-right{display:flex;align-items:center;margin-left:auto;margin-right:2rem;transition:all .3s ease}.navbar-logo{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.navbar-logo-fallback{height:50px;width:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7e0505,#700505);border-radius:8px;color:#fff;font-weight:700;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.navbar-container{padding:0 1rem;justify-content:flex-start}.navbar-hamburger-btn{display:flex!important}.navbar-container.sidebar-open .navbar-left,.navbar-container.sidebar-closed .navbar-left{transform:translate(0)}.navbar-left{min-width:150px;flex-shrink:1;flex:1;margin-right:5rem;transition:all .3s ease}.navbar-right{flex-shrink:0;margin-left:auto;display:none}.navbar-title{font-size:1rem}.navbar-subtitle{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important;line-height:1.2!important;margin:2px 0 0!important;padding:0!important;color:gray!important}.navbar-logo{height:35px}}@media (max-width: 480px){.navbar{height:auto!important;min-height:60px!important;padding:.5rem .75rem!important;display:flex!important;align-items:flex-start!important}.navbar-container{padding:0 1rem;justify-content:flex-start}.navbar-container.sidebar-open .navbar-left,.navbar-container.sidebar-closed .navbar-left{transform:translate(0)}.navbar-left{display:flex!important}.navbar-title{font-size:1rem!important}.navbar-subtitle{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important;line-height:1.2!important;margin:2px 0 0!important;padding:0!important;color:gray!important}.navbar-right{display:none!important}}.loading-container{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(120,0,0,.25) 0%,rgba(60,0,0,.15) 30%,transparent 70%),linear-gradient(135deg,#050505,#0d0505 40%,#140404,#050505)}.loading-container:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(156,7,7,.25),transparent 70%);filter:blur(80px);animation:glowMove 12s ease-in-out infinite}.loading-container:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08),transparent 70%);right:-100px;bottom:-100px;filter:blur(60px);animation:glowMove 18s ease-in-out infinite reverse}@keyframes glowMove{0%,to{transform:translate(0)}50%{transform:translate(40px,20px)}}.particles{position:absolute;inset:0}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.8) 0%,rgba(212,175,55,.2) 40%,transparent 80%);animation:particleFloat 12s linear infinite}.particle:nth-child(1){width:12px;height:12px;left:15%;top:20%}.particle:nth-child(2){width:16px;height:16px;left:75%;top:25%}.particle:nth-child(3){width:10px;height:10px;left:50%;top:65%}.particle:nth-child(4){width:14px;height:14px;left:25%;top:75%}.particle:nth-child(5){width:18px;height:18px;left:80%;top:70%}@keyframes particleFloat{0%{transform:translateY(0);opacity:.2}50%{transform:translateY(-30px);opacity:1}to{transform:translateY(0);opacity:.2}}.logo-container{position:relative;width:260px;height:260px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.logo-container:after{content:"";position:absolute;top:0;left:-120%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);animation:sweep 3s infinite}@keyframes sweep{0%{left:-120%}to{left:220%}}.logo-image{position:relative;z-index:10;width:170px;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.2)) drop-shadow(0 0 20px rgba(156,7,7,.5)) drop-shadow(0 0 40px rgba(156,7,7,.3));animation:logoPulse 2.5s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.logo-svg{position:absolute;width:220px;height:220px;z-index:1;animation:rotate 20s linear infinite;opacity:.8}.progress-container{width:320px;text-align:center}.progress-bar{position:relative;width:100%;height:5px;border-radius:999px;overflow:hidden;background:#ffffff0d}.progress-bar:before{content:"";position:absolute;width:35%;height:100%;left:-35%;background:linear-gradient(90deg,transparent,#9a1010,transparent);animation:loadingMove 1.4s linear infinite}.progress-bar:after{content:"";position:absolute;inset:0;box-shadow:0 0 10px #d4af3766}@keyframes loadingMove{0%{left:-35%}to{left:100%}}.progress-text{margin-top:14px;color:#9a1010;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;opacity:.85}.progress-text:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.floating-elements{display:none}.ring{position:absolute;border:1px solid rgba(212,175,55,.15);border-radius:50%}.ring-1{width:240px;height:240px;animation:rotate 25s linear infinite}.ring-2{width:280px;height:280px;animation:rotateReverse 35s linear infinite}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.logo-path{stroke:#9a1010;stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:60 240;animation:scanner 2s linear infinite;filter:drop-shadow(0 0 6px rgba(212,175,55,.8)) drop-shadow(0 0 12px rgba(212,175,55,.5))}.logo-path.outer{stroke:#d4af3726}.logo-path.scanner{stroke-dasharray:50 250;animation:scanner 2s linear infinite}@keyframes scanner{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@media (max-width: 768px){.logo-container{width:240px;height:110px}.progress-container{width:240px}}@media (max-width: 480px){.logo-container{width:200px;height:90px}.progress-container{width:200px}.progress-text{font-size:.75rem;letter-spacing:1px}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;transition:opacity .3s ease;opacity:0;visibility:hidden}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{width:240px;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(180deg,#7e0505,#700505);box-shadow:2px 0 8px #0000000a;border-right:1px solid #ececec;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;transition:transform .3s ease,width .3s ease;overflow-y:auto;overflow-x:hidden}.sidebar.sidebar-closed{width:60px;transform:translate(0)}.sidebar.sidebar-open{width:240px;transform:translate(0);box-shadow:4px 0 16px #0000001a}.sidebar-header{display:flex;flex-direction:column;margin-top:1.5rem;margin-bottom:1.2rem;padding:0 .5rem;width:100%;overflow:visible}.sidebar-header-content{display:flex;align-items:center;width:100%}.sidebar-title-container{display:flex;flex-direction:column;width:100%;margin-left:10px;overflow:visible}.sidebar-logo{display:flex;flex-direction:column;width:100%;text-align:left;transition:opacity .3s ease;padding-bottom:4px;padding-right:10px;margin-top:8px;overflow:visible}.sidebar-logo-main{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.2;margin-left:30px}.sidebar-logo-sub{font-size:1.1rem;font-weight:700;color:#fff;margin-left:15px;line-height:1.2}.sidebar-subtitle{font-size:.75rem;font-weight:400;color:#fffc;width:100%;text-align:left;transition:opacity .3s ease;padding-right:10px;margin-top:2px;margin-bottom:8px;margin-left:0;overflow:visible}.sidebar-open .sidebar-header-content{border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:12px}.sidebar-closed .sidebar-title-container{opacity:0;width:0;overflow:hidden;margin-left:0}.sidebar-hamburger-btn{background:none;border:none;cursor:pointer;padding:6px;transition:all .3s ease;display:flex;justify-content:center;align-items:center;width:40px;height:40px;box-shadow:none}.sidebar-hamburger-btn:hover{background:#ffffff1a}.sidebar-hamburger-btn svg{color:#fff;transition:transform .3s ease}.sidebar-hamburger-btn.active svg{transform:rotate(45deg)}.sidebar-nav{flex:1;margin:0;padding:0 .5rem;margin-top:2rem;width:100%;overflow-y:auto;overflow-x:hidden}.nav-item,.nav-item:link,.nav-item:visited,.nav-item:hover,.nav-item:active{display:flex;align-items:center;gap:12px;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;margin-bottom:8px;transition:all .2s ease;font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;width:100%;text-align:left;position:relative;font-weight:500;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.nav-item.mini{padding:10px}.nav-item.mini .nav-text{opacity:0;width:0;overflow:hidden}.nav-item .nav-icon{display:flex;min-width:20px}.nav-item.mini .nav-icon{margin-right:0}.nav-item.active,.nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(4px);box-shadow:0 2px 8px #0003}.sidebar-logout-button{color:#a01515}.sidebar-logout-button:hover{background:#be1e1e1a;color:#a01515}.sidebar-logout-button:disabled{opacity:.6;cursor:not-allowed}.sidebar-menu-item{position:relative;margin-bottom:4px;width:100%}.sidebar-menu-item>a{justify-content:space-between;position:relative;width:100%}.submenu-arrow{font-size:12px;transition:transform .3s ease;margin-left:auto;opacity:.7}.sidebar-closed .submenu-arrow{display:none}.sidebar-menu-item>a.submenu-open .submenu-arrow{transform:rotate(90deg)}.sidebar-submenu{margin-left:20px;margin-top:8px;overflow:hidden;animation:slideDown .3s ease;max-height:0;border-left:2px solid rgba(255,255,255,.3);padding-left:12px;width:100%;box-sizing:border-box}.sidebar-submenu.show{max-height:300px}.sidebar-submenu .nav-item{padding:8px 12px;font-size:.9rem;margin-bottom:4px;opacity:0;animation:fadeIn .3s ease forwards;display:block;border-radius:6px;transition:all .2s ease;font-weight:400;color:#fff;width:100%;box-sizing:border-box}.sidebar-submenu .nav-item:nth-child(1){animation-delay:.1s}.sidebar-submenu .nav-item:nth-child(2){animation-delay:.15s}.sidebar-submenu .nav-item:nth-child(3){animation-delay:.2s}.sidebar-submenu .nav-item:nth-child(4){animation-delay:.25s}.sidebar-submenu .nav-item:nth-child(5){animation-delay:.3s}.sidebar-submenu .nav-item:hover{background:#ffffff1a;transform:translate(6px);color:#fff;box-shadow:0 1px 4px #0003}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:300px;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-footer{margin-top:auto;padding:1rem .5rem;border-top:1px solid rgba(255,255,255,.2);width:100%}.profile-card{display:flex;align-items:center;background:linear-gradient(135deg,#7e0505 0% 100%);padding:10px 12px;border-radius:12px;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #4a632766;width:100%;max-width:240px;box-sizing:border-box;margin:0 auto}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4a632799;background:linear-gradient(135deg,#7e0505 0% 100%)}.avatar{width:20px;height:20px;background:#fff;border-radius:50%;margin-right:8px;position:relative}.avatar:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;background:#7e0505;border-radius:50%;border:2px solid #fff}.profile-info p{margin:0}.profile-info .name{font-weight:600;font-size:.95rem;color:#fff}.profile-info .role{font-size:.8rem;opacity:.9;color:#fff}@media (max-width: 768px){.sidebar{z-index:1001;box-shadow:4px 0 20px #00000026;visibility:hidden;opacity:0;transform:translate(-100%);transition:visibility .3s ease,opacity .3s ease,transform .3s ease;position:fixed;top:0;left:0;height:100vh;width:240px;overflow-y:auto;overflow-x:hidden}.sidebar.sidebar-open{visibility:visible;opacity:1;transform:translate(0)}.sidebar-closed{width:60px}.sidebar-open{width:240px}.sidebar-hamburger-btn{display:none!important}.sidebar-submenu{margin-left:16px;padding-left:8px}.nav-item{padding:14px 16px;font-size:.95rem;margin-bottom:6px}.sidebar-submenu .nav-item{padding:10px 14px;margin-bottom:6px}}@media (max-width: 480px){.sidebar{width:300px}.sidebar-closed{width:70px}.sidebar-open{width:300px}.sidebar-logo-main,.sidebar-logo-sub{font-size:.85rem;margin-left:6px;white-space:nowrap;overflow:visible;text-overflow:clip}.sidebar-subtitle{font-size:.6rem;white-space:normal;word-wrap:break-word;line-height:1.2;margin-left:6px;margin-right:6px;max-width:calc(100% - 12px)}.profile-card{padding:8px 10px;max-width:300px}.avatar{width:35px;height:35px}}input[type=date],input[type=datetime-local],input[type=time]{position:relative;cursor:pointer;background-color:#fff}@media (max-width: 768px){input[type=date],input[type=datetime-local],input[type=time],.filter-input[type=date],.filter-group input[type=date],.date-input input[type=date]{min-height:44px!important;height:44px!important;font-size:16px!important;padding:.5rem .75rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#1f2937!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(126,5,5,.2)!important;-webkit-user-select:text!important;user-select:text!important;position:relative!important;z-index:1!important;cursor:pointer!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,.filter-input[type=date]::-webkit-calendar-picker-indicator,.filter-group input[type=date]::-webkit-calendar-picker-indicator,.date-input input[type=date]::-webkit-calendar-picker-indicator{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;cursor:pointer!important;opacity:0!important;background:transparent!important;pointer-events:auto!important}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,.filter-input[type=date]:focus,.filter-group input[type=date]:focus,.date-input input[type=date]:focus{outline:none!important;border-color:#8b0a0a!important;box-shadow:0 0 0 3px #7e050533!important}input[type=date]:active,input[type=datetime-local]:active,input[type=time]:active{background-color:#f8fafc!important}.filter-group,.filter-row,.filter-section,.date-input,.filter-box{overflow:visible!important;pointer-events:auto!important}.filter-group:before,.filter-group:after,.filter-row:before,.filter-row:after{pointer-events:none!important}}@media (max-width: 480px){input[type=date],input[type=datetime-local],input[type=time],.filter-input[type=date],.filter-group input[type=date],.date-input input[type=date]{min-height:48px!important;height:48px!important;font-size:16px!important}}#root{width:100%;min-height:100vh}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main,.page-container,.dashboard-container{padding-top:20px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #7e0505aa)}.logo.react:hover{filter:drop-shadow(0 0 2em #901010aa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-page{isolation:isolate;position:fixed;inset:0;z-index:9999;overflow:auto;background:#f6f2ee;color:#1f2937;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.login-page *{box-sizing:border-box}.login-page .login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,42%) 1fr;background:radial-gradient(circle at 72% 50%,rgba(126,5,5,.05),transparent 18%),linear-gradient(90deg,#7e0505 0 42%,#faf8f6 42% 100%)}.login-page .login-particles-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.login-page .login-showcase{position:relative;overflow:hidden;min-height:100vh;padding:34px 60px 28px 40px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#3a0101,#4c0202,#590202);color:#fffaf8}.login-page .login-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 5%,rgba(255,255,255,.05) 0 8%,transparent 8.2%),radial-gradient(circle at 41% 7%,rgba(0,0,0,.07) 0 18%,transparent 18.3%),radial-gradient(circle at 91% 7%,rgba(255,255,255,.05) 0 8%,transparent 8.3%),radial-gradient(circle at 9% 96%,rgba(126,5,5,.55) 0 14%,transparent 14.5%),radial-gradient(circle at 37% 100%,rgba(126,5,5,.35) 0 11%,transparent 11.5%),radial-gradient(circle at 63% 102%,rgba(126,5,5,.3) 0 11%,transparent 11.5%),radial-gradient(circle at 88% 104%,rgba(126,5,5,.4) 0 10%,transparent 10.5%);pointer-events:none}.login-page .showcase-orb,.login-page .showcase-ring,.login-page .showcase-stripe-circle,.login-page .showcase-dot{position:absolute;pointer-events:none}.login-page .showcase-orb-top{top:-72px;left:224px;width:420px;height:420px;border-radius:50%;background:#70050538}.login-page .showcase-orb-corner{top:-22px;right:18px;width:120px;height:120px;border-radius:50%;background:#9619192e}.login-page .showcase-orb-bottom{right:-70px;bottom:48px;width:260px;height:260px;border-radius:50%;background:#7e050533}.login-page .showcase-ring{border:4px solid rgba(100,4,4,.18);border-radius:50%}.login-page .showcase-ring-top{top:-12px;left:-8px;width:104px;height:104px}.login-page .showcase-ring-bottom{bottom:118px;left:34px;width:136px;height:136px}.login-page .showcase-stripe-circle{top:108px;left:472px;width:126px;height:126px;border-radius:50%;opacity:.2;background:repeating-linear-gradient(135deg,rgba(100,5,5,.85) 0,rgba(100,5,5,.85) 4px,transparent 4px,transparent 10px)}.login-page .showcase-dot{width:4px;height:4px;border-radius:50%;background:#c8966466}.login-page .showcase-dot-a{top:104px;left:152px}.login-page .showcase-dot-b{top:204px;left:270px;background:#ffffff38}.login-page .showcase-dot-c{top:130px;right:126px;width:3px;height:3px;background:#ffffff52}.login-page .showcase-dot-d{bottom:120px;left:236px;background:#ffffff38}.login-page .showcase-content,.login-page .showcase-footer{z-index:1}.login-page .showcase-content{position:relative;display:flex;flex-direction:column;gap:22px;padding-top:6px}.login-page .showcase-badge{align-self:flex-start;padding:10px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#fff8f3eb;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1}.login-page .showcase-brand{font-size:clamp(42px,4vw,54px);font-weight:800;letter-spacing:-.06em;line-height:.92;color:#ffffff0f;-webkit-text-stroke:1.4px rgba(255,255,255,.82);text-shadow:0 10px 32px rgba(0,0,0,.16)}.login-page .showcase-copy{max-width:320px}.login-page .showcase-title{margin:0;font-size:clamp(36px,4.2vw,54px);font-weight:800;line-height:.98;letter-spacing:-.05em}.login-page .showcase-description{margin:18px 0 0;max-width:288px;color:#fff3f0c2;font-size:15px;line-height:1.65}.login-page .showcase-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;color:#fff3f0e0;font-size:15px}.login-page .showcase-list li{position:relative;padding-left:18px}.login-page .showcase-list li:before{content:"";position:absolute;top:9px;left:0;width:6px;height:6px;border-radius:50%;background:#ffd6b5b3}.login-page .showcase-footer{position:absolute;bottom:28px;left:40px;color:#ffebe46b;font-size:12px}.login-page .login-panel{min-height:100vh;display:grid;place-items:center;padding:40px 28px;background:radial-gradient(circle at 52% 50%,rgba(126,5,5,.04),transparent 14%),linear-gradient(180deg,#faf8f6,#f7f4f1)}.login-page .login-panel-card{width:min(100%,402px);padding:28px 20px 18px;display:flex;flex-direction:column;align-items:stretch}.login-page .login-panel-header{text-align:left;margin-bottom:28px}.login-page .login-panel-header h2{margin:0;color:#7e0505;font-size:clamp(32px,3vw,42px);font-weight:800;letter-spacing:-.05em}.login-page .login-panel-header p{margin:10px 0 0;color:#b4b6bb;font-size:14px}.login-page .login-form{display:flex;flex-direction:column;gap:16px}.login-page .login-error{padding:12px 14px;border:1px solid rgba(140,10,10,.14);border-radius:14px;background:#8c0a0a0f;color:#a01515;font-size:13px;line-height:1.5}.login-page .login-field{display:flex;flex-direction:column;gap:8px}.login-page .login-field label{color:#5c616b;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-page .login-field input{width:100%;height:54px;padding:0 18px;border:1px solid #ebedf0;border-radius:14px;background:#fff;color:#4b5563;font-size:14px;outline:none;box-shadow:0 8px 24px #7005050f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.login-page .login-field input::placeholder{color:#d3d8dd}.login-page .login-field input:focus{border-color:#7e050561;box-shadow:0 0 0 4px #7e050514,0 14px 28px #70050514;transform:translateY(-1px)}.login-page .login-options{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:2px}.login-page .login-checkbox{display:inline-flex;align-items:center;gap:8px;color:#81858e;font-size:13px}.login-page .login-checkbox input{width:14px;height:14px;margin:0;accent-color:#850606}.login-page .forgot-password{padding:0;border:0;background:none;color:#9a1010;font-size:13px;font-weight:700;cursor:pointer}.login-page .login-button{position:relative;overflow:hidden;width:100%;height:56px;margin-top:4px;border:0;border-radius:14px;background:linear-gradient(180deg,#7e0505,#700505);color:#fff9f8;font-size:16px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 16px 30px #70050559;transition:transform .2s ease,box-shadow .2s ease}.login-page .login-button:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.32) 55%,rgba(255,255,255,.18) 70%,transparent 100%);transform:translate(-110%);transition:transform .55s ease;pointer-events:none;border-radius:14px}.login-page .login-button:hover:not(:disabled):after{transform:translate(110%)}.login-page .login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 22px 38px #70050573}.login-page .login-button:disabled,.login-page .forgot-password:disabled,.login-page .login-field input:disabled{cursor:not-allowed;opacity:.75}.login-page .login-footer{position:relative;margin-top:28px;padding-top:18px;color:#d1d4da;font-size:12px;text-align:center}.login-page .login-footer:before{content:"";position:absolute;top:0;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,#e9e4df 16%,#e9e4df 84%,transparent)}.login-page .login-footer p{margin:0}@media (max-width: 1080px){.login-page .login-shell{grid-template-columns:minmax(300px,38%) 1fr}.login-page .showcase-stripe-circle{left:auto;right:64px}}@media (max-width: 860px){.login-page .login-shell{grid-template-columns:1fr;background:linear-gradient(180deg,#850606 0 42%,#faf8f6 42% 100%)}.login-page .login-showcase,.login-page .login-panel{min-height:auto}.login-page .login-showcase{padding:28px 24px 32px}.login-page .showcase-copy{max-width:100%}.login-page .showcase-description{max-width:340px}.login-page .login-panel{padding:42px 20px 30px}.login-page .login-panel-card{width:min(100%,430px);padding:8px 8px 10px}}@media (max-width: 520px){.login-page .login-showcase{padding:24px 20px 28px}.login-page .showcase-title{font-size:40px}.login-page .showcase-description,.login-page .showcase-list{font-size:14px}.login-page .login-panel{padding:28px 16px 24px}.login-page .login-panel-header{margin-bottom:22px}.login-page .login-panel-header h2{font-size:30px}.login-page .login-options{flex-direction:column;align-items:flex-start}.login-page .showcase-orb-top,.login-page .showcase-orb-bottom,.login-page .showcase-stripe-circle{opacity:.7}}.transaction-detail-modal .ant-modal-content{border-radius:12px;box-shadow:0 8px 32px #0000001f}.transaction-detail-modal .ant-modal-header{background-color:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0}.transaction-detail-modal .ant-modal-title{color:#8b0a0a;font-size:18px;font-weight:600}.transaction-detail-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.transaction-detail-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right;background-color:#f8f9fa;border-radius:0 0 8px 8px}.transaction-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}.transaction-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#7e0505 0% 100%);color:#fff;font-weight:600;border-bottom:none;padding:12px 16px;font-size:13px}.transaction-table .ant-table-thead>tr>th:hover{background-color:#700505!important}.transaction-table .ant-table-tbody>tr:hover>td{background-color:#fef5f5!important;transition:all .2s ease}.transaction-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:13px;transition:all .2s ease;background:#fff!important;color:#333!important}.transaction-table .ant-table-tbody>tr>td:last-child{background:#fff!important;color:#8b0a0a!important;font-weight:600;text-align:center}.transaction-table .ant-table-tbody>tr:hover>td:last-child{background:#7e05051a!important;color:#831212!important;transform:scale(1.02)}@media (max-width: 768px){.transaction-detail-modal .ant-modal-body{padding:16px}.filter-info{padding:12px 16px}.transaction-table .ant-table-thead>tr>th,.transaction-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:12px}.transaction-table .ant-table-tbody>tr>td:last-child,.transaction-table .ant-table-thead>tr>th:last-child{font-size:11px;padding:6px 8px}}@media (max-width: 480px){.transaction-detail-modal .ant-modal-body{padding:12px}.filter-info{padding:10px 12px}.filter-info p{font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}.transaction-table .ant-table-thead>tr>th,.transaction-table .ant-table-tbody>tr>td{padding:6px 8px;font-size:11px}}.transaction-detail-modal .ant-modal-body::-webkit-scrollbar{width:6px}.transaction-detail-modal .ant-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.transaction-detail-modal .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b0a0a,#831212);border-radius:3px}.transaction-detail-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#831212,#8b0a0a)}.transaction-detail-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}.transaction-table .ant-table-tbody>tr{transition:all .2s ease}.transaction-table .ant-table-tbody>tr:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.mobile-detail-shell{display:flex;flex-direction:column;gap:12px}.mobile-detail-card,.mobile-detail-summary-card{background:linear-gradient(135deg,#fff,#fdf7f7);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 24px #0f172a0f;padding:14px}.mobile-detail-card-title,.mobile-detail-summary-title,.mobile-detail-section-title{font-size:14px;font-weight:700;color:#590202;margin-bottom:10px}.mobile-detail-card-body{display:flex;flex-direction:column;gap:8px}.mobile-detail-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:13px;color:#475569}.mobile-detail-label{font-weight:600;color:#64748b;min-width:95px}.mobile-detail-value{text-align:right;flex:1}.mobile-detail-section-title{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.mobile-detail-section-meta{font-size:12px;color:#64748b;font-weight:500}.mobile-detail-list{display:flex;flex-direction:column;gap:10px}.mobile-detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.mobile-detail-empty{text-align:center;padding:16px;color:#64748b;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}.mobile-detail-card-stack{display:flex;flex-direction:column;gap:8px}.mobile-detail-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mobile-detail-card-date{font-size:13px;font-weight:700;color:#590202}.mobile-detail-card-location{font-size:12px;color:#64748b;margin-top:2px}.mobile-detail-chip{background:#fdf0f0;color:#7e0505;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600;white-space:nowrap}.mobile-detail-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-detail-metric{background:#f8fafc;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px}.mobile-detail-metric-label{font-size:11px;color:#64748b}.mobile-detail-metric-value{font-size:12px;font-weight:700;color:#590202}.mobile-detail-total{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:13px;font-weight:700;color:#0f172a}.mobile-detail-pagination{display:flex;justify-content:center;padding:2px 0}.mobile-detail-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.mobile-detail-summary-item{border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#f8fafc}.mobile-detail-summary-item.neutral{background:#f8fafc}.mobile-detail-summary-item.blue,.mobile-detail-summary-item.green,.mobile-detail-summary-item.purple{background:#fdf0f0}.mobile-detail-summary-item.orange{background:#fff4e8}.mobile-detail-summary-item.gold{background:#fff8e8}.mobile-detail-summary-item span{font-size:11px;color:#64748b}.mobile-detail-summary-item strong{font-size:12px;color:#590202}.mobile-detail-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e2e8f0;font-size:13px;font-weight:700;color:#0f172a}.mobile-detail-export-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.mobile-export-btn{border-radius:999px;font-size:11px;font-weight:700;min-width:74px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background-color:#fff;color:#0f172a;box-shadow:inset 0 0 0 1px #0f172a14}.mobile-export-btn .anticon{font-size:12px}.mobile-export-btn:hover,.mobile-export-btn:focus-visible{color:#0f172a!important;background-color:#f8fafc!important;border-color:currentColor!important}.mobile-export-btn.pdf{color:#a01515;border-color:#f2d4d4;background-color:#fff7f7}.mobile-export-btn.excel{color:#7e0505;border-color:#fdf0f0;background-color:#fdf0f0}.mobile-export-btn.print{color:#7e0505;border-color:#fdf0f0;background-color:#f5faff}@media (max-width: 768px){.mobile-detail-metrics-grid{grid-template-columns:1fr}.mobile-detail-summary-grid{grid-template-columns:1fr 1fr}}.vehicle-detail-modal .ant-modal-content{box-shadow:0 8px 32px #0000001f}.vehicle-detail-modal .ant-modal-header{background-color:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0}.vehicle-detail-modal .ant-modal-title{color:#8b0a0a;font-size:18px;font-weight:600}.vehicle-detail-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.vehicle-detail-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right;background-color:#f8f9fa;border-radius:0 0 8px 8px}.vehicle-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}.vehicle-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#7e0505 0% 100%);color:#fff;font-weight:600;border-bottom:none;padding:12px 16px;font-size:13px}.vehicle-table .ant-table-thead>tr>th:hover{background-color:#700505!important}.vehicle-table .ant-table-tbody>tr:hover>td{background-color:#fef5f5!important;transition:all .2s ease}.vehicle-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:13px;transition:all .2s ease;background:#fff!important;color:#333!important}.vehicle-table .ant-table-tbody>tr>td:last-child{background:#fff!important;color:#8b0a0a!important;font-weight:600;text-align:center}.vehicle-table .ant-table-tbody>tr:hover>td:last-child{background:#7e05051a!important;color:#831212!important;transform:scale(1.02)}@media (max-width: 768px){.vehicle-detail-modal .ant-modal-body{padding:16px}.filter-info{padding:12px 16px}.vehicle-table .ant-table-thead>tr>th,.vehicle-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:12px}.vehicle-table .ant-table-tbody>tr>td:last-child,.vehicle-table .ant-table-thead>tr>th:last-child{font-size:11px;padding:6px 8px}}@media (max-width: 480px){.vehicle-detail-modal .ant-modal-body{padding:12px}.filter-info{padding:10px 12px}.filter-info p{font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}.vehicle-table .ant-table-thead>tr>th,.vehicle-table .ant-table-tbody>tr>td{padding:6px 8px;font-size:11px}}.vehicle-detail-modal .ant-modal-body::-webkit-scrollbar{width:6px}.vehicle-detail-modal .ant-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.vehicle-detail-modal .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b0a0a,#831212);border-radius:3px}.vehicle-detail-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#831212,#8b0a0a)}.vehicle-detail-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}.vehicle-table .ant-table-tbody>tr{transition:all .2s ease}.vehicle-table .ant-table-tbody>tr:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.member-income-modal .ant-modal-content{box-shadow:0 8px 32px #0000001f}.member-income-modal .ant-modal-header{background-color:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0}.member-income-modal .ant-modal-title{color:#8b0a0a;font-size:18px;font-weight:600}.member-income-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.member-income-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right;background-color:#f8f9fa;border-radius:0 0 8px 8px}.filter-info{background:linear-gradient(135deg,#f2d4d4,#e0b8b8);border:1px solid #e1e8ed;border-radius:8px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.filter-info-title{font-weight:600;color:#2c3e50;margin-bottom:12px;font-size:14px;display:flex;align-items:center;gap:6px}.filter-info p{margin:6px 0;font-size:13px;color:#34495e;display:flex;align-items:center;gap:8px}.filter-info strong{color:#2c3e50;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-text{margin-top:16px;color:#666;font-size:14px;font-weight:500}.member-income-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}.member-income-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#7e0505 0% 100%);color:#fff;font-weight:600;border-bottom:none;padding:12px 16px;font-size:13px}.member-income-table .ant-table-thead>tr>th:hover{background-color:#700505!important}.member-income-table .ant-table-tbody>tr:hover>td{background-color:#fef5f5!important;transition:all .2s ease}.member-income-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:13px;transition:all .2s ease;background:#fff!important;color:#333!important}.member-income-table .ant-table-tbody>tr>td:last-child{background:#fff!important;color:#8b0a0a!important;font-weight:600;text-align:center}.member-income-table .ant-table-tbody>tr:hover>td:last-child{background:#7e05051a!important;color:#831212!important;transform:scale(1.02)}.total-row td{background:#fff!important;color:#8b0a0a!important;font-weight:600!important;border-top:2px solid #8b0a0a}.total-row td:first-child{border-radius:0 0 0 8px}.total-row td:last-child{border-radius:0 0 8px;background:#fff!important;color:#8b0a0a!important}.export-btn-pdf{background:linear-gradient(135deg,#a01515,#7e0505);border:none;border-radius:6px;font-weight:600;transition:all .3s ease}.export-btn-pdf:hover{background:linear-gradient(135deg,#7e0505,#a01515);transform:translateY(-1px);box-shadow:0 4px 12px #be1e1e4d}.export-btn-excel{background:linear-gradient(135deg,#7e0505 0% 100%);border:none;border-radius:6px;font-weight:600;transition:all .3s ease}.export-btn-excel:hover{background:linear-gradient(135deg,#700505 0% 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7e05054d}.export-btn-print{background:linear-gradient(135deg,#7e0505 0% 100%);border:none;border-radius:6px;font-weight:600;transition:all .3s ease;color:#fff!important}.export-btn-print:hover{background:linear-gradient(135deg,#700505 0% 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7e05054d;color:#fff!important}.btn-ok{background:linear-gradient(135deg,#7e0505 0% 100%);border:none;border-radius:6px;font-weight:600;transition:all .3s ease}.btn-ok:hover{background:linear-gradient(135deg,#700505 0% 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7e05054d}@media (max-width: 768px){.member-income-modal .ant-modal-body{padding:16px}.filter-info{padding:12px 16px}.member-income-table .ant-table-thead>tr>th,.member-income-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:12px}.member-income-table .ant-table-tbody>tr>td:last-child,.member-income-table .ant-table-thead>tr>th:last-child{font-size:11px;padding:6px 8px}.member-income-modal .ant-modal-header,.member-income-modal .ant-modal-footer{padding:16px 20px}}@media (max-width: 480px){.member-income-modal .ant-modal-body{padding:12px}.filter-info{padding:10px 12px}.filter-info p{font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}.member-income-table .ant-table-thead>tr>th,.member-income-table .ant-table-tbody>tr>td{padding:6px 8px;font-size:11px}}.member-income-modal .ant-modal-body::-webkit-scrollbar{width:6px}.member-income-modal .ant-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.member-income-modal .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b0a0a,#831212);border-radius:3px}.member-income-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#831212,#8b0a0a)}.member-income-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}.member-income-table .ant-table-tbody>tr{transition:all .2s ease}.member-income-table .ant-table-tbody>tr:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.ant-table-filter-dropdown{border-radius:8px;box-shadow:0 4px 16px #0000001f;border:1px solid #e1e8ed}.ant-table-filter-dropdown .ant-checkbox-wrapper{margin:8px 0;padding:4px 12px;border-radius:4px;transition:all .2s ease}.ant-table-filter-dropdown .ant-checkbox-wrapper:hover{background:#fdf0f0}.ant-pagination{margin-top:20px;text-align:center}.ant-pagination-item-active{background:linear-gradient(135deg,#8b0a0a,#831212);border-color:#8b0a0a}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item:hover{border-color:#8b0a0a}.ant-pagination-item:hover a{color:#8b0a0a}.location-status-modal .ant-modal-content{border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden}.location-status-modal .ant-modal-header{background:linear-gradient(135deg,#7e0505 0% 100%);color:#fff;padding:16px 24px;border-bottom:none;border-radius:8px 8px 0 0}.location-status-modal .location-status-modal-header{display:flex;align-items:center;gap:8px;color:#fff}.location-status-modal .location-status-modal-header .header-icon{font-size:20px;color:#fff}.location-status-modal .location-status-modal-header span{font-size:18px;font-weight:600}.location-status-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.location-status-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right;background-color:#f8f9fa;border-radius:0 0 8px 8px}.location-status-modal .ant-modal-close{color:#fff;top:16px;right:16px}.location-status-modal .ant-modal-close:hover .ant-modal-close-x{color:#fffc}.location-status-content{min-height:200px}.location-status-content .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.location-status-content .loading-container p{margin-top:16px;color:#666;font-size:14px}.location-status-content .warning-alert{margin-bottom:20px;border-radius:8px}.location-status-content .success-alert{border-radius:8px}.locations-list{margin-top:20px}.locations-list .ant-list-item{padding:16px 0;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.locations-list .ant-list-item:hover{background-color:#f8f9fa}.locations-list .ant-list-item:last-child{border-bottom:none}.location-item{width:100%}.location-info{display:flex;flex-direction:column;gap:8px;width:100%}.location-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#8b0a0a;font-size:16px}.location-name .anticon{color:#8b0a0a}.location-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.location-details .ant-tag{margin:0;font-weight:500}.last-seen{color:#666;font-size:12px;font-style:italic}.location-status-modal .ant-btn-primary{background:linear-gradient(135deg,#7e0505 0% 100%);border:none;border-radius:6px;font-weight:500;transition:all .3s ease}.location-status-modal .ant-btn-primary:hover{background:linear-gradient(135deg,#700505 0% 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7e05054d}@media (max-width: 768px){.location-status-modal{width:95%!important;margin:0 auto}.location-status-modal .ant-modal-body{padding:16px}.location-details{flex-direction:column;align-items:flex-start;gap:8px}.last-seen{font-size:11px}}.location-status-modal .ant-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.transaction-details-modal .ant-modal-header{background-color:#f8f9fa;padding:16px 24px;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0}.transaction-details-modal .ant-modal-title{color:#8b0a0a;font-size:18px;font-weight:600}.transaction-details-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.transaction-details-modal .ant-modal-footer{border-top:1px solid #e8e8e8;padding:16px 24px;text-align:right;background-color:#f8f9fa;border-radius:0 0 8px 8px}.filter-info{background:linear-gradient(135deg,#f2d4d4,#e0b8b8);padding:16px;margin-bottom:24px;border-radius:8px;border:1px solid #e1e8ed}.filter-info p{margin-bottom:8px;color:#333;font-size:14px}.filter-info p:last-child{margin-bottom:0}.filter-info-title{font-weight:600;color:#8b0a0a;margin-bottom:12px!important;font-size:16px!important;display:flex;align-items:center}.filter-info-title .anticon{margin-right:8px}.transaction-details-modal .ant-table-thead>tr>th{background-color:#7e0505!important;color:#fff!important;font-weight:600!important;font-size:13px!important;padding:12px 8px!important;border-bottom:2px solid #7e0505!important;text-align:center!important;vertical-align:middle!important}.transaction-details-modal .ant-table-thead>tr>th:before{display:none!important}.transaction-details-modal .ant-table-thead>tr>th .ant-table-column-title{color:#fff!important;font-weight:600!important}.transaction-details-modal .ant-table-thead>tr>th .ant-table-filter-trigger{color:#fff!important}.transaction-details-modal .ant-table-thead>tr>th:hover{background-color:#700505!important}.transaction-details-modal .ant-table-thead>tr>th .ant-table-column-sorter{color:#fff!important}.transaction-details-modal .ant-table-thead>tr>th .ant-table-column-sorter-up.active,.transaction-details-modal .ant-table-thead>tr>th .ant-table-column-sorter-down.active{color:#fff!important}.transaction-details-modal .ant-table-thead>tr>th .anticon{color:#fff!important}.transaction-details-modal .ant-table-tbody>tr.ant-table-row:hover>td{background-color:#fef5f5}.transaction-details-modal .ant-table-tbody>tr>td{padding:10px 8px!important;border-bottom:1px solid #f0f0f0!important;vertical-align:middle!important}.transaction-details-modal .ant-table-tbody>tr:nth-child(2n){background-color:#fafafa}.transaction-details-modal .ant-table-tbody>tr>td{color:#333!important;font-size:13px!important}.transaction-details-modal .summary-row{background-color:#7e05051a;font-weight:600}.payment-tag{display:flex;align-items:center;margin-bottom:6px}.payment-tag .ant-tag{margin-right:8px}.payment-amount{font-weight:500}.export-btn-pdf{background-color:#a01515;border-color:#a01515}.export-btn-pdf:hover,.export-btn-pdf:focus{background-color:#9a1010;border-color:#9a1010}.export-btn-excel{background-color:#7e0505;border-color:#7e0505}.export-btn-excel:hover,.export-btn-excel:focus{background-color:#700505;border-color:#700505}.export-btn-print{color:#7e0505;border-color:#7e0505}.export-btn-print:hover,.export-btn-print:focus{color:#700505;border-color:#700505}.btn-ok{background-color:#7e0505;border-color:#7e0505}.btn-ok:hover,.btn-ok:focus{background-color:#700505;border-color:#700505}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.loading-text{margin-top:16px;color:#8b0a0a;font-size:16px}.total-row{font-weight:600;font-size:15px}.transaction-summary-footer{margin-top:8px;padding:12px 16px;background-color:#fafafa;border:1px solid #d9d9d9;border-top:none;border-radius:0 0 6px 6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;box-shadow:0 2px 4px #0000000d}.transaction-summary-footer .summary-label{font-weight:700;color:#8b0a0a;font-size:14px;white-space:nowrap}.transaction-summary-footer .summary-values{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.transaction-summary-footer .summary-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background-color:#f5f5f5}.transaction-summary-footer .summary-item-label{font-size:12px;color:#666;white-space:nowrap}.transaction-summary-footer .summary-item-value{font-weight:700;color:#8b0a0a}.transaction-summary-footer .summary-item-value.bca{color:#7e0505}.transaction-summary-footer .summary-item-value.mandiri{color:#8b0a0a}.transaction-summary-footer .summary-item-value.bri{color:#9a1010}.transaction-summary-footer .summary-total{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:#fdf0f0;border-radius:6px;border:1px solid #f2d4d4;box-shadow:0 1px 3px #0000001a}.transaction-summary-footer .summary-total-label{font-size:12px;color:#666;white-space:nowrap}.transaction-summary-footer .summary-total-value{font-weight:700;color:#8b0a0a;font-size:14px}@media (max-width: 768px){.transaction-summary-footer{flex-direction:column;align-items:flex-start;gap:12px}.transaction-summary-footer .summary-values{width:100%;justify-content:space-between}.transaction-summary-footer .summary-item{flex:1;justify-content:center;min-width:80px}}.transaction-details-modal .ant-table-filter-dropdown{background-color:#fff!important;box-shadow:0 4px 12px #00000026!important;border-radius:6px!important}.transaction-details-modal .ant-table-filter-dropdown .ant-dropdown-menu{max-height:300px!important;overflow-y:auto!important}.transaction-details-modal .ant-table-filter-dropdown .ant-dropdown-menu-item{padding:8px 12px!important;color:#333!important}.transaction-details-modal .ant-table-filter-dropdown .ant-dropdown-menu-item:hover{background-color:#fef5f5!important;color:#8b0a0a!important}.transaction-details-modal .ant-table-filter-dropdown .ant-dropdown-menu-item-selected{background-color:#fdf0f0!important;color:#8b0a0a!important;font-weight:600!important}.transaction-details-modal .ant-table-body::-webkit-scrollbar{width:8px;height:8px}.transaction-details-modal .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.transaction-details-modal .ant-table-body::-webkit-scrollbar-thumb{background:#8b0a0a;border-radius:4px}.transaction-details-modal .ant-table-body::-webkit-scrollbar-thumb:hover{background:#831212}.transaction-details-modal .ant-tag{font-weight:600!important;border:none!important;padding:2px 8px!important;font-size:11px!important}.transaction-details-modal .ant-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;max-height:90vh!important;overflow-y:auto!important;margin:0!important;padding:0!important}.transaction-details-modal .ant-modal-mask{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#00000073!important;z-index:9998!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.ant-modal-open.transaction-details-modal~.ant-modal-mask{position:fixed!important}.ant-modal-open.transaction-details-modal~.ant-modal-mask~body{overflow:hidden!important}.dashboard-layout,.dashboard-main,.sidebar,.header,.cards-grid,.chart-box,.data-box{position:static;transform:none;transition:all .25s ease;animation:none;margin:0;padding:0;width:auto;height:auto;min-height:auto;max-height:none;overflow:visible}.dashboard-layout{display:inline-block;min-height:100vh;width:100vw;background:#f8faff;overflow-x:hidden}.dashboard-main{flex:1;margin-left:240px;padding:2rem;width:calc(100vw - 240px);min-width:0;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5rem}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;z-index:100}.mobile-casual-shell{display:flex;flex-direction:column;gap:12px}.mobile-casual-info-card,.mobile-casual-summary-card,.mobile-casual-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 16px #7e050514}.mobile-casual-info-card{padding:12px}.mobile-casual-info-title,.mobile-casual-summary-title{font-size:14px;font-weight:700;color:#7e0505;margin-bottom:8px}.mobile-casual-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;color:#4b5563}.mobile-casual-info-label{font-weight:600;color:#374151;flex-shrink:0}.mobile-casual-info-value{text-align:right;word-break:break-word}.mobile-casual-list{display:flex;flex-direction:column;gap:10px}.mobile-casual-card{padding:12px;position:relative;overflow:hidden}.mobile-casual-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7e0505,#8b0a0a)}.mobile-casual-card-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}.mobile-casual-card-date{font-size:13px;font-weight:700;color:#111827}.mobile-casual-card-location{font-size:12px;color:#6b7280;margin-top:2px}.mobile-casual-card-badge{background:#fdf0f0;color:#7e0505;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid rgba(126,5,5,.1)}.mobile-casual-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-casual-stat-pill{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px}.mobile-casual-stat-pill.gold{border-color:#f2d4d4;background:#fffbeb}.mobile-casual-stat-pill.blue{border-color:#fdf0f0;background:#fdf0f0}.mobile-casual-stat-pill.purple{border-color:#f2d4d4;background:#faf5ff}.mobile-casual-stat-pill.green{border-color:#fdf0f0;background:#fdf0f0}.mobile-casual-stat-pill.orange{border-color:#f2d4d4;background:#fff7ed}.mobile-casual-stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.mobile-casual-stat-value{font-size:12px;font-weight:700;color:#111827;overflow-wrap:anywhere}.mobile-casual-card-total,.mobile-casual-summary-total{margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f3f4f6;font-size:12px;color:#374151}.mobile-casual-card-total strong,.mobile-casual-summary-total strong{color:#7e0505;font-size:13px}.mobile-casual-section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#7e0505;margin-bottom:8px}.mobile-casual-section-meta{color:#6b7280;font-size:11px;font-weight:600}.mobile-casual-pagination{display:flex;justify-content:center;margin:4px 0 2px}.mobile-casual-pagination .ant-pagination-simple-pager{color:#7e0505;font-weight:600}.mobile-casual-pagination .ant-pagination-item{border-radius:999px;border-color:#d1d5db}.mobile-casual-pagination .ant-pagination-item-active{background:#7e0505;border-color:#7e0505}.mobile-casual-pagination .ant-pagination-item-active a{color:#fff}.mobile-casual-summary-card{padding:12px}.mobile-casual-export-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mobile-export-btn{border-radius:999px;font-weight:600}.mobile-export-btn.pdf{color:#fff;background:#a01515;border-color:#a01515}.mobile-export-btn.excel{color:#fff;background:#7e0505;border-color:#7e0505}.mobile-export-btn.print{color:#7e0505;background:#fff;border-color:#d1d5db}.mobile-casual-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-casual-summary-item{border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:#6b7280}.mobile-casual-summary-item strong{font-size:12px;color:#111827;overflow-wrap:anywhere}.mobile-casual-summary-item.neutral{background:#f9fafb}.mobile-casual-summary-item.gold{background:#fffbeb}.mobile-casual-summary-item.blue{background:#fdf0f0}.mobile-casual-summary-item.purple{background:#faf5ff}.mobile-casual-summary-item.green{background:#fdf0f0}.mobile-casual-summary-item.orange{background:#fff7ed}.mobile-casual-empty{text-align:center;padding:16px 8px;color:#6b7280;font-size:13px}.mobile-casual-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:10px}.mobile-casual-loading-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#7e0505;border-radius:50%;animation:spin .8s linear infinite}.mobile-casual-loading-text{color:#7e0505;font-size:13px}@media (max-width: 768px){.transaction-details-modal .ant-table-wrapper{overflow-x:auto}.transaction-details-modal .ant-table{min-width:1200px}.filter-info{padding:12px}.filter-info p{font-size:12px;line-height:1.6}.transaction-summary-footer .summary-values{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}.transaction-summary-footer .summary-item{width:100%;min-width:0;padding:10px}.transaction-summary-footer .summary-total{flex-basis:100%!important;width:100%!important;margin-left:0!important;margin-top:8px}.transaction-summary-footer{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin-left:0!important}.transaction-summary-footer .summary-item,.transaction-summary-footer .summary-total{flex-direction:column!important;align-items:flex-start!important}.transaction-summary-footer .summary-item-value,.transaction-summary-footer .summary-total-value{font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.transaction-details-modal .ant-modal-footer{display:flex;flex-wrap:wrap;gap:8px}.transaction-details-modal .ant-modal-footer .ant-btn{flex:1 1 calc(50% - 4px)}}.mobile-filter-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:100000;display:flex;align-items:flex-end;animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.mobile-filter-modal{background:#fff;width:100%;max-height:85vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-filter-modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8faff;flex-shrink:0}.mobile-filter-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937}.mobile-filter-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#6b7280;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.mobile-filter-modal-close:hover,.mobile-filter-modal-close:active{background:#e5e7eb;color:#1f2937}.mobile-filter-modal-search{padding:12px 20px;border-bottom:1px solid #e2e8f0;background:#f8faff;flex-shrink:0;position:relative}.mobile-filter-search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.mobile-filter-search-input:focus{border-color:#7e0505;box-shadow:0 0 0 3px #86ae3d1a}.mobile-filter-search-clear{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:#e5e7eb;color:#6b7280;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .2s}.mobile-filter-search-clear:active{background:#d1d5db}.mobile-filter-modal-options{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.mobile-filter-modal-options::-webkit-scrollbar{width:4px}.mobile-filter-modal-options::-webkit-scrollbar-track{background:transparent}.mobile-filter-modal-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mobile-filter-modal-option{padding:16px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s;border-bottom:1px solid #f3f4f6;min-height:56px}.mobile-filter-modal-option:last-child{border-bottom:none}.mobile-filter-modal-option:active{background:#fef5f5}.mobile-filter-modal-option.selected{background:#fef5f5;border-left:3px solid #7e0505}.mobile-filter-modal-option.disabled{opacity:.5;cursor:not-allowed}.mobile-filter-modal-option.disabled:active{background:transparent}.mobile-filter-option-label{flex:1;font-size:1rem;color:#374151;font-weight:400}.mobile-filter-modal-option.selected .mobile-filter-option-label{font-weight:600;color:#7e0505}.mobile-filter-option-icon{font-size:1rem;color:#6b7280;margin-right:8px;flex-shrink:0}.mobile-filter-modal-option.selected .mobile-filter-option-icon{color:#7e0505}.mobile-filter-option-check{color:#7e0505;font-size:1.2rem;font-weight:700;margin-left:12px}.mobile-filter-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;text-align:center}.mobile-filter-modal-empty span{font-size:3rem;margin-bottom:12px}.mobile-filter-modal-empty p{margin:0;font-size:1rem}@media (min-width: 768px){.mobile-filter-modal-backdrop{align-items:center;justify-content:center}.mobile-filter-modal{max-width:500px;max-height:70vh;border-radius:16px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}@supports (padding-top: env(safe-area-inset-top)){.mobile-filter-modal{padding-bottom:env(safe-area-inset-bottom)}}.custom-select-dropdown{position:relative;width:100%}.custom-select-dropdown.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.custom-select-trigger{padding:.75rem 1.25rem;border-radius:12px;border:2px solid transparent;font-size:.95rem;font-weight:500;background:linear-gradient(145deg,#fff,#f8fafb);height:48px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;position:relative;overflow:hidden}.custom-select-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#86ae3d0d,#7e050505);opacity:0;transition:opacity .3s ease;pointer-events:none}.custom-select-dropdown.disabled .custom-select-trigger{cursor:not-allowed;background:#f1f5f9;box-shadow:none}.custom-select-trigger:hover:not(.disabled):before{opacity:1}.custom-select-trigger:hover:not(.disabled){border-color:#86ae3d4d;box-shadow:0 4px 12px #86ae3d1f,0 2px 6px #00000014;transform:translateY(-1px)}.custom-select-dropdown.open .custom-select-trigger{border-color:#7e0505;background:#fff;box-shadow:0 0 0 4px #86ae3d1a,0 8px 20px #86ae3d26;transform:translateY(-1px)}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937;font-weight:500}.custom-select-arrow{margin-left:12px;font-size:.75rem;color:#7e0505;transition:transform .3s cubic-bezier(.4,0,.2,1);font-weight:700}.custom-select-dropdown.open .custom-select-arrow{transform:rotate(180deg);color:#7e0505}.custom-select-dropdown-menu{background:#fff;border:1px solid rgba(134,174,61,.2);border-radius:14px;box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,0 0 0 1px #86ae3d1a;overflow:hidden;animation:dropdownSlideDown .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-select-dropdown-portal{z-index:99999!important}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-search{padding:12px;border-bottom:1px solid rgba(134,174,61,.15);background:linear-gradient(to bottom,#f8fafb,#fff);flex-shrink:0;box-sizing:border-box}.custom-select-search input{width:100%;padding:10px 14px;border:2px solid rgba(134,174,61,.2);border-radius:10px;font-size:.9rem;outline:none;transition:all .3s ease;box-sizing:border-box;background:#fff;color:#1f2937}.custom-select-search input:focus{border-color:#7e0505;box-shadow:0 0 0 3px #86ae3d1a;background:#fff}.custom-select-search input::placeholder{color:#9ca3af;font-weight:400}.custom-select-options{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:6px}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:transparent;margin:6px 0}.custom-select-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7e0505,#7e0505);border-radius:10px;transition:background .3s ease}.custom-select-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7e0505,#7e0505)}.custom-select-option{padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#374151;font-size:.95rem;display:flex;align-items:center;gap:10px;border-radius:10px;margin-bottom:2px;position:relative;font-weight:500}.custom-select-option:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#7e0505,#7e0505);border-radius:0 3px 3px 0;transition:height .3s cubic-bezier(.4,0,.2,1)}.custom-select-option:hover:not(.disabled){background:linear-gradient(135deg,#86ae3d14,#7e05050d);color:#7e0505;transform:translate(4px);padding-left:20px}.custom-select-option:hover:not(.disabled):before{height:70%}.custom-select-option.selected{background:linear-gradient(135deg,#86ae3d26,#7e05051a);color:#7e0505;font-weight:600;box-shadow:0 2px 8px #86ae3d26}.custom-select-option.selected:before{height:100%}.custom-select-option.disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb;opacity:.6}.item-icon{font-size:1.1rem;flex-shrink:0;transition:transform .3s ease;filter:grayscale(.3)}.custom-select-option:hover:not(.disabled) .item-icon{transform:scale(1.15);filter:grayscale(0)}.custom-select-option.selected .item-icon{transform:scale(1.1);filter:grayscale(0)}@media (max-width: 768px){.custom-select-dropdown{display:block!important;width:100%!important;min-height:42px;position:relative;visibility:visible!important;opacity:1!important;overflow:visible}.custom-select-trigger{padding:.5rem 1rem;font-size:.9rem;display:flex!important;visibility:visible!important;opacity:1!important;min-height:42px;height:42px;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.custom-select-option{padding:12px 16px;font-size:.9rem}}html,body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.report-layout{display:flex;min-height:100vh;width:100%;max-width:100vw;background:#f8faff;overflow-x:hidden;box-sizing:border-box}.report-main{flex:1;margin-left:60px;padding:1rem 2rem 2rem;width:calc(100vw - 60px);min-width:0;box-sizing:border-box;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease}.report-main.sidebar-open{margin-left:240px;width:calc(100vw - 240px)}.report-main.sidebar-closed{margin-left:60px;width:calc(100vw - 60px)}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;position:relative;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 10px #0000000d}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3a0101,#7e0505 40%,#590202);border-radius:12px 12px 0 0;opacity:.7}.header h2{margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.header .subtitle{font-size:.9rem;color:#6b7280;margin:0}.header-hamburger-btn{display:none;background:linear-gradient(135deg,#8b0a0a,#590202);border:none;border-radius:8px;width:45px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #7e05054d;position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);z-index:10}.header-hamburger-btn:hover{background:linear-gradient(135deg,#831212,#590202);transform:translateY(-50%) scale(1.05)}.header-hamburger-btn.active{background:linear-gradient(135deg,#590202,#3a0101)}.header-hamburger-btn span{width:20px;height:2px;background:#fff;margin:2px 0;transition:all .3s ease;transform-origin:center;border-radius:1px}.header-hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.header-hamburger-btn.active span:nth-child(2){opacity:0}.header-hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-6px)}.filter-box{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;display:flex;flex-direction:row;gap:3rem;align-items:flex-end;justify-content:flex-start;box-shadow:0 2px 10px #0000000f;width:100%;box-sizing:border-box;margin-bottom:1.5rem;flex-wrap:wrap;position:relative;overflow:hidden;border:1px solid #e5e7eb}.filter-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3a0101,#7e0505 40%,#590202);border-radius:12px 12px 0 0;opacity:.7}.filter-group{display:flex;flex-direction:column;min-width:150px;flex:1}.filter-group.nopol-group{flex:0 0 220px;min-width:200px;max-width:250px}.filter-group label{font-size:.9rem;font-weight:600;color:#4b5563;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.filter-icon{font-size:1.1rem;opacity:.8}.filter-box select,.filter-box input[type=date],.filter-box .btn-generate{padding:.6rem 1.2rem;border-radius:8px;border:1px solid #e2e8f0;font-size:.95rem;background:#f8faff;height:42px;box-sizing:border-box}.filter-box select{appearance:menulist;background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px;cursor:pointer}.filter-box .btn-generate{background:linear-gradient(135deg,#7e0505,#7e0505);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s;min-width:150px;height:42px;border-radius:8px;box-shadow:0 2px 5px #7e05054d;position:relative;overflow:hidden}.filter-box .btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#7e0505,#7e0505);transform:translateY(-1px);box-shadow:0 4px 8px #7e050566}.filter-box .btn-generate:disabled{background:#7e0505;cursor:not-allowed;box-shadow:none}.filter-box .btn-generate:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #7e050566}.report-container{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.report-content{width:100%;box-sizing:border-box}.report-header{display:flex;flex-direction:column;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem;text-align:center}.report-header h3{font-size:1.25rem;margin:0 0 .5rem;color:#1f2937;text-align:center}.report-date{font-size:.9rem;color:#6b7280;margin:0;text-align:center}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.report-table th,.report-table td{padding:.75rem 1rem;border:1px solid #e5e7eb}.report-table th{background-color:#f3f4f6;color:#374151;font-weight:600;position:relative}.report-table tbody tr:nth-child(2n){background-color:#f9fafb}.report-table tbody tr:hover{background-color:#fef5f5}.loading-cell,.empty-cell,.error-cell{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.error-cell{color:#a01515;background-color:#fdf0f0}.report-table th[rowspan]{vertical-align:middle}.report-table th[colspan]{text-align:center;border-bottom:2px solid #d1d5db}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#6b7280}.no-data-message svg{color:#9a1010;margin-bottom:1rem}.no-data-message p{margin:.25rem 0;font-size:1rem;font-weight:500}.no-data-message .no-data-subtitle{font-size:.875rem;color:#9ca3af;font-weight:400}.no-data-message .retry-button{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b0a0a,#590202);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.no-data-message .retry-button:hover:not(:disabled){background:linear-gradient(135deg,#831212,#590202);transform:translateY(-1px);box-shadow:0 4px 8px #7e050566}.no-data-message .retry-button:disabled{background-color:#f2d4d4;cursor:not-allowed}.start-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;color:#6b7280;background-color:#f9fafb;border-radius:8px}.start-message p{font-size:1rem;margin:0;text-align:center;line-height:1.5}.summary-row{background-color:#fdf0f0!important;font-weight:600}.grand-total{font-weight:700;color:#7e0505}.date-columns{font-size:.85rem}.date-columns th.date-column{padding:.5rem .25rem;min-width:40px;text-align:center;white-space:nowrap;vertical-align:middle}.date-columns .day-name{font-size:.7rem;color:#6b7280;font-weight:400}.date-columns td.date-value,.date-columns td.date-total{text-align:right;padding:.5rem .25rem;white-space:nowrap}.date-columns tbody tr:hover td.date-value{background-color:#3b82f61a}@media (max-width: 1200px){.date-columns{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.report-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.pagination-info{font-size:.9rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid #e5e7eb;background-color:#fff;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.pagination-btn.active{background:linear-gradient(135deg,#8b0a0a,#590202);color:#fff;border-color:#8b0a0a}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-size label{font-size:.875rem;color:#6b7280}.pagination-size select{padding:.25rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb;background-color:#fff;font-size:.875rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.action-btn.pdf{background-color:#a01515;color:#fff}.action-btn.pdf:hover{background-color:#a01515}.action-btn.excel{background:linear-gradient(135deg,#8b0a0a,#590202);color:#fff}.action-btn.excel:hover{background:linear-gradient(135deg,#831212,#590202)}.action-btn.print{background-color:#7e0505;color:#fff}.action-btn.print:hover{background-color:#700505}.error-message{background-color:#fdf0f0;color:#a01515;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.input-error{border-color:#a01515!important;background-color:#fdf0f0!important}.error-text{font-size:.8rem;color:#a01515;margin-top:.25rem}@media print{.sidebar,.header,.filter-box,.report-actions{display:none!important}.report-main{margin:0;padding:0;width:100%}.report-container{box-shadow:none;padding:0}body{background:#fff}.report-table th,.report-table td{background-color:#fff!important}}.simulator-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;color:#374151;font-size:1.25rem}.section-header svg{color:#8b0a0a}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.time-group h4{margin:0 0 1rem;color:#6b7280;font-size:1rem}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tarif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.checkbox-group{display:flex;align-items:center;padding:.6rem 1.2rem;border-radius:8px;border:1px solid #e2e8f0;background:#f8faff}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#4b5563;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#8b0a0a}.calculate-button-container{display:flex;justify-content:center}.btn-calculate{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(135deg,#8b0a0a,#590202);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-calculate:hover:not(:disabled){background:linear-gradient(135deg,#831212,#590202);transform:translateY(-1px);box-shadow:0 4px 8px #7e050566}.btn-calculate:disabled{background:#f2d4d4;cursor:not-allowed;box-shadow:none}.hasil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.hasil-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.hasil-item.total{background:#fdf0f0;border-color:#fdf0f0}.hasil-label{font-weight:600;color:#374151}.hasil-value{font-weight:700;color:#1f2937;font-size:1.1rem}.hasil-item.total .hasil-value{color:#8b0a0a;font-size:1.2rem}.detail-structured{background:#f9fafb;border-radius:8px;padding:1.5rem}.detail-duration{font-size:1.1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.detail-breakdown{margin-bottom:1.5rem}.detail-breakdown h4{margin:0 0 1rem;color:#374151;font-size:1.1rem}.detail-section{margin-bottom:1.5rem}.detail-section h5{margin:0 0 .75rem;color:#6b7280;font-size:1rem;font-weight:600}.detail-line{padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151}.detail-line:last-child{border-bottom:none}.detail-line.total-sementara{background:#fef5f5;padding:.75rem;border-radius:4px;margin-top:.5rem;font-weight:600;color:#7e0505}.detail-total-final{background:#fdf0f0;padding:1rem;border-radius:6px;text-align:center;font-size:1.1rem;font-weight:700;color:#9a1010;margin-top:1rem}.detail-summary{background:#fef5f5;padding:1rem;border-radius:6px;border:2px solid #8b0a0a}.summary-item{text-align:center;font-size:1.2rem;font-weight:700;color:#8b0a0a}@media (max-width: 1100px){.filter-box{flex-wrap:wrap}.filter-group{min-width:150px}.filter-group.nopol-group{flex:1;min-width:200px;max-width:none}.filter-box .btn-generate{margin-top:1.5rem;width:100%}.time-inputs{grid-template-columns:1fr;gap:1.5rem}.time-fields,.tarif-grid,.hasil-grid{grid-template-columns:1fr}}@media (min-width: 769px){.header-hamburger-btn{display:none}}@media (max-width: 768px){.report-main{margin-left:0;width:100%;padding:1rem}.report-main.sidebar-open,.report-main.sidebar-closed{margin-left:0;width:100%}.header-hamburger-btn{display:flex!important}.header{padding-left:5rem;flex-direction:column;align-items:flex-start;gap:1rem}.header h2{font-size:1.2rem}.filter-group{width:100%}.filter-group.nopol-group{width:100%;flex:none}.report-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.filter-box{flex-direction:column;align-items:stretch}.simulator-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.time-inputs,.tarif-grid,.hasil-grid{grid-template-columns:1fr}.detail-item,.detail-total{flex-direction:column;align-items:flex-start;gap:.25rem}}.card{border-radius:16px;padding:2rem 1.5rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #00000026}.card.casual,.card.transaksi{background:linear-gradient(135deg,#7e0505,#700505)}.card.kendaraan{background:linear-gradient(135deg,#7e0505,#7a0404)}.card.member{background:linear-gradient(135deg,#7e0505,#700505)}.card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0003}.card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-shadow:0 1px 2px rgba(255,255,255,.3)}.card-value{font-size:1.8rem;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.3)}.card-header{display:flex;align-items:flex-start;width:100%;margin-bottom:1.5rem}.card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;max-width:calc(100% - 240px);text-align:left}.card-icon{position:absolute;top:40px;right:20px;width:220px!important;height:auto;object-fit:contain;opacity:.9;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s ease}.card.casual .card-icon{top:60px}.card.card.transaksi .card-icon{top:40px}.card.kendaraan .card-icon{top:20px}.card.member .card-icon{top:75px}.card-icon:hover{transform:scale(1.02)}@media (max-width: 1200px){.card-icon{width:180px!important;top:30px;right:15px}.card.casual .card-icon{top:50px}.card.transaksi .card-icon{top:35px}.card.kendaraan .card-icon{top:15px}.card.member .card-icon{top:55px}.card-content{max-width:calc(100% - 200px)}}@media (max-width: 992px){.card-icon{width:140px!important;top:25px;right:12px}.card.casual .card-icon{top:40px}.card.transaksi .card-icon{top:28px}.card.kendaraan .card-icon{top:12px}.card.member .card-icon{top:42px}.card-content{max-width:calc(100% - 160px)}}@media (max-width: 768px){.card-icon{width:100px!important;top:20px;right:10px;opacity:.7}.card.casual .card-icon{top:28px}.card.transaksi .card-icon{top:22px}.card.kendaraan .card-icon{top:10px}.card.member .card-icon{top:30px}.card-content{max-width:calc(100% - 120px)}.card h3{font-size:.95rem}.card-value{font-size:1.4rem}}@media (max-width: 480px){.card-icon{width:80px!important;top:15px;right:8px;opacity:.6}.card.casual .card-icon{top:20px}.card.transaksi .card-icon{top:18px}.card.kendaraan .card-icon{top:8px}.card.member .card-icon{top:22px}.card-content{max-width:calc(100% - 100px)}.card h3{font-size:.85rem}.card-value{font-size:1.2rem}.card{padding:1.25rem 1rem;min-height:120px}}.btn-detail{padding:.5rem 1.2rem;border-radius:8px;border:2px solid #700505;background:#700505;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #355c3d4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-detail:hover{background:#700505;border-color:#700505;transform:translateY(-2px);box-shadow:0 6px 16px #355c3d66}.chart-skeleton{width:100%;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0 .5rem .25rem;position:relative;overflow:hidden}.chart-skeleton:after{content:"";position:absolute;inset:0 0 0 -60%;width:60%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:skeletonShine 1.8s ease-in-out infinite}@keyframes skeletonShine{0%{left:-60%}to{left:110%}}.chart-skeleton-bars{display:flex;align-items:flex-end;gap:6px;width:100%;height:220px;padding:0 .5rem}.chart-skeleton-bar{flex:1;background:linear-gradient(180deg,#f2d4d4,#e0b8b8);border-radius:4px 4px 0 0;animation:barPulse 1.6s ease-in-out infinite alternate}.chart-skeleton-bar:nth-child(2n){animation-delay:.2s}.chart-skeleton-bar:nth-child(3n){animation-delay:.4s}.chart-skeleton-bar:nth-child(4n){animation-delay:.1s}.chart-skeleton-bar:nth-child(5n){animation-delay:.3s}@keyframes barPulse{0%{opacity:.5}to{opacity:1}}.chart-skeleton-label{text-align:center;color:#94a3b8;font-size:.85rem;margin:.75rem 0 0;font-weight:500}.chart-tooltip{background:#0f172aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;min-width:180px}.chart-tooltip-label{font-size:.78rem;font-weight:600;color:#94a3b8;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.chart-tooltip-row{display:flex;align-items:center;gap:7px;margin:5px 0}.chart-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-name{font-size:.8rem;color:#cbd5e1;font-weight:500;flex:1}.chart-tooltip-value{font-size:.82rem;font-weight:700;color:#f1f5f9;white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:10px}.chart-legend-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.9);padding:4px 10px;border-radius:999px;white-space:nowrap}.chart-legend-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-box{position:relative}.recharts-wrapper,.recharts-surface{will-change:transform}.recharts-tooltip-wrapper{transition:none!important}.recharts-line{will-change:stroke-dashoffset}.dashboard-layout{display:flex;min-height:100vh;width:100vw;background:#f8fafb;overflow-x:hidden;box-sizing:border-box}.dashboard-main{flex:1;margin-left:0;padding:1rem 2rem 2rem;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;transition:margin-left .3s ease;overflow-x:hidden}.dashboard-main.sidebar-open{margin-left:240px;width:calc(100vw - 240px)}.dashboard-main.sidebar-closed{margin-left:60px;width:calc(100vw - 60px)}.welcome-section h2{margin:0 0 .5rem;font-size:1.5rem}.welcome-section .subtitle{margin:0;font-size:.9rem;color:#6b7280}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;margin-bottom:1.5rem}.card button{padding:.4rem 1rem;border-radius:8px;border:none;background:linear-gradient(135deg,#7e0505,#3a0101);color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3a010166}.card button:hover{background:linear-gradient(135deg,#850606,#3a0101);transform:translateY(-1px);box-shadow:0 4px 12px #3a010180}.card button:active{background:linear-gradient(135deg,#590202,#3a0101);transform:translateY(1px)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:1.5rem 1rem;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #0000001f}.chart-box{background:linear-gradient(160deg,#fff,#f8faff);padding:1.75rem;border-radius:16px;box-shadow:0 4px 24px #6366f114,0 1px 4px #0000000d;border:1px solid rgba(226,232,240,.8);width:100%;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:hidden;position:relative}.chart-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7e0505,#901010,#8b0a0a);border-radius:16px 16px 0 0}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.chart-title-group{display:flex;align-items:center;gap:.5rem}.chart-icon{width:20px;height:20px;color:#7e0505;flex-shrink:0}.chart-box h2{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.01em}.chart-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#7e0505;background:#7e05051a;border:1px solid rgba(126,5,5,.25);padding:3px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.chart-live-dot{width:6px;height:6px;background:#901010;border-radius:50%;animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.chart-stats-bar{display:flex;align-items:center;gap:0;background:#f8faffcc;border:1px solid rgba(226,232,240,.9);border-radius:12px;padding:.9rem 1.25rem;margin-bottom:1.25rem}.chart-stat-item{flex:1;display:flex;flex-direction:column;gap:3px}.chart-stat-divider{width:1px;height:32px;background:#e2e8f0e6;margin:0 1rem;flex-shrink:0}.chart-stat-label{font-size:.7rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.chart-stat-value{font-size:.95rem;font-weight:700;line-height:1.2}.chart-stat-primary{color:#7e0505}.chart-stat-success{color:#901010}.chart-stat-info{color:#8b0a0a}.chart-stat-day{font-size:.72rem;font-weight:500;color:#94a3b8;margin-left:3px}.data-box{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:hidden}.data-box h2{font-size:1.2rem;margin-bottom:1rem;color:#374151}.data-box .loading-indicator{display:flex;justify-content:center;align-items:center;height:100px;color:#6b7280;font-size:.95rem}.empty-data{display:flex;justify-content:center;align-items:center;height:80px;color:#9ca3af;font-style:italic}@media (min-width: 769px){.dashboard-main.sidebar-open{margin-left:240px;width:calc(100vw - 240px)}.dashboard-main.sidebar-closed{margin-left:60px;width:calc(100vw - 60px)}}@media (max-width: 768px){.dashboard-main{margin-left:0;width:100vw;padding:1rem;gap:1.5rem;overflow-x:hidden}.dashboard-main.sidebar-open,.dashboard-main.sidebar-closed{margin-left:0;width:100vw}.cards-grid{grid-template-columns:repeat(2,1fr)}.chart-box,.data-box{padding:1rem;overflow-x:hidden}.chart-stats-bar{flex-direction:column;gap:.75rem;padding:.85rem 1rem}.chart-stat-divider{width:100%;height:1px;margin:0}.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cards-grid{grid-template-columns:1fr}}.data-list.admin-logs-list{border-radius:12px;background:linear-gradient(135deg,#fff,#f8fafb,#fff);position:relative;overflow:hidden;transition:all .5s ease;max-height:450px;padding:0;list-style:none;box-shadow:0 4px 20px #7e05051a,inset 0 1px #fffc;border:1px solid rgba(126,5,5,.15)}.data-list.admin-logs-list:hover{background:linear-gradient(135deg,#f8fafb,#f5f5f5 50% 100%);overflow-y:auto;box-shadow:0 6px 25px #7e050526,inset 0 1px #fff}.data-list.admin-logs-list::-webkit-scrollbar{width:8px}.data-list.admin-logs-list::-webkit-scrollbar-track{background:linear-gradient(to bottom,#7e05050d,#7e05051a);border-radius:4px;margin:4px 0}.data-list.admin-logs-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7e050599,#7e0505cc);border-radius:4px;border:1px solid rgba(126,5,5,.3)}.data-list.admin-logs-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7e0505cc,#7e0505)}.admin-logs-ticker-indicator{position:absolute;top:10px;right:15px;width:8px;height:8px;background:#8b0a0a;border-radius:50%;animation:ticker-pulse 2s infinite;opacity:.7}@keyframes ticker-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.adminlog-item{animation:slideInFromBottom .6s cubic-bezier(.25,.46,.45,.94);border-left:4px solid transparent;transition:all .4s cubic-bezier(.25,.46,.45,.94);margin-bottom:.5rem;padding:1rem 1.25rem;border-radius:10px;background:linear-gradient(135deg,#fffffff2,#f8faffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d,0 1px 3px #7e05051a;transform:translate(0);opacity:1;list-style:none;position:relative;overflow:hidden}.adminlog-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,transparent,#8b0a0a,transparent);opacity:0;transition:opacity .3s ease}.adminlog-item:hover:before{opacity:1}.adminlog-item:hover{background:linear-gradient(135deg,#f8fafb,#fff);border-left-color:#8b0a0a;transform:translate(6px) scale(1.01);box-shadow:0 6px 20px #7e050533,0 2px 8px #7e050526}.adminlog-item.new-item{animation:slideInFromBottom .8s cubic-bezier(.25,.46,.45,.94),pulse-live 2s ease-in-out .8s infinite;background:linear-gradient(135deg,#7e050533,#3953191a);border-left-color:#8b0a0a;box-shadow:0 6px 24px #7e05054d,0 0 30px #7e050526,inset 0 1px #ffffff80;transform:scale(1.02)}.adminlog-item.new-item:before{opacity:1;animation:glow-border 2s ease-in-out infinite}@keyframes glow-border{0%,to{box-shadow:0 0 5px #7e050580}50%{box-shadow:0 0 15px #7e0505cc}}.adminlog-item .action{color:#7e0505;font-size:.95rem;margin-bottom:.4rem;display:block;font-weight:700;transition:all .3s ease;text-shadow:0 1px 2px rgba(126,5,5,.1)}.adminlog-item:hover .action{color:#700505;transform:translate(2px)}.adminlog-item .detail{color:#374151;font-size:.875rem;line-height:1.5;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;transition:color .3s ease;padding-left:.5rem;border-left:2px solid rgba(126,5,5,.2)}.adminlog-item:hover .detail{color:#1f2937;border-left-color:#7e050533}.adminlog-item .location{color:#6b7280;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#7e050526,#7e05051a);padding:4px 10px;border-radius:6px;display:inline-block;transition:all .3s ease;border:1px solid rgba(126,5,5,.2);text-transform:uppercase;letter-spacing:.3px}.adminlog-item:hover .location{background:linear-gradient(135deg,#7e050526,#7e05051a);color:#4b5563;border-color:#7e050533;transform:translateY(-1px);box-shadow:0 2px 6px #7e050533}.adminlog-item .amount{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#7e0505;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#7e05051a,#2d4a330d);padding:.25rem .75rem;border-radius:6px;border:2px solid rgba(126,5,5,.3);box-shadow:0 2px 4px #7e050533;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2}.adminlog-item:hover .amount{background:linear-gradient(135deg,#7e050533,#2d4a331a);border-color:#7e0505;box-shadow:0 4px 8px #7e050566;transform:translateY(-50%) scale(1.05)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px) scale(.95)}50%{opacity:.7;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px) scale(.95)}50%{opacity:.8;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.dashboard-layout{display:flex;min-height:100vh;position:relative;background-color:#f8fafb}.dashboard-main{flex:1;padding:1rem;transition:all .3s ease}@media (min-width: 769px){.dashboard-main{margin-left:240px}}@media (min-width: 769px){.dashboard-main.sidebar-closed{margin-left:60px}}@media (max-width: 768px){.dashboard-layout{overflow-x:hidden}.dashboard-main{margin-left:0}}.notification-toast-container{position:fixed;top:20px;right:20px;z-index:9999;animation:slideDown .4s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification-toast{background:linear-gradient(135deg,#8b0a0a,#590202);color:#fff;border-radius:12px;padding:1rem 1.2rem;min-width:350px;max-width:400px;box-shadow:0 8px 24px #7e050566;display:flex;gap:1rem;align-items:flex-start;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.notification-toast:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7e050580}.toast-icon{background:#fff3;border-radius:50%;padding:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:bellRing 2s ease-in-out infinite}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.toast-content{flex:1;min-width:0}.toast-title{font-size:.95rem;font-weight:600;margin-bottom:.3rem;opacity:.95}.toast-message{font-size:.9rem;margin-bottom:.4rem;line-height:1.4}.toast-message strong{font-weight:700}.toast-meta{font-size:.8rem;opacity:.85;font-weight:500}.toast-close{background:#ffffff26;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;color:#fff}.toast-close:hover{background:#ffffff40;transform:scale(1.1)}@media (max-width: 768px){.notification-toast-container{top:10px;right:10px;left:10px}.notification-toast{min-width:auto;max-width:none}}.notification-toast-container.exiting{animation:slideUp .3s ease-in forwards}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}