body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}:root{--mobile-small:360px;--mobile-medium:480px;--mobile-large:600px;--tablet-small:768px;--tablet-medium:900px;--tablet-large:1024px;--desktop:1200px}body{font-size:1rem;line-height:1.6;overflow-x:hidden}img{height:auto;max-width:100%}table{border-collapse:collapse;width:100%}button,input,select,textarea{font-size:1rem;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.hidden-mobile,.hidden-tablet{display:block}.hidden-desktop,.visible-mobile,.visible-tablet{display:none}.visible-desktop{display:block}@media (max-width:360px){html{font-size:14px}.container{padding:0 .5rem}.hidden-mobile{display:none}.visible-mobile{display:block}}@media (max-width:480px){html{font-size:15px}.container{padding:0 .75rem}.hidden-mobile{display:none}.visible-mobile{display:block}}@media (max-width:600px){.container{padding:0 1rem}.hidden-mobile{display:none}.visible-mobile{display:block}}@media (max-width:768px){.hidden-tablet{display:none}.visible-tablet{display:block}.hidden-mobile{display:none}.visible-mobile{display:block}}@media (max-width:900px){.container{max-width:100%;padding:0 1rem}.hidden-tablet{display:none}.visible-tablet{display:block}}@media (max-width:1024px){.container{max-width:100%;padding:0 1.5rem}}@media (max-width:1200px){.container{max-width:100%;padding:0 2rem}}@media (max-height:500px) and (orientation:landscape){html{font-size:14px}.container{padding:0 .5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#fff;--text-secondary:#e0e0e0;--border-color:#555;--border-light:#666;--shadow-color:#0000004d}body{background-color:var(--bg-primary);color:var(--text-primary)}input,select,textarea{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}input:focus,select:focus,textarea:focus{background-color:var(--bg-secondary)!important;border-color:#1976d2!important;color:var(--text-primary)!important}button{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}button:hover,table{background-color:var(--bg-secondary)!important}table,th{color:var(--text-primary)!important}th{background-color:var(--bg-tertiary)!important;border-color:var(--border-color)!important}td{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}.dropdown-content,.modal,[role=dialog]{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.dropdown-content,.dropdown-header{border-color:var(--border-color)!important}.dropdown-header{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.filters-section,.form-section,.table-section{background-color:var(--bg-secondary)!important;box-shadow:0 4px 20px var(--shadow-color)!important;color:var(--text-primary)!important}label{color:var(--text-primary)!important}.error-message{background-color:#4a1a1a!important;border-color:#f44!important;color:#ff6b6b!important}.notification{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (hover:none) and (pointer:coarse){.clickable,button,input,select,textarea{min-height:44px}.clickable{min-width:44px}}:focus{outline:2px solid #1976d2;outline-offset:2px}.error{color:#d32f2f}.error,.success{font-size:.875rem;margin-top:.25rem}.success{color:#2e7d32}.warning{color:#ed6c02}.info,.warning{font-size:.875rem;margin-top:.25rem}.info{color:#0288d1}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@media (max-width:768px){.m-5{margin:1.5rem}.p-5{padding:1.5rem}}@media (max-width:480px){.m-4,.m-5{margin:1rem}.p-4,.p-5{padding:1rem}}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (max-width:768px){.flex{flex-direction:column}.flex-row-mobile{flex-direction:row}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}@media (max-width:768px){.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}@media (max-width:480px){.text-lg,.text-xl{font-size:1rem}.text-2xl{font-size:1.125rem}}@media (max-width:768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}}@media (min-width:769px){.visible-mobile{display:none!important}.hidden-mobile{display:block!important}}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#666;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}button:hover{background-color:#357abd}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;margin-bottom:1rem;padding:.75rem;text-align:center}@media (prefers-color-scheme:dark){.login-container{background-color:#1a1a1a}.login-box{background-color:#2d2d2d;box-shadow:0 0 20px #00000080;color:#fff}.login-box h2{color:#fff}.form-group label{color:#e0e0e0}.form-group input{background-color:#3d3d3d;border-color:#555;color:#fff}.form-group input:focus{background-color:#4d4d4d}.form-group input:focus,button{border-color:#1976d2;color:#fff}button{background-color:#1976d2}button:hover{background-color:#1565c0}button:disabled{background-color:#666;color:#999}.error-message{background-color:#4a1a1a;border:1px solid #f44;color:#ff6b6b}}.sidebar{background:linear-gradient(180deg,#2c3e50,#3498db);box-shadow:2px 0 12px #2c3e5014;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:1rem;position:fixed;top:0;transition:width .3s cubic-bezier(.4,2,.6,1),transform .3s cubic-bezier(.4,2,.6,1);width:250px;z-index:1200}.sidebar.collapsed{width:80px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.logo{font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;overflow:hidden;white-space:nowrap}.sidebar-actions{align-items:center;display:flex;gap:.5rem}.close-btn,.collapse-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:transform .3s ease}.close-btn:hover,.collapse-btn:hover{transform:scale(1.1)}.close-btn{display:none}.user-info{gap:.7rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;margin-right:1rem;text-transform:uppercase;width:44px}.user-details{display:flex;flex-direction:column}.user-name{font-size:1rem;font-weight:700}.user-role{font-size:.8rem;opacity:.8}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.8rem 1rem;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#ffffff1f}.nav-item.active{background:#ffffff38;font-weight:700}.nav-icon{font-size:1.3rem;margin-right:1rem;min-width:24px;text-align:center}.nav-label{overflow:hidden;white-space:nowrap}.logout-btn{align-items:center;background:#ffffffd9;border:none;border-radius:10px;box-shadow:0 2px 8px #2c3e5014;color:#2c3e50;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.7rem;justify-content:center;margin:1.5rem .5rem .5rem;padding:1rem 1.2rem;transition:background .2s,color .2s,box-shadow .2s}.logout-btn:hover{background:#f44;box-shadow:0 4px 16px #ff444426;color:#fff}.logout-btn-inline{align-self:flex-start;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.3rem;margin-left:auto;padding:.3rem .6rem;transition:background .2s,color .2s}.logout-btn-inline:hover{background:#f44;color:#fff}.sidebar-hamburger{align-items:center;background:#2c3e50e6;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;left:18px;position:fixed;top:18px;width:40px;z-index:1300}.sidebar-hamburger span{background:#fff;border-radius:2px;display:block;height:3px;width:22px}.sidebar-overlay{background:#2c3e5059;height:100vh;left:0;position:fixed;top:0;transition:opacity .3s;width:100vw;z-index:1100}@media (max-width:900px){.sidebar{width:210px}.sidebar.collapsed{width:60px}}@media (max-width:768px){.sidebar{box-shadow:2px 0 12px #2c3e502e;transform:translateX(-100%);width:210px}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:60px}.sidebar-header .collapse-btn{display:none}.close-btn{display:block;font-size:1.3rem;margin-left:.5rem}.sidebar-hamburger{display:flex}}@media (max-width:900px){.sidebar{width:200px}.sidebar.collapsed{width:70px}.nav-item{font-size:.95rem;padding:.7rem .8rem}.nav-icon{font-size:1.2rem;margin-right:.8rem}.logo{font-size:1.3rem}.user-avatar{font-size:1.1rem;height:40px;width:40px}.user-name{font-size:.95rem}.user-role{font-size:.75rem}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:250px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-hamburger{display:flex;height:45px;left:15px;top:15px;width:45px}.sidebar-hamburger span{height:3px;width:24px}.sidebar-overlay{opacity:1;pointer-events:auto}.nav-item{font-size:1rem;padding:.8rem 1rem}.nav-icon{font-size:1.3rem;margin-right:1rem}.logo{font-size:1.4rem}.user-avatar{font-size:1.2rem;height:44px;width:44px}.user-name{font-size:1rem}.user-role{font-size:.8rem}.logout-btn{font-size:1rem;margin:1.2rem .3rem .3rem;padding:.9rem 1rem}}@media (max-width:600px){.sidebar{width:220px}.sidebar-hamburger{height:42px;left:12px;top:12px;width:42px}.sidebar-hamburger span{height:2.5px;width:22px}.nav-item{font-size:.95rem;padding:.7rem .9rem}.nav-icon{font-size:1.2rem;margin-right:.9rem}.logo{font-size:1.3rem}.user-avatar{font-size:1.1rem;height:40px;width:40px}.user-name{font-size:.95rem}.user-role{font-size:.75rem}.logout-btn{font-size:.95rem;margin:1rem .2rem .2rem;padding:.8rem .9rem}}@media (max-width:480px){.sidebar{width:200px}.sidebar-hamburger{height:40px;left:10px;top:10px;width:40px}.sidebar-hamburger span{height:2px;width:20px}.nav-item{font-size:.9rem;padding:.6rem .8rem}.nav-icon{font-size:1.1rem;margin-right:.8rem}.logo{font-size:1.2rem}.user-avatar{font-size:1rem;height:36px;width:36px}.user-name{font-size:.9rem}.user-role{font-size:.7rem}.logout-btn{font-size:.9rem;margin:.8rem .15rem .15rem;padding:.7rem .8rem}.sidebar-header{margin-bottom:1.5rem}}@media (max-width:360px){.sidebar{width:180px}.sidebar-hamburger{height:38px;left:8px;top:8px;width:38px}.sidebar-hamburger span{height:2px;width:18px}.nav-item{font-size:.85rem;padding:.5rem .7rem}.nav-icon{font-size:1rem;margin-right:.7rem}.logo{font-size:1.1rem}.user-avatar{font-size:.9rem;height:32px;width:32px}.user-name{font-size:.85rem}.user-role{font-size:.65rem}.logout-btn{font-size:.85rem;margin:.7rem .1rem .1rem;padding:.6rem .7rem}.sidebar-header{margin-bottom:1.2rem}}@media (max-height:500px) and (orientation:landscape){.sidebar{padding:.8rem}.sidebar-header{margin-bottom:1.5rem}.nav-item{padding:.6rem .8rem}.user-avatar{font-size:1rem;height:36px;width:36px}.logout-btn{margin:1rem .2rem .2rem;padding:.7rem .9rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.sidebar-hamburger span{border-radius:1px}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);box-shadow:2px 0 12px #0000004d}.sidebar-hamburger{background:#000c}.logout-btn{background:#ffffff1a;color:#fff}.logout-btn:hover{background:#f44}}@media (prefers-reduced-motion:reduce){.logout-btn,.nav-item,.sidebar,.sidebar-hamburger{transition:none}}@media (hover:none) and (pointer:coarse){.logout-btn:hover,.nav-item:hover,.sidebar-hamburger:hover{transform:none}.logout-btn:active,.nav-item:active,.sidebar-hamburger:active{transform:scale(.98)}.logout-btn,.nav-item{min-height:44px}}.dashboard-layout{background-color:#f5f5f5;display:flex;min-height:100vh;overflow-x:hidden}.main-content{box-sizing:border-box;flex:1 1;margin-left:250px;max-width:100%;overflow-x:auto;padding:2rem;transition:margin-left .3s ease}.sidebar.collapsed+.main-content{margin-left:100px}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:#2c3e50;font-size:1.8rem;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1.1rem}.dashboard-container{display:flex;flex-direction:column;gap:2rem;min-width:0}.form-section{background:#fff;border-radius:18px;box-shadow:0 4px 24px #2c3e501a;margin-bottom:2rem;padding:2.5rem 2rem}.data-form{grid-gap:0;grid-row-gap:1.5rem;grid-column-gap:2.5rem;column-gap:2.5rem;display:grid;gap:0;grid-template-columns:1fr 1fr;row-gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.35rem;justify-content:flex-start;margin-bottom:0}.form-group label{align-items:center;color:#1a237e;display:flex;font-size:1.08rem;font-weight:700;gap:.5rem;margin-bottom:.2rem;min-height:1.5em}.form-group input,.form-group select{background:#f8fafc;border:1.5px solid #e3e6f0;border-radius:8px;box-shadow:none;box-sizing:border-box;display:block;font-size:1.08rem;height:48px;min-width:0;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 2px #1976d22a}.form-group select{cursor:pointer}.form-group input[type=date]{color:#333}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group textarea{background:#f8fafc;border:1.5px solid #e3e6f0;border-radius:8px;box-shadow:none;box-sizing:border-box;font-family:inherit;font-size:1.08rem;min-height:80px;min-width:0;outline:none;padding:.85rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-group textarea:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 2px #1976d22a}.submit-btn{align-self:end;background:linear-gradient(90deg,#1976d2 60%,#00d8ff);border:none;border-radius:8px;box-shadow:0 2px 8px #1976d21a;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;grid-column:2/3;justify-self:end;min-width:110px;padding:.6rem 1.6rem;transition:background .2s,box-shadow .2s;width:auto}.submit-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#00bcd4);box-shadow:0 4px 16px #1976d221}.form-group span[style*="#d32f2f"]{background:#ffebee;border-radius:6px;color:#d32f2f;display:inline-block;font-size:.98em;font-weight:500;margin-top:.2rem;padding:.3em .7em}.data-form>div{display:flex;flex-direction:column;gap:1.5rem;justify-content:flex-start}.table-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0001;margin-top:2rem;padding:2rem 1.5rem 1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.table-header>button{margin-left:auto;position:static;right:auto;z-index:1}.table-title{align-items:center;color:#1976d2;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem}.reset-filters-btn{background:#f5f7fa;border:1px solid #e3e6f0;border-radius:8px;color:#1976d2;font-weight:500;padding:.5rem 1.2rem;transition:background .2s;width:166px}.reset-filters-btn:hover{background:#e3e6f0}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-thumb,.dropdown-content::-webkit-scrollbar-track{border-radius:3px}.table-container{border-radius:10px;box-shadow:0 1px 4px #0001;margin-top:.5rem;overflow-x:auto;overflow-y:hidden;width:100%}.data-table{background:#fff;border-collapse:initial;border-spacing:0;min-width:900px;table-layout:fixed;width:100%}.data-table th{background:#f5f7fa;color:#222;font-size:1.05rem;font-weight:700;padding:.8rem .5rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.data-table td{border-bottom:1px solid #f0f0f0;font-size:1rem;padding:.65rem .5rem}.data-table td,.data-table th{word-break:break-word}.data-table tbody tr:nth-child(2n){background:#fafcff}.data-table tbody tr:hover{background:#f3f8ff}.no-result-row{background:#f5f7fa;color:#888;font-size:1.15rem;height:70px;text-align:center}.no-result-icon{font-size:1.5rem;margin-right:.5rem}.table-footer{color:#444;flex-direction:column;font-size:1rem;margin-top:1.2rem}.pagination,.table-footer{align-items:center;display:flex}.pagination{gap:.5rem;justify-content:center;margin-top:.5rem}.pagination button{background:#f5f7fa;border:1px solid #e3e6f0;border-radius:6px;color:#1976d2;cursor:pointer;font-size:1.1rem;padding:.3rem .7rem;transition:background .2s;width:40px}.pagination button:hover{background:#e3e6f0}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.sidebar.collapsed+.main-content{margin-left:0}.data-form{grid-template-columns:1fr}.filters{flex-direction:column}.search-input,.sort-select{width:100%}}@media (max-width:900px){.data-form{column-gap:0;grid-template-columns:1fr;row-gap:1.2rem}.data-form>div{gap:1.2rem}.submit-btn{align-self:end;grid-column:1/2;justify-self:end;margin-top:.5rem}}.edit-modal-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.edit-modal-buttons button{background:#5b9bd5;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block!important;flex:0 0 auto!important;font-size:.9rem;margin:0!important;max-width:200px;min-width:80px;padding:.3rem .8rem;transition:background .2s;width:auto!important}.edit-modal-buttons button:hover{background:#1976d2}.edit-modal-buttons .save-btn{background:#43a047!important}.edit-modal-buttons .save-btn:hover{background:#2e7d32!important}.data-main{padding:2rem;transition:margin-left .3s ease}.sidebar.collapsed+.data-main{margin-left:100px}.filters-section{background:linear-gradient(135deg,#f8fafc,#e3f2fd);border:1px solid #e3f2fd;border-radius:16px;box-shadow:0 4px 20px #1976d214;margin-bottom:2rem;padding:2rem}.filters-header{border-bottom:2px solid #e3f2fd;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.filters-header h4{align-items:center;color:#1976d2;display:flex;font-size:1.4rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 .5rem}.filters-header p{color:#666;font-size:1rem;font-style:italic;margin:0}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.filters-grid:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{align-items:center;color:#2c3e50;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.filter-group label:before{font-size:1.1rem}.dropdown-container{width:100%}.dropdown-header{align-items:center;background:#fff;border:2px solid #e3f2fd;border-radius:10px;box-shadow:0 2px 8px #1976d21a;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:.75rem 1rem;transition:all .3s ease}.dropdown-header:hover{background:#f8fafc;border-color:#1976d2;box-shadow:0 4px 16px #1976d226;transform:translateY(-1px)}.dropdown-header span:first-child{color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:500;text-align:left}.dropdown-arrow{color:#1976d2;font-size:.8rem;font-weight:700;transition:transform .3s ease}.dropdown-container.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-content{animation:dropdownSlideDown .3s ease;background:#fff;border:2px solid #e3f2fd;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 25px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.checkbox-label{align-items:center;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;margin:.2rem .5rem;padding:.6rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#1976d214;color:#1976d2;transform:translateX(2px)}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #c1c1c1;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin:0;position:relative;transition:all .3s ease;width:18px}.checkbox-label input[type=checkbox]:checked{background:#1976d2;border-color:#1976d2;transform:scale(1.1)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:2px;line-height:1;position:absolute;top:-1px}.checkbox-label input[type=checkbox]:hover{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}.checkbox-label input[type=checkbox]:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d240;outline:none}.checkbox-label span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-section-title{background:#1976d21a;border-radius:6px;color:#1976d2;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:.5rem .5rem 0;padding:.8rem 1rem .4rem;text-transform:uppercase}.date-input{background:#fff;border:2px solid #e3f2fd;border-radius:10px;box-shadow:0 2px 8px #1976d21a;font-size:1rem;height:48px;outline:none;padding:.75rem 1rem;transition:all .3s ease}.date-input:focus{background:#f8fafc;border-color:#1976d2;box-shadow:0 4px 16px #1976d226}.ca-range-container{align-items:center;background:#fff;border:2px solid #e3f2fd;border-radius:10px;box-shadow:0 2px 8px #1976d21a;display:flex;gap:1.5rem;justify-content:center;min-height:80px;padding:1rem;width:100%}.ca-input-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:120px}.ca-label{color:#1976d2;font-size:.9rem;font-weight:600;margin-bottom:.2rem;text-align:center}.ca-input{background:#f8fafc;border:1.5px solid #e3f2fd;border-radius:8px;font-size:.95rem;font-weight:500;height:40px;outline:none;padding:.6rem .75rem;text-align:center;transition:all .3s ease;width:100%}.ca-input:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.ca-separator{align-items:center;background:#f8fafc;border:1px solid #e3f2fd;border-radius:8px;color:#1976d2;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;min-width:30px;padding:0 1rem}.ref-input-section{border-bottom:1px solid #e3f2fd;margin-bottom:.5rem;padding:1rem}.ref-input{background:#f8fafc;border:1.5px solid #e3f2fd;border-radius:6px;font-size:.95rem;margin-bottom:.5rem;padding:.6rem .8rem;transition:all .3s ease;width:100%}.ref-input:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.add-ref-btn{align-items:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem;transition:all .3s ease;width:100%}.add-ref-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}.add-ref-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.ref-list{padding:0 1rem 1rem}.ref-list-title{border-bottom:1px solid #e3f2fd;color:#1976d2;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 0}.filter-actions{align-items:flex-end;display:flex}.reset-filters-btn{align-items:center;background:linear-gradient(135deg,#f44336,#ff5722);border:none;border-radius:10px;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.reset-filters-btn:hover{background:linear-gradient(135deg,#d32f2f,#e64a19);box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}@media (max-width:1200px){.filters-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.filters-section{padding:1.5rem}.filters-grid{gap:1rem;grid-template-columns:1fr}.ca-range-container{flex-direction:column;gap:1rem;min-height:auto;padding:1.5rem}.ca-input-group{align-items:center;flex-direction:row;gap:.8rem;max-width:none;width:100%}.ca-label{margin-bottom:0;min-width:50px}.ca-separator{display:none}.ca-input{flex:1 1;max-width:150px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.main-content{margin-left:200px;padding:1.5rem}.sidebar.collapsed+.main-content{margin-left:80px}.data-form{gap:1.5rem;grid-template-columns:1fr 1fr}.filters-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.table-container{overflow-x:auto}.data-table{min-width:800px}.table-header{align-items:stretch;flex-direction:column;gap:1rem}.table-title{justify-content:center}}@media (max-width:900px){.main-content{margin-left:0;padding:1rem}.sidebar.collapsed+.main-content{margin-left:0}.data-form{gap:1.2rem;grid-template-columns:1fr}.submit-btn{grid-column:1/2;justify-self:center;max-width:300px;width:100%}.filters-grid{gap:1rem;grid-template-columns:1fr}.filter-group{margin-bottom:.5rem}.filters-section,.form-section{margin-bottom:1.5rem;padding:1.5rem 1rem}.table-section{margin-top:1.5rem;padding:1.5rem 1rem 1rem}}@media (max-width:768px){.main-content{padding:.8rem}.dashboard-container{gap:1.5rem}.filters-section,.form-section{border-radius:12px;padding:1.2rem .8rem}.table-section{border-radius:12px;padding:1.2rem .8rem 1rem}.form-group label{font-size:1rem}.form-group input,.form-group select{font-size:1rem;height:44px;padding:.7rem .8rem}.dropdown-header{min-height:44px;padding:.6rem .8rem}.date-input{height:44px;padding:.6rem .8rem}.table-header{margin-bottom:1rem}.table-title{font-size:1.1rem}.data-table th{font-size:.95rem;padding:.7rem .3rem}.data-table td{font-size:.9rem;padding:.5rem .3rem}.pagination button{font-size:1rem;padding:.25rem .6rem;width:36px}.reset-filters-btn{font-size:.9rem;padding:.6rem 1.2rem}}@media (max-width:600px){.main-content{padding:.5rem}.filters-section,.form-section{padding:1rem .5rem}.table-section{padding:1rem .5rem .8rem}.form-group{gap:.3rem}.form-group label{font-size:.95rem}.form-group input,.form-group select{font-size:.95rem;height:40px;padding:.6rem .7rem}.dropdown-header{min-height:40px;padding:.5rem .7rem}.date-input{height:40px;padding:.5rem .7rem}.filters-grid{gap:.8rem}.filter-group label{font-size:.9rem}.table-container{border-radius:8px}.data-table th{font-size:.85rem;padding:.6rem .2rem}.data-table td{font-size:.8rem;padding:.4rem .2rem}.table-footer{font-size:.9rem}.pagination{gap:.3rem}.pagination button{font-size:.9rem;padding:.2rem .5rem;width:32px}.reset-filters-btn{font-size:.85rem;padding:.5rem 1rem}.submit-btn{font-size:.95rem;max-width:250px;padding:.5rem 1.2rem}}@media (max-width:480px){.main-content{padding:.3rem}.dashboard-container{gap:1rem}.filters-section,.form-section{border-radius:8px;padding:.8rem .4rem}.table-section{border-radius:8px;padding:.8rem .4rem .6rem}.form-group{gap:.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:.9rem;height:38px;padding:.5rem .6rem}.dropdown-header{min-height:38px;padding:.4rem .6rem}.date-input{height:38px;padding:.4rem .6rem}.filters-grid{gap:.6rem}.filter-group label{font-size:.85rem}.table-header{margin-bottom:.8rem}.table-title{font-size:1rem}.data-table th{font-size:.8rem;padding:.5rem .15rem}.data-table td{font-size:.75rem;padding:.3rem .15rem}.table-footer{font-size:.85rem;margin-top:1rem}.pagination{gap:.25rem}.pagination button{font-size:.85rem;padding:.15rem .4rem;width:28px}.reset-filters-btn{font-size:.8rem;padding:.4rem .8rem}.submit-btn{font-size:.9rem;max-width:200px;padding:.4rem 1rem}.checkbox-label{font-size:.85rem;padding:.4rem .6rem}.checkbox-label input[type=checkbox]{height:16px;width:16px}.dropdown-content{max-height:200px}}@media (max-width:360px){.main-content{padding:.2rem}.filters-section,.form-section{padding:.6rem .3rem}.table-section{padding:.6rem .3rem .5rem}.form-group label{font-size:.85rem}.form-group input,.form-group select{font-size:.85rem;height:36px;padding:.4rem .5rem}.dropdown-header{min-height:36px;padding:.3rem .5rem}.date-input{height:36px;padding:.3rem .5rem}.data-table th{font-size:.75rem;padding:.4rem .1rem}.data-table td{font-size:.7rem;padding:.25rem .1rem}.submit-btn{font-size:.85rem;max-width:180px;padding:.35rem .8rem}}@media (max-height:500px) and (orientation:landscape){.main-content{padding:.5rem}.filters-section,.form-section{padding:.8rem 1rem}.table-section{padding:.8rem 1rem .6rem}.form-group{gap:.2rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{height:36px;padding:.4rem .6rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.checkbox-label input[type=checkbox],.date-input,.dropdown-header,.form-group input,.form-group select{border-width:1px}}@media (prefers-color-scheme:dark){.dashboard-layout,.main-content{background-color:#1a1a1a}.dashboard-header h2{color:#fff}.dashboard-header p{color:#e0e0e0}.filters-section,.form-section,.table-section{background:#2d2d2d;box-shadow:0 4px 20px #0000004d;color:#fff}.form-group label{color:#fff}.form-group input,.form-group select,.form-group textarea{background:#3d3d3d;border-color:#555;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#4d4d4d;border-color:#1976d2;color:#fff}.submit-btn{background:linear-gradient(90deg,#1976d2 60%,#00d8ff);color:#fff}.submit-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#00bcd4)}.table-title{color:#1976d2}.reset-filters-btn{background:#f5f7fa;border-color:#e3e6f0;color:#1976d2}.reset-filters-btn:hover{background:#e3e6f0}.data-table{background:#2d2d2d;color:#fff}.data-table th{background:#3d3d3d;border-color:#555;color:#fff}.data-table td{border-bottom-color:#555;color:#fff}.no-result-row{background:#3d3d3d;color:#999}.pagination button{background:#3d3d3d;border-color:#555;color:#1976d2}.pagination button:hover{background:#4d4d4d}.pagination button:disabled{background:#2d2d2d;color:#666}.filters-section{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-color:#555}.filters-header h4{color:#1976d2}.filters-header p{color:#999}.filter-group label{color:#fff}.dropdown-header{background:#3d3d3d;border-color:#555;color:#fff}.dropdown-header:hover{background:#4d4d4d;border-color:#1976d2}.dropdown-content{background:#3d3d3d;border-color:#555;color:#fff}.checkbox-label{color:#fff}.checkbox-label:hover{background:#1976d21a;color:#1976d2}.checkbox-label input[type=checkbox]{background:#3d3d3d;border-color:#555}.checkbox-label input[type=checkbox]:checked{background:#1976d2;border-color:#1976d2}.checkbox-label input[type=checkbox]:hover{border-color:#1976d2}.filter-section-title{background:#1976d21a;color:#1976d2}.date-input{background:#3d3d3d;border-color:#555;color:#fff}.date-input:focus{background:#4d4d4d;border-color:#1976d2}.ca-range-container{background:#3d3d3d;border-color:#555}.ca-label{color:#1976d2}.ca-input{background:#4d4d4d;border-color:#555;color:#fff}.ca-input:focus{background:#5d5d5d;border-color:#1976d2}.ca-separator{color:#1976d2}.ca-separator,.ref-input{background:#4d4d4d;border-color:#555}.ref-input{color:#fff}.ref-input:focus{background:#5d5d5d;border-color:#1976d2}.add-ref-btn{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff}.add-ref-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#1976d2)}.ref-list-title{border-bottom-color:#555;color:#1976d2}.reset-filters-btn{background:linear-gradient(135deg,#f44336,#ff5722);color:#fff}.reset-filters-btn:hover{background:linear-gradient(135deg,#d32f2f,#e64a19)}.edit-modal-buttons button{background:#5b9bd5;color:#fff}.edit-modal-buttons button:hover{background:#1976d2}.edit-modal-buttons .save-btn{background:#43a047}.edit-modal-buttons .save-btn:hover{background:#2e7d32}}@media (prefers-reduced-motion:reduce){.checkbox-label input[type=checkbox],.dropdown-content,.reset-filters-btn,.submit-btn{animation:none;transition:none}}.data-table td:first-child,.data-table th:first-child{max-width:64px;min-width:48px;padding-left:6px;padding-right:6px;text-align:center;width:64px}.data-table td,.data-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:first-child,.data-table th:first-child{max-width:220px}.data-table td:nth-child(2),.data-table th:nth-child(2){max-width:140px;width:130px}.data-table td:nth-child(3),.data-table th:nth-child(3){max-width:220px}.data-table td:nth-child(4),.data-table th:nth-child(4){max-width:260px}.data-table td:nth-child(5),.data-table th:nth-child(5){max-width:160px;width:150px}.data-table td:last-child,.data-table th:last-child{max-width:180px;text-align:center;width:160px}@media (max-width:1200px){.data-form{gap:1.2rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.data-form{gap:1rem;grid-template-columns:repeat(2,1fr)}.form-section{padding:2rem 1.5rem}}@media (max-width:600px){.data-form{gap:1rem;grid-template-columns:1fr}.form-section{padding:1.5rem 1rem}.form-group label{font-size:1rem}.form-group input,.form-group select{font-size:1rem;height:44px;padding:.7rem .8rem}}@media (max-width:480px){.form-section{border-radius:12px;padding:1rem .8rem}.data-form{gap:.8rem}.form-group{gap:.3rem}.form-group label{font-size:.95rem}.form-group input,.form-group select{font-size:.95rem;height:40px;padding:.6rem .7rem}.submit-btn{font-size:.95rem;min-width:100px;padding:.5rem 1.2rem}}@media (max-width:360px){.form-section{border-radius:8px;padding:.8rem .5rem}.data-form{gap:.6rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:.9rem;height:38px;padding:.5rem .6rem}.submit-btn{font-size:.9rem;min-width:90px;padding:.4rem 1rem}}@media (max-width:1200px){.filters-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:900px){.filters-grid{gap:1rem;grid-template-columns:1fr}.filter-group{margin-bottom:.5rem}.filters-section{margin-bottom:1.5rem;padding:1.5rem 1rem}}@media (max-width:768px){.filters-section{border-radius:12px;padding:1.2rem .8rem}.filter-group label{font-size:1rem}.dropdown-header{min-height:44px;padding:.6rem .8rem}.date-input{height:44px;padding:.6rem .8rem}}@media (max-width:600px){.filters-section{padding:1rem .5rem}.filters-grid{gap:.8rem}.filter-group label{font-size:.9rem}.dropdown-header{min-height:40px;padding:.5rem .7rem}.date-input{height:40px;padding:.5rem .7rem}}@media (max-width:480px){.filters-section{border-radius:8px;padding:.8rem .4rem}.filters-grid{gap:.6rem}.filter-group label{font-size:.85rem}.dropdown-header{min-height:38px;padding:.4rem .6rem}.date-input{height:38px;padding:.4rem .6rem}}@media (max-width:360px){.filters-section{border-radius:6px;padding:.6rem .3rem}.filters-grid{gap:.5rem}.filter-group label{font-size:.8rem}.dropdown-header{min-height:36px;padding:.3rem .5rem}.date-input{height:36px;padding:.3rem .5rem}}@media (max-width:1200px){.table-container{overflow-x:auto}.data-table{min-width:1000px}.table-header{align-items:stretch;flex-direction:column;gap:1rem}}@media (max-width:900px){.table-container{border-radius:0;margin:0 -1rem}.data-table{font-size:.9rem;min-width:800px}.table-header{padding:1rem}.table-header h2{font-size:1.3rem}.export-btn{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:768px){.table-container{margin:0 -.5rem}.data-table{font-size:.85rem;min-width:700px}.table-header{flex-direction:column;gap:.8rem;padding:.8rem}.table-header h2{font-size:1.2rem}.export-btn{font-size:.85rem;padding:.4rem .8rem}.pagination{gap:.5rem}.pagination button{font-size:.8rem;height:35px;min-width:35px;padding:.4rem .6rem}}@media (max-width:600px){.table-container{border-radius:0;margin:0 -.3rem}.data-table{font-size:.8rem;min-width:600px}.table-header{padding:.6rem}.table-header h2{font-size:1.1rem}.export-btn{font-size:.8rem;padding:.3rem .6rem}.pagination{gap:.4rem}.pagination button{font-size:.75rem;height:32px;min-width:32px;padding:.3rem .5rem}}@media (max-width:480px){.table-container{margin:0 -.2rem}.data-table{font-size:.75rem;min-width:500px}.table-header{padding:.5rem}.table-header h2{font-size:1rem}.export-btn{font-size:.75rem;padding:.25rem .5rem}.pagination{gap:.3rem}.pagination button{font-size:.7rem;height:30px;min-width:30px;padding:.25rem .4rem}}@media (max-width:900px){.edit-modal{margin:2rem auto;max-width:700px;padding:1.5rem;width:95%}.edit-modal h3{font-size:1.3rem}}@media (max-width:600px){.edit-modal{margin:1rem auto;max-height:95vh;padding:1rem;width:98%}.edit-modal h3{font-size:1.2rem;margin-bottom:1rem}.edit-modal-buttons{flex-direction:column;gap:.8rem}.edit-modal-buttons button{padding:.8rem;width:15%}}@media (max-width:480px){.edit-modal{margin:.5rem auto;padding:.8rem}.edit-modal h3{font-size:1.1rem;margin-bottom:.8rem}.edit-modal-buttons{gap:.6rem}.edit-modal-buttons button{font-size:.9rem;padding:.7rem}}@media (max-width:360px){.edit-modal{margin:.3rem auto;padding:.6rem}.edit-modal h3{font-size:1rem;margin-bottom:.6rem}.edit-modal-buttons{gap:.5rem}.edit-modal-buttons button{font-size:.85rem;padding:.6rem}}@media (hover:none) and (pointer:coarse){.checkbox-label:hover,.dropdown-header:hover,.reset-filters-btn:hover,.submit-btn:hover{transform:none}.checkbox-label:active,.dropdown-header:active,.reset-filters-btn:active,.submit-btn:active{transform:scale(.98)}.date-input:focus,.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #1976d24d}}.filter-group input[type=number]{background:#f8fafc;border:1.5px solid #e3e6f0;border-radius:8px;box-shadow:none;box-sizing:border-box;display:block;font-size:1.08rem;height:48px;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.filter-group input[type=number]:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 2px #1976d22a}.filter-group input[type=number]::placeholder{color:#9ca3af;font-style:italic}@media (max-width:1200px){.filter-group input[type=number]{font-size:1rem;height:44px;padding:.7rem .8rem}}@media (max-width:900px){.filter-group input[type=number]{font-size:.95rem;height:42px;padding:.6rem .7rem}}@media (max-width:600px){.filter-group input[type=number]{font-size:.9rem;height:40px;padding:.5rem .6rem}}@media (max-width:480px){.filter-group input[type=number]{font-size:.85rem;height:38px;padding:.4rem .5rem}}@media (max-width:360px){.filter-group input[type=number]{font-size:.8rem;height:36px;padding:.3rem .4rem}}.recharts-wrapper{align-items:center!important;display:flex!important;justify-content:center!important}.recharts-surface{margin:0 auto!important}.data-layout{background:#f6f8fa;display:flex;min-height:100vh}.data-main{box-sizing:border-box;flex:1 1;margin-left:250px;min-width:0;padding:2.5rem 2vw 2rem;transition:margin-left .3s;width:100%}@media (max-width:900px){.data-main{margin-left:80px;padding:1.2rem 1vw}}@media (max-width:700px){.data-main{margin-left:0;padding:.5rem .5vw}}@media (max-width:480px){.data-main{margin-left:0;padding:.3rem}.data-title{font-size:1.5rem;margin-bottom:1rem}.data-filters{gap:.8rem;padding:.8rem}.data-filters,.data-filters>div{align-items:stretch;flex-direction:column}.data-filters>div{gap:.3rem}.data-filters label{font-size:.8rem;margin-bottom:.2rem}.data-filters button,.data-filters input,.data-filters select{font-size:.8rem;min-width:100%;padding:.4rem .5rem}.dropdown-container{min-width:100%}}.data-title{color:#1976d2;font-size:2.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.data-filters{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0001;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1rem;min-height:60px;overflow:visible;padding:1rem;position:relative;width:100%}.data-filters>div{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:.5rem;max-width:100%;min-width:0;position:relative;white-space:nowrap}.data-filters label{color:#1976d2;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;text-align:left;white-space:nowrap}.data-filters input,.data-filters select{background:#f8fafc;border:1.2px solid #e3e6f0;border-radius:7px;box-sizing:border-box;flex-shrink:0;font-size:.85rem;min-width:150px;padding:.5rem .6rem}.data-filters button{box-sizing:border-box;flex-shrink:0;min-width:160px;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-container{min-width:220px;position:relative;width:auto}.dropdown-container>div[style*="position: absolute"]{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 4px 12px #00000026!important;left:0!important;max-height:300px!important;min-width:200px!important;overflow-y:auto!important;position:absolute!important;top:100%!important;z-index:9999!important}@media (max-width:1400px){.data-filters{gap:.8rem}}@media (max-width:1200px){.data-filters{gap:.75rem}}@media (max-width:900px){.data-filters{gap:.6rem;padding:.8rem}}@media (max-width:600px){.data-filters{gap:.5rem}}@media (max-width:400px){.data-filters{gap:.5rem}}.data-kpis{flex-wrap:wrap;gap:1.5rem;margin-bottom:2.2rem}.data-kpi-card,.data-kpis{display:flex;justify-content:center}.data-kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0001;flex:1 1 180px;flex-direction:column;max-width:260px;min-width:180px;padding:1.5rem 2rem;text-align:center}.kpi-value{font-size:2.1rem;font-weight:700;margin-bottom:.3em}.kpi-blue{color:#1976d2}.kpi-green{color:#43a047}.kpi-green2{color:#388e3c}.kpi-cyan{color:#0288d1}.kpi-label{color:#555;font-size:1.08em;font-weight:500}.data-graphs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:2rem;width:100%}.graph-block{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0001;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;padding:1.5rem 1rem;width:100%}.graph-block h4{color:#1976d2;font-size:1.13em;font-weight:700;margin-bottom:1em;text-align:left}.simple-table{border-collapse:collapse;font-size:.95rem;width:100%}.simple-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#334155;font-weight:700;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.simple-table tbody td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.simple-table tbody tr:hover{background:#f8fafc}.simple-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.simple-table .rank{color:#64748b;width:44px}@media (max-width:900px){.data-graphs{gap:1.2rem;grid-template-columns:1fr}}@media (max-width:700px){.data-kpis{flex-direction:column;gap:.7rem}.data-kpi-card{max-width:100vw;min-width:0}.data-graphs{gap:.7rem;grid-template-columns:1fr}.graph-block{padding:1rem .3rem}}@media (max-width:480px){.data-graphs{gap:.5rem;grid-template-columns:1fr!important;margin-bottom:1rem}.graph-block{margin:.2rem;max-width:100%!important;padding:.8rem .5rem;width:100%!important}.graph-block h4{font-size:1rem;margin-bottom:.8rem}.simple-table{font-size:.8rem}.simple-table tbody td,.simple-table thead th{font-size:.8rem;padding:8px 6px}.recharts-wrapper{align-items:center!important;display:flex!important;height:300px!important;justify-content:center!important;width:100%!important}.recharts-pie{transform:scale(.9)}.recharts-pie-sector{stroke-width:2px}.recharts-surface{margin:0 auto!important}div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-gap:.5rem!important;display:grid!important;gap:.5rem!important;grid-template-columns:1fr!important}div[style*="display: 'grid'"]{grid-template-columns:1fr!important}}@media (prefers-color-scheme:dark){.data-layout{background:#1a1a1a}.data-main{background-color:#1a1a1a}.data-title{color:#1976d2}.data-filters{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.data-filters label{color:#1976d2}.data-filters input,.data-filters select{background:#3d3d3d;border-color:#555;color:#fff}.data-filters input:focus,.data-filters select:focus{background:#4d4d4d;border-color:#1976d2;color:#fff}.dropdown-container>div[style*="position: absolute"]{background:#3d3d3d!important;border-color:#555!important;color:#fff!important}.data-kpi-card{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.kpi-label{color:#e0e0e0}.graph-block{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}.graph-block h4{color:#1976d2}.simple-table thead th{background:#3d3d3d}.simple-table tbody td,.simple-table thead th{border-bottom-color:#555;color:#fff}.simple-table tbody tr:hover{background:#3d3d3d}.simple-table .rank{color:#999}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}h1{color:#61dafb;margin-bottom:30px}.data-container{margin:0 auto;max-width:800px;width:80%}.data-item{background-color:#3b4049;border-radius:8px;margin:10px 0;padding:15px;text-align:left}.data-item pre{word-wrap:break-word;color:#e0e0e0;margin:0;white-space:pre-wrap}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.df9ecfc6.css.map*/