*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}#app{height:100%;padding:20px;max-width:1400px;margin:0 auto}.app-content{height:100%;display:flex;flex-direction:column}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.table-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.filters-row{display:flex;gap:12px;align-items:center}.project-filter{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:180px;cursor:pointer;background:#fff}.project-filter:focus{outline:none;border-color:#4a90e2}.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:250px}.filter-input:focus{outline:none;border-color:#4a90e2}.column-toggle{display:flex;gap:8px;align-items:center}.column-toggle label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:14px}table{width:100%;border-collapse:collapse}thead{background:#f9f9f9;position:sticky;top:0;z-index:10}th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:#666;border-bottom:2px solid #e0e0e0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}th.sortable:hover{background:#f0f0f0}.sort-indicator{margin-left:6px;color:#4a90e2;font-weight:700}td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:14px}tr:hover{background:#f9f9f9}tr.editing-row,tr.editing-row:hover{background:#fff8e1}.cell-display{min-height:20px;padding:4px 8px}.cell-display.clickable{cursor:pointer;border-radius:3px;transition:background .2s}.cell-display.clickable:hover{background:#f0f0f0}.cell-input{width:100%;padding:4px 8px;border:1px solid #4a90e2;border-radius:3px;font-size:14px;font-family:inherit}.action-buttons{display:flex;gap:8px}button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}button.primary{background:#4a90e2;color:#fff}button.primary:hover{background:#357abd}button.secondary{background:#e0e0e0;color:#333}button.secondary:hover{background:#d0d0d0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;min-width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:600}.modal-body{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;font-size:14px;color:#666}.form-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#4a90e2}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.scroll-container{flex:1;overflow-y:auto;min-height:0}.loading{text-align:center;padding:20px;color:#666}