html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.main-title{text-align:center;font-size:3rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5);margin-bottom:20px}.main-wrapper{position:relative;width:100vw;min-height:100vh;overflow-y:auto}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.video-background video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009}.content-container{position:relative;z-index:3;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;box-sizing:border-box}.form-container{width:100%;max-width:420px;padding:2rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;box-sizing:border-box}.form-container h1{text-align:center;margin-top:0;margin-bottom:1.5rem;color:#f0f0f0}.form-container form div{margin-bottom:1rem;text-align:left}.form-container label{display:block;margin-bottom:.5rem;font-weight:700;color:#a0a0a0}.form-container input[type=text],.form-container input[type=password],.form-container input[type=email]{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;color:#e0e0e0;box-sizing:border-box;font-size:1rem}.form-container button{width:100%;padding:.75rem;border:none;border-radius:8px;background-color:#6200ea;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.form-container button:hover{background-color:#7f39fb}.form-container p{color:#fff;text-align:center;margin-top:1rem;font-weight:700}.dashboard-container{width:100%;max-width:900px;padding:2.5rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;box-sizing:border-box;text-align:center}.dashboard-container h1{font-size:2.5rem;margin-top:0;margin-bottom:1rem;color:#fff}.welcome-message{font-size:1.2rem;color:#ccc;margin-bottom:2.5rem}.dashboard-apps h3{font-size:1rem;text-transform:uppercase;color:#a0a0a0;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:20px}.app-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.app-button{background:linear-gradient(145deg,#6200ea,#3700b3);border:none;border-radius:12px;color:#fff;padding:1.5rem;text-decoration:none;text-align:center;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 2px 5px #6200ea66;display:flex;align-items:center;justify-content:center}.app-button:hover{background:linear-gradient(145deg,#7f39fb,#6200ea);transform:translateY(-5px);box-shadow:0 8px 25px #0000004d,0 4px 10px #6200ea99}.admin-link-container{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.admin-link{color:#f39c12;text-decoration:none;font-weight:700;font-size:1rem}.logout-link{display:block;margin-top:2rem;color:#aaa;text-decoration:none;font-size:.9rem}.admin-table{width:100%;border-collapse:collapse;margin-top:20px}.admin-table th,.admin-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:middle}.admin-table th{font-size:.85rem;color:#a0a0a0;text-transform:uppercase}.action-link.edit{color:#f39c12;text-decoration:none;margin-right:15px}.action-button.delete{background:#c0392b;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer}.checkbox-group-horizontal-display{display:flex;gap:15px;align-items:center}.checkbox-display-item{display:flex;align-items:center}.checkbox-display-item input{margin-right:5px}.checkbox-display-item label{margin-bottom:0;font-weight:400;color:#ccc}.checkbox-group-horizontal{display:flex;gap:20px;padding:10px;background:#0003;border-radius:8px;flex-wrap:wrap}.checkbox-item-horizontal{display:flex;align-items:center}.checkbox-item-horizontal label{margin-left:8px;margin-bottom:0}.checkbox-group-vertical{display:flex;flex-direction:column;gap:10px;padding:10px;background:#0003;border-radius:8px}.checkbox-item-vertical{display:flex;align-items:center}.checkbox-item-vertical label{margin-left:8px;margin-bottom:0}.lock-account-section,.ip-whitelist-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.log-table-container{width:100%;max-height:400px;overflow-y:auto;margin-top:20px}.language-switcher{position:absolute;top:20px;right:20px;z-index:1000}.dropdown-toggle{background:#fff3;border:1px solid rgba(255,255,255,.7);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.dropdown-toggle:hover{background:#fff9;border-color:#ffffffe6}.flag-icon{font-size:24px}.dropdown-menu{display:none;position:absolute;right:0;top:60px;background:#1e1e1e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 20px #0006;padding:5px;min-width:150px}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{display:flex;align-items:center;background:none;border:none;color:#fff;padding:10px 15px;width:100%;text-align:left;cursor:pointer;border-radius:4px}.dropdown-item:hover{background-color:#fff3}.dropdown-item.active{font-weight:700}.back-to-dashboard-button{position:absolute;top:20px;left:20px;padding:10px 15px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e0e0e0;text-decoration:none;font-weight:700;transition:all .2s ease;z-index:10}.back-to-dashboard-button:hover{background:#fff3}.admin-page-wrapper{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.admin-section-container{width:90%!important;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;padding:2rem;box-sizing:border-box}.main-title{color:#fff;text-align:center}.admin-section-container h2{text-align:center;color:#f0f0f0;margin-top:0;margin-bottom:1rem}.admin-table{width:100%;min-width:800px;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid rgba(255,255,255,.1);padding:12px 15px;text-align:left;white-space:normal;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0}.admin-table th{background:#ffffff1a;color:#a0a0a0;font-size:.85rem;text-transform:uppercase}.admin-table tr:hover{background-color:#ffffff0d}.table-wrapper{overflow-x:auto;margin-top:1rem}.status-active{color:#8aff8a}.status-locked{color:#ff6e6e}.status-inactive{color:#999}.action-link,.action-button{padding:6px 10px;border-radius:4px;text-decoration:none;font-size:.8rem}.action-link{color:#f39c12}.action-button.delete{background:#c0392b;color:#fff;border:none}.back-link,.logout-link{display:block;text-align:center;margin-top:20px;color:#a0a0a0;text-decoration:none}.back-link:hover,.logout-link:hover{color:#fff;text-decoration:underline}.checkbox-group-horizontal-display{display:flex;flex-wrap:wrap;gap:8px}.checkbox-display-item{display:inline-flex;align-items:center;font-size:.8rem}.checkbox-display-item label{color:#ccc}.files-container{display:flex;flex-direction:column;gap:15px}.file-category{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.file-category ul{list-style:none;padding:0}.file-category li{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.app1-container .header-with-datetime{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.app1-container .datetime-display{color:#fff;font-size:.8em;font-weight:700;margin:0}.app1-container .three-file-container,.app1-container .single-row-container,.app1-container .three-charts-container,.app1-container .chart-row-single,.app1-container .two-column-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px;align-items:flex-start}.app1-container .file-section,.app1-container .result-box,.app1-container .chart-box{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;display:flex;flex-direction:column;transition:all .3s ease;flex:1;min-width:300px;position:relative}.app1-container .result-box{aspect-ratio:1 / 1;overflow:hidden}.app1-container .result-box pre,.app1-container .result-box .table-wrapper,.app1-container .result-box .valuation-table-content,.app1-container .result-box .search-results{flex-grow:1;flex-shrink:1;min-height:0;overflow-y:auto}.app1-container .file-section.loaded{border-color:#4caf50;box-shadow:0 8px 32px #4caf505e}.app1-container .three-file-container .file-section{min-width:300px;aspect-ratio:1 / 1;overflow:hidden}.app1-container .file-section h2,.app1-container .chart-box h2,.app1-container .result-box h2{margin-top:0;text-align:center;color:#f0f0f0;margin-bottom:1rem;flex-shrink:0}.app1-container .file-section .import-form-group,.app1-container .file-section label,.app1-container .file-section select,.app1-container .file-section .row-count-text{flex-shrink:0}.app1-container .file-section .file-options-wrapper{flex-grow:1;overflow-y:auto;min-height:0;padding-right:5px}.app1-container .drag-drop-area{width:100%;border:2px dashed #ffffff;border-radius:8px;padding:15px;text-align:center;color:#ffffffb3;cursor:pointer;transition:all .3s ease;margin-bottom:10px;flex-shrink:0;font-size:.9em}.app1-container .drag-drop-area:hover{background-color:#ffffff1a;border-color:#8aff8a;color:#fff}.app1-container .drag-drop-area.is-dragging{border-color:#8aff8a;transform:scale(1.02)}.app1-container .file-section.loaded .drag-drop-area{border-color:#8aff8a}.app1-container .drag-drop-area p{margin:0;pointer-events:none}.app1-container .file-section label,.app1-container .result-box label{display:block;margin-top:10px;font-size:.8em;color:#d0d0d0;flex-shrink:0}.app1-container .file-section select,.app1-container .file-section select option{background-color:#1a1a1a;color:#f0f0f0}.app1-container .file-section select{width:100%;margin-top:5px;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.2);font-size:.9rem;cursor:pointer;flex-shrink:0;margin-bottom:8px}.app1-container .result-box button{width:100%;margin-top:8px;padding:12px;border-radius:8px;border:none;background:#66bb6a;color:#1a1a1a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.app1-container .result-box button:hover:not(:disabled){background:#5cb85c}.app1-container .result-box button:disabled{background:#ffffff1a;cursor:not-allowed;color:#888}.app1-container .checkbox-row{display:flex;justify-content:space-around;gap:10px;margin-bottom:20px;flex-wrap:wrap;flex-shrink:0}.app1-container .checkbox-item{display:flex;align-items:center;font-size:.9em}.app1-container .checkbox-item input[type=checkbox]{width:18px;height:18px;margin-right:8px}.app1-container .checkbox-item label{margin-top:0;cursor:pointer}.app1-container pre{background:#0000004d;padding:15px;overflow-y:auto;border-radius:10px;margin-top:20px;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;border:1px solid rgba(255,255,255,.1);flex-grow:1;min-height:0}.app1-container .chart-box{justify-content:space-between;align-items:center}.app1-container .chart-box-content{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative}.app1-container .result-box .table-wrapper{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;overflow-y:auto;flex-grow:1;min-height:0;display:flex;flex-direction:column;max-height:none}.app1-container .result-box .data-table{width:100%;border-collapse:collapse;font-size:.9em;background-color:transparent;height:100%}.app1-container .result-box .data-table th,.app1-container .result-box .data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);background-color:transparent;white-space:nowrap}.app1-container .data-table td.price-difference,.app1-container .data-table td.found-difference{display:flex;justify-content:space-between;align-items:center;white-space:normal}.app1-container .result-box .data-table td:nth-child(n+2):nth-child(-n+4){text-align:right}.app1-container .result-box .data-table td:first-child{text-align:left}.app1-container .result-box .data-table th{position:sticky;top:0;background:#ffffff26;color:#f0f0f0;font-weight:700;white-space:nowrap;z-index:1}.app1-container .result-box .data-table th:first-child{text-align:left}.app1-container .result-box .data-table tr{background-color:transparent!important}.app1-container .result-box .data-table tr:nth-child(2n){background-color:#ffffff05!important}.app1-container .result-box .data-table tbody tr:hover{background-color:#ffffff0d!important}.app1-container .result-box.search-container form{display:flex;flex-direction:column;align-items:center;gap:15px;flex-shrink:0}.app1-container .result-box.search-container input[type=text]{width:100%;max-width:300px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;color:#e0e0e0;box-sizing:border-box;font-size:1rem;transition:all .2s ease;text-align:center}.app1-container .result-box.search-container input[type=text]:focus{outline:none;border-color:#66bb6a;background-color:#00000080}.app1-container .result-box.search-container button{width:100%;max-width:300px}.app1-container .search-results{flex-grow:1;min-height:0;overflow-y:auto;width:100%;margin-top:15px}.app1-container .row-count-text{text-align:center;color:#d0d0d0;font-size:.8em;margin-top:.5rem;margin-bottom:0;flex-shrink:0}.app1-container .app-title{font-size:2.5em;color:#fff;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:20px}.app1-container .valuation-table-content{display:flex;flex-direction:column}.app1-container .valuation-table-content .table-wrapper{flex-grow:1;min-height:0}.app1-container .valuation-table-content>div:first-child,.app1-container .valuation-table-content>div:last-child{flex-shrink:0}.app1-container .result-box h2{flex-shrink:0}.app1-container .reset-file-button{position:absolute;top:10px;right:10px;background-color:#ff646499;color:#fff;border:1px solid rgba(255,0,0,.7);border-radius:50%;width:28px;height:28px;font-size:16px;font-weight:700;line-height:26px;text-align:center;cursor:pointer;padding:0;transition:all .2s ease;box-shadow:0 2px 5px #0006;z-index:5}.app1-container .reset-file-button:hover{background-color:#ff3232cc;border-color:red;transform:scale(1.1)}.app1-container .three-charts-container,.app1-container .single-row-container:has(.chart-box){align-items:stretch}.app1-container .chart-box .table-wrapper{flex-grow:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:none;overflow-y:auto}.app1-container .single-row-container:has(.chart-box)>.chart-box{aspect-ratio:2 / 1;overflow:hidden}.app1-container .result-box.cheaper-valuation{border-color:#4caf50;box-shadow:0 8px 32px #4caf5073}.app1-container .result-box.more-expensive-valuation{border-color:#ff6e6e;box-shadow:0 8px 32px #ff6e6e73}@media (max-width: 768px){.app1-container .three-file-container .file-section,.app1-container .result-box,.app1-container .chart-box{min-width:calc(100% - 40px);aspect-ratio:auto}.app1-container .single-row-container:has(.chart-box)>.chart-box{aspect-ratio:auto}.app1-container .checkbox-row{justify-content:flex-start}.app1-container .header-with-datetime{margin-bottom:10px}.app1-container .app-title{font-size:1.8em;margin-bottom:10px}}.app2-container{width:95%;max-width:1800px;margin:40px auto;padding:0 20px;box-sizing:border-box}.main-title{text-align:center;font-size:2.5rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4);margin-bottom:40px}.file-import-container{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.file-section,.result-box,.chart-box,.search-box,.top100-box,.log-box{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px;box-shadow:0 6px 20px #00000040;color:#e0e0e0;display:flex;flex-direction:column;transition:all .3s ease;position:relative}.file-import-container .file-section{flex:1 1 calc(16.66% - 15px);min-width:200px}.file-section.loaded{border-color:#66bb6a;box-shadow:0 6px 20px #66bb6a4d}.reset-file-button{position:absolute;top:10px;right:10px;background-color:#ff6464b3;color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;cursor:pointer;z-index:5;transition:background-color .2s ease}.reset-file-button:hover{background-color:#ff3232e6}.file-section h2,.result-box h2,.chart-box h2,.search-box h2,.top100-box h2,.log-box h2{font-size:1rem;margin-top:0;margin-bottom:15px;text-align:center;color:#f0f0f0;font-weight:500}.file-section label{display:block;margin-top:12px;font-size:.8em;color:silver}.file-section select,.result-box button,.search-box input{width:100%;margin-top:8px;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#f0f0f0;font-size:.9rem;box-sizing:border-box}.file-section select{cursor:pointer}.search-box input{cursor:text}.result-box button,.export-button{background:#66bb6a;color:#1a1a1a;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;padding:12px 15px;border-radius:6px;white-space:nowrap}.result-box button:hover:not(:disabled),.export-button:hover:not(:disabled){background:#76c77a}.result-box button:disabled,.export-button:disabled{background:#ffffff1a;cursor:not-allowed;color:#777;opacity:.6}.drag-drop-container{background:#0003;padding:20px 10px;margin-top:10px;border-radius:8px;border:2px dashed rgba(255,255,255,.3);text-align:center;cursor:pointer;font-size:.85em;color:#d0d0d0;transition:background-color .2s ease,border-color .2s ease;min-height:60px;display:flex;align-items:center;justify-content:center}.drag-drop-container:hover{background-color:#0000004d;border-color:#ffffff80}.file-server-option{margin-top:15px}.file-server-option label{margin-top:0;margin-bottom:5px}.file-name-display{font-size:.75em;margin-top:8px;min-height:1.5em;word-break:break-all;color:#bbb;text-align:center;line-height:1.3}.file-options-wrapper{margin-top:10px}.file-options-wrapper label:first-of-type{margin-top:0}.row-count-text{text-align:center;font-size:.8em;color:#aaa;margin-top:auto;padding-top:10px}.checkbox-row{display:flex;justify-content:space-around;gap:15px;margin-bottom:15px;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;font-size:.85em}.checkbox-item input[type=checkbox]{width:16px;height:16px;margin-right:6px;cursor:pointer}.checkbox-item label{margin-top:0;cursor:pointer;color:#ccc}.result-box pre{background:#0000004d;padding:15px;border-radius:8px;margin-top:15px;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;border:1px solid rgba(255,255,255,.1)}.compare-actions{display:flex;gap:15px;align-items:center;margin-top:15px;flex-wrap:wrap}.compare-actions>button{flex:1;width:auto;min-width:100px;font-size:.9rem;font-weight:700;padding:10px 12px}.search-box input{margin-bottom:15px}.search-results-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;margin-top:15px;align-items:center}.search-label{font-weight:500;color:#b0b0b0;font-size:.9em}.search-value{font-size:1em}.two-column-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px;align-items:start}.two-column-layout>.result-box,.two-column-layout>.search-box{aspect-ratio:2 / 1;overflow-y:auto;display:flex;flex-direction:column}.two-column-layout>.result-box pre{flex-grow:1;min-height:50px;overflow-y:auto}.two-column-layout>.search-box .search-results-grid{flex-grow:1;overflow-y:auto}.three-charts-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:25px;align-items:stretch}.chart-box{flex:1 1 300px;min-height:350px;display:flex;flex-direction:column;overflow:hidden}.chart-box-content{flex-grow:1;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.chart-box canvas{display:block;max-height:350px;max-width:100%;width:100%!important;height:auto!important}.table-wrapper{width:100%;max-height:400px;overflow-y:auto;margin-top:15px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.top100-table{width:100%;border-collapse:collapse;font-size:.85em}.top100-table th,.top100-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.top100-table th{background-color:#0006;position:sticky;top:0;z-index:2;font-weight:600}.top100-table tbody tr:hover{background-color:#ffffff0d}.positive-diff{color:#ff8a80;font-weight:500}.negative-diff{color:#b9f6ca}.top100-results-container{display:flex;justify-content:center;margin-bottom:25px;width:100%}.top100-results-container .top100-box{flex:1 1 100%;max-width:none}.quantity-valuation-master-container{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.quantity-comparison-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;width:100%}.donut-stats{font-size:.9em;padding:8px 12px;background:#0003;border-radius:6px;margin-bottom:15px;text-align:center;color:#ccc}.total-value-box{font-weight:700;font-size:1.15em;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center;border:2px solid}.rank-badge{position:absolute;top:15px;left:15px;background:#0009;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8em;font-weight:700;z-index:3}.top100-box.rank-lowest{border-color:#8aff8a}.top100-box.rank-second-lowest{border-color:#ffeb3b}.top100-box.rank-third-lowest{border-color:#ffb74d}.top100-box.rank-other{border-color:#ff8a80}.top100-box.rank-invalid{border-color:#aaa}.log-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;justify-content:center;align-items:stretch}.log-container .log-box{flex:1 1 calc(20% - 15px);min-width:180px;aspect-ratio:auto!important;display:flex;flex-direction:column}.log-box pre{flex-grow:1;max-height:300px;overflow-y:auto;margin-top:10px;background:#0000004d;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-size:.8em;white-space:pre-wrap;word-wrap:break-word}.back-to-dashboard-button{display:inline-block;margin-bottom:20px;padding:8px 15px;background-color:#ffffff1a;color:#e0e0e0;text-decoration:none;border-radius:5px;transition:background-color .2s ease;font-size:.9rem}.back-to-dashboard-button:hover{background-color:#fff3}@media (max-width: 1400px){.log-container .log-box{flex-basis:calc(33.33% - 15px)}}@media (max-width: 1200px){.file-import-container .file-section{flex-basis:calc(33.33% - 15px)}.three-charts-container .chart-box{flex-basis:calc(50% - 10px)}.quantity-comparison-container{grid-template-columns:1fr}}@media (max-width: 992px){.log-container .log-box{flex-basis:calc(50% - 10px)}.compare-actions{justify-content:flex-start}}@media (max-width: 768px){.file-import-container .file-section{flex-basis:calc(50% - 10px)}.two-column-layout{grid-template-columns:1fr}.two-column-layout>.result-box,.two-column-layout>.search-box{aspect-ratio:auto;min-height:300px}.three-charts-container .chart-box{flex-basis:100%}}@media (max-width: 576px){.file-import-container .file-section,.log-container .log-box{flex-basis:100%}.compare-actions{flex-direction:column;align-items:stretch}.compare-actions>button{width:100%;flex-basis:auto}}.app3-container{width:95%;max-width:1800px;margin:40px auto;padding:0 20px;box-sizing:border-box}.main-title{text-align:center;font-size:2.5rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}.main-subtitle{text-align:center;font-size:1.2rem;color:#d0d0d0;margin-bottom:40px}.section-title{text-align:left;font-size:1.5rem;color:#e0e0e0;margin-top:40px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);width:100%}.two-file-container-90,.ten-file-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;width:100%}.file-section{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:15px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;display:flex;flex-direction:column;transition:all .3s ease}.two-file-container-90 .file-section{flex:1;min-width:400px}.ten-file-container .file-section{flex:1 1 calc(10% - 20px);min-width:180px}.file-section h2{font-size:1rem;margin-top:0;margin-bottom:10px;word-wrap:break-word;text-align:center;color:#f0f0f0}.file-section label{margin-top:8px;font-size:.75em;color:#d0d0d0}.file-section select{width:100%;margin-top:4px;padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#f0f0f0;font-size:.8rem;cursor:pointer}.drag-drop-container{background:#0003;padding:15px 5px;margin-top:5px;border-radius:10px;border:2px dashed rgba(255,255,255,.3);text-align:center;cursor:pointer;font-size:.8em;color:#e0e0e0;transition:background-color .2s ease}.drag-drop-container:hover{background-color:#0000004d}.file-name-display{font-size:.7em;margin-top:5px;min-height:1.5em;word-break:break-all;color:#ccc}.surcharge-input-container{border-top:1px dashed rgba(255,255,255,.2);margin-top:10px;padding-top:8px}.surcharge-input-container label{font-weight:700;color:#00bcd4}.surcharge-input-container input{width:100%;padding:6px;text-align:center;background:#0006;border:1px solid #00bcd4;color:#fff;border-radius:6px}.function-box p{font-size:.9em;color:#d0d0d0;flex-grow:1}.function-button{width:100%;margin-top:8px;padding:12px;border-radius:8px;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease}.function-button:hover{transform:scale(1.02)}.result-wrapper{margin-top:15px;display:flex;flex-direction:column;flex-grow:1;min-height:0}.result-scroll-container{flex-grow:1;overflow-y:auto;border:1px solid rgba(255,255,255,.2);border-radius:8px;min-height:300px}.result-scroll-container table{width:100%;border-collapse:collapse;font-size:.8em}.result-scroll-container th,.result-scroll-container td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.result-scroll-container th{position:sticky;top:0;background:#0006;z-index:10}.price-not-found{color:#ff6e6e}.result-summary{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;font-size:.9em;flex-shrink:0}.export-button{padding:6px 12px;font-size:.8em;background-color:#555;color:#fff;border:1px solid #777;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.export-button:hover{background-color:#666}.background-video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;object-fit:cover;filter:brightness(.6)}.content-overlay{position:relative;z-index:1;width:100%}.app4-container{width:100%;max-width:1600px;margin:40px auto;padding:0 20px;box-sizing:border-box;overflow-x:hidden}.single-row-container,.three-charts-container,.chart-row-single,.two-column-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.multi-file-container{display:flex;gap:15px;flex-wrap:nowrap;justify-content:center;margin-bottom:20px;overflow-x:auto;padding-bottom:15px}.file-section,.result-box,.search-result-box,.chart-box{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;display:flex;flex-direction:column;transition:all .3s ease}.multi-file-container .file-section{flex:1 1 220px;min-width:220px}.result-box,.search-result-box{flex:1;min-width:400px;aspect-ratio:1 / 2;overflow-y:auto}.file-section h2,.chart-box h2,.result-box h2,.search-result-box h2{margin-top:0;text-align:center;color:#f0f0f0;margin-bottom:1rem;font-size:1.2em}.file-section label,.result-box label,.search-result-box label{display:block;margin-top:15px;font-size:.9em;color:#d0d0d0}.file-section select{width:100%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-size:1rem;cursor:pointer;transition:all .2s ease}.checkbox-row{display:flex;justify-content:space-around;gap:10px;margin-top:20px;flex-wrap:wrap}.log-box{flex-grow:1;min-height:0}.chart-box{flex:1;min-width:300px}.data-table td.price-difference{display:flex;justify-content:space-between;align-items:center}.summary-search-input{width:100%;padding:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;color:#e0e0e0;box-sizing:border-box;font-size:1rem;text-align:center;transition:all .2s ease}.summary-search-input::placeholder{color:#e0e0e080}.summary-search-input:focus{outline:none;border-color:#66bb6a;background-color:#00000080}.db-button-group{display:flex;gap:10px;width:100%;margin-bottom:10px}.db-update-button{flex-grow:3;padding:12px;border-radius:8px;border:none;background:#66bb6a;color:#1a1a1a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.db-update-button:hover{background:#5cb85c}.db-undo-button{flex-grow:1;padding:12px;border-radius:8px;border:1px solid #8e44ad;background:#9b59b6;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.db-undo-button:hover:not(:disabled){background:#8e44ad;border-color:#7b2a9e}.db-undo-button:disabled{cursor:not-allowed;background:#0003;border-color:#ffffff1a;color:#666}.db-cancel-button{width:100%;padding:12px;border-radius:8px;border:1px solid #d35400;background:#f39c12;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.db-cancel-button:hover:not(:disabled){background:#e67e22;border-color:#d35400}.db-delete-button,.db-export-button{width:100%;padding:12px;border-radius:8px;border:1px solid #aaa;background:#ffffff1a;color:#ddd;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.db-delete-button:hover:not(:disabled),.db-export-button:hover:not(:disabled){background:#fff3;border-color:#fff}.db-delete-button.danger{background-color:#d9534f;border-color:#d43f3a;color:#fff}.db-delete-button.danger:hover:not(:disabled){background-color:#c9302c;border-color:#ac2925}.export-section{margin-top:20px}.db-status{font-size:.8em;color:#ccc;margin:0 0 20px;text-align:center}.sample-data-preview{font-size:.75em;color:#aaa;font-style:italic;margin-top:5px;margin-bottom:10px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card{margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#0000004d;box-shadow:0 4px 20px #0003}.item-card h3{text-align:center;margin-top:0;color:#f0f0f0;font-size:1.6em;border-bottom:1px solid #66bb6a;padding-bottom:15px;margin-bottom:20px;font-weight:400}.item-card-details{display:grid;grid-template-columns:max-content 1fr;gap:12px 15px;font-size:.9em}.item-card-details>span,.item-card-details>select{padding:8px 5px;border-radius:4px;display:flex;align-items:center}.item-card-details>span:nth-of-type(4n+1),.item-card-details>span:nth-of-type(4n+2){background-color:#ffffff08}.item-card-details span:nth-of-type(odd){font-weight:500;color:#b0b0b0;text-align:right}.item-card-details span:nth-of-type(2n){color:#e0e0e0;word-break:break-all;background-color:#0003}.price-dropdown{width:100%;background-color:#0003;color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:1em;cursor:pointer}.price-dropdown option{background-color:#1a1a1a;color:#e0e0e0}.file-section select.assigned{border-color:#9b59b6;box-shadow:0 0 8px #9b59b699}.file-section select:focus{outline:none;border-color:#66bb6a!important;box-shadow:0 0 8px #66bb6acc!important}.db-stats-container{font-size:.9em;text-align:center;color:#ccc;background-color:#0003;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.db-stats-container p{margin:0}.db-stats-container .import-stats{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.db-stats-container ul{list-style:none;padding:0;margin:5px 0 0;font-size:.9em;color:#b0b0b0}.date-selector label{margin-top:15px;margin-bottom:8px;display:block}.date-input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#1a1a1a;color:#f0f0f0;font-size:1rem;cursor:pointer;box-sizing:border-box;font-family:inherit}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.back-to-dashboard-button{position:absolute;top:20px;left:20px;padding:10px 15px;background-color:#ffffff1a;color:#e0e0e0;text-decoration:none;border-radius:8px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;z-index:10}.back-to-dashboard-button:hover{background-color:#fff3;border-color:#fff}.app1-container{width:100%;max-width:1600px;margin:40px auto;padding:0 20px;box-sizing:border-box;overflow-x:hidden}.header-with-datetime{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.datetime-display{color:#fff;font-size:.8em;font-weight:700;margin:0}.three-file-container,.single-row-container,.three-charts-container,.chart-row-single,.two-column-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.file-section,.result-box,.chart-box{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;display:flex;flex-direction:column;transition:all .3s ease}.file-section.loaded{border-color:#4caf50;box-shadow:0 8px 32px #4caf505e}.three-file-container .file-section{flex:1;min-width:300px}.result-box{flex:1}.file-section h2,.chart-box h2,.result-box h2{margin-top:0;text-align:center;color:#f0f0f0;margin-bottom:1rem}.drag-drop-area{width:100%;border:2px dashed #ffffff;border-radius:8px;padding:20px;text-align:center;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.drag-drop-area:hover{background-color:#ffffff1a;border-color:#8aff8a;color:#fff}.drag-drop-area.is-dragging{border-color:#8aff8a;transform:scale(1.02)}.file-section.loaded .drag-drop-area{border-color:#8aff8a}.drag-drop-area p{margin:0;pointer-events:none}.file-section label,.result-box label{display:block;margin-top:15px;font-size:.9em;color:#d0d0d0}.file-section select,.file-section select option{background-color:#1a1a1a;color:#f0f0f0}.file-section select{width:100%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-size:1rem;cursor:pointer}.result-box button{width:100%;margin-top:8px;padding:12px;border-radius:8px;border:none;background:#66bb6a;color:#1a1a1a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.result-box button:hover:not(:disabled){background:#5cb85c}.result-box button:disabled{background:#ffffff1a;cursor:not-allowed;color:#888}.checkbox-row{display:flex;justify-content:space-around;gap:10px;margin-bottom:20px;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;font-size:.9em}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-right:8px}.checkbox-item label{margin-top:0;cursor:pointer}pre{background:#0000004d;padding:15px;min-height:150px;overflow-y:auto;border-radius:10px;margin-top:20px;color:#e0e0e0;white-space:pre-wrap;word-wrap:break-word;border:1px solid rgba(255,255,255,.1)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chart-box{flex:1;min-width:300px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:25px;box-shadow:0 8px 32px #0000005e;color:#e0e0e0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s ease}.chart-box h2{align-self:center;margin-bottom:auto}.chart-box-content{width:100%;height:100%;max-height:300px}.chart-row-single .chart-box{flex:1 1 400px;min-width:400px}.result-box .table-wrapper{width:100%;max-height:350px;overflow-y:auto;margin-top:20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent}.result-box .data-table{width:100%;border-collapse:collapse;font-size:.9em;background-color:transparent}.result-box .data-table th,.result-box .data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);background-color:transparent}.data-table td.price-difference,.data-table td.found-difference{display:flex;justify-content:space-between;align-items:center}.result-box .data-table td:nth-child(2){text-align:right}.result-box .data-table th{position:sticky;top:0;background:#ffffff1a;color:#f0f0f0;font-weight:700;text-transform:uppercase;letter-spacing:1px}.result-box .data-table tr{background-color:transparent!important}.result-box .data-table tr:nth-child(2n){background-color:#ffffff05!important}.result-box .data-table tbody tr:hover{background-color:#ffffff0d!important}.result-box.search-container form{display:flex;flex-direction:column;align-items:center;gap:15px}.result-box.search-container input[type=text]{width:100%;max-width:300px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:#0000004d;color:#e0e0e0;box-sizing:border-box;font-size:1rem;transition:all .2s ease;text-align:center}.result-box.search-container input[type=text]:focus{outline:none;border-color:#66bb6a;background-color:#00000080}.result-box.search-container button{width:100%;max-width:300px}.single-row-container{align-items:stretch}.row-count-text{text-align:center;color:#d0d0d0;font-size:.9em;margin-top:1rem;margin-bottom:0}.two-column-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.two-column-container>.result-box{flex:1;min-width:400px}.app-title{font-size:2.5em;color:#fff;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:20px}body{margin: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;background-color:#f4f4f9;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}
