body{font-family:Arial,sans-serif;background-color:#f4f6f8}h1{text-align:center;color:#2c3e50}table{min-width:900px;border-collapse:separate;border-spacing:0;margin-top:20px;background-color:#fff;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:visible}.table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;overflow:hidden}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#34495e;color:#fff;cursor:pointer;font-weight:700;font-size:14px;-webkit-user-select:none;user-select:none}.filter-header:hover{background:#2c3e50}.filter-body{padding:15px 20px;overflow:hidden}.filter-row{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1 1 150px;min-width:0}.filter-group label{font-size:13px;font-weight:700;color:#2c3e50;white-space:nowrap}.filter-group select,.filter-group input{padding:7px 10px;border:1px solid #bdc3c7;border-radius:5px;font-size:13px;outline:none;width:100%;box-sizing:border-box}.filter-group select:focus,.filter-group input:focus{border-color:#3498db;box-shadow:0 0 3px #3498db4d}.filter-range{display:flex;align-items:center;gap:6px;min-width:0}.filter-range input{width:80px;min-width:0;flex:1}.filter-range span{color:#7f8c8d;font-size:13px;flex-shrink:0}.filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:center;flex-wrap:wrap}.btn-filter{padding:8px 20px;background:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:13px}.btn-filter:hover{background:#2980b9}.btn-filter-reset{padding:8px 20px;background:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7;border-radius:5px;cursor:pointer;font-size:13px}.btn-filter-reset:hover{background:#d5dbdb}th,td{padding:12px 16px;text-align:center;border-bottom:1px solid #ddd;white-space:nowrap}th{background-color:#162235!important;color:#fff}#stock-table th,#stock-table td,#invest-table th,#invest-table td{border-right:1px solid #ddd}#stock-table th:last-child,#stock-table td:last-child,#invest-table th:last-child,#invest-table td:last-child{border-right:none}.sticky-header th{background-color:#162235!important;z-index:1001}.sticky-clone th,.sticky-clone-total td{border-right:1px solid #ddd}.sticky-clone th:last-child,.sticky-clone-total td:last-child{border-right:none}.sticky-clone{position:fixed;top:0;z-index:1002;overflow:hidden;box-shadow:0 2px 4px #00000026;background-color:#34495e}#stock-table th.col-code-sticky,#stock-table td.col-code-sticky{position:sticky;left:0;z-index:1002}#stock-table th.col-code-sticky{background-color:#162235!important;border-right:none;position:sticky;box-shadow:none;overflow:visible;background-image:none}#stock-table td.col-code-sticky{background-color:#fff;box-shadow:none;overflow:visible;border-right:none;background-image:none}#stock-table tr.yellow td.col-code-sticky{background-color:#fffae6}#stock-table tr.green td.col-code-sticky{background-color:#e6ffea}#stock-table tr.purple td.col-code-sticky{background-color:#f3e6ff}#stock-table tr.red td.col-code-sticky{background-color:#eee4e4}.sticky-clone th.col-code-sticky{position:sticky;left:0;z-index:1004;border-right:none;box-shadow:none;overflow:visible;background-image:none}#stock-table th.col-code-sticky:after,#stock-table td.col-code-sticky:after,.sticky-clone th.col-code-sticky:after,.sticky-clone-total td.col-code-sticky:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#ddd;z-index:1006;pointer-events:none}@media (max-width: 768px){#stock-table td.col-code-sticky{border-right:none}}#invest-table th.col-code-sticky,#invest-table td.col-code-sticky{position:sticky;left:0;z-index:1002}#invest-table th.col-code-sticky{background-color:#162235!important}#invest-table td.col-code-sticky{background-color:#fff;box-shadow:2px 0 #e5e7eb,6px 0 10px -8px #00000038}#stock-table tr.total-row td.col-code-sticky,#invest-table tr.total-row td.col-code-sticky{background-color:#f8f9fa}.sticky-clone-total td.col-code-sticky{position:sticky;left:0;z-index:1004}tr.yellow{background-color:#fffae6;color:#fae103}tr.green{background-color:#e6ffea;color:#0a0}tr.purple{background-color:#f3e6ff;color:#a0a}tr.red{background-color:#eee4e4;color:#b30606}.risk-1{color:#2ecc71}.risk-2{color:#f1c40f}.risk-3{color:#e67e22}.risk-4{color:#e74c3c}.rating-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-weight:700;font-size:13px}.rating-high{background-color:#e6ffea;color:#2ecc71}.rating-medium{background-color:#fff8e1;color:#f1c40f}.rating-low{background-color:#fdecea;color:#e74c3c}.btn-delete{background-color:#a01818}.btn-delete:hover{background-color:#610d0d}.table-container:active{cursor:grabbing}#stock-table{border-collapse:separate;border-spacing:0;overflow:visible}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;border-radius:12px;padding:30px;width:500px;max-width:90%;box-shadow:0 8px 32px #00000040;position:relative}.modal-close{position:absolute;top:12px;right:16px;font-size:28px;color:#95a5a6;cursor:pointer;line-height:1;font-weight:700;transition:color .2s}.modal-close:hover{color:#e74c3c}.modal-content h2{text-align:center;color:#2c3e50;margin-top:0;margin-bottom:20px}.drop-zone{border:2px dashed #95a5a6;border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#f9f9f9;margin-bottom:15px}.drop-zone:hover{border-color:#3498db;background:#eaf4fc}.drop-zone.drag-over{border-color:#2ecc71;background:#e6ffea}.drop-zone p{margin:8px 0 0;color:#7f8c8d;font-size:14px}.import-result{margin-bottom:15px;padding:12px;border-radius:8px;font-size:14px;max-height:150px;overflow-y:auto}.import-result.result-success{background:#e6ffea;color:#27ae60;border:1px solid #27ae60}.import-result.result-error{background:#fdecea;color:#c0392b;border:1px solid #c0392b}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.btn-cancel{padding:10px 24px;border:1px solid #bdc3c7;background:#ecf0f1;color:#2c3e50;border-radius:6px;cursor:pointer;font-size:14px}.btn-cancel:hover{background:#d5dbdb}.btn-import{padding:10px 24px;border:none;background:#27ae60;color:#fff;border-radius:6px;cursor:pointer;font-size:14px}.btn-import:hover{background:#1e8449}.btn-import:disabled{background:#95a5a6;cursor:not-allowed}th[data-sort-key]{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap}th[data-sort-key]:hover{background-color:#3d566e}.sort-icon{display:inline-block;margin-left:4px;font-size:11px;opacity:.4;vertical-align:middle;transition:opacity .2s}th[data-sort-key].sort-asc .sort-icon,th[data-sort-key].sort-desc .sort-icon{opacity:1}