*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}.container{max-width:100%;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.header h1{font-size:24px;color:#1890ff}.header-actions{display:flex;gap:10px;align-items:center}.stats{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.stat-item{background:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;min-width:100px}.stat-number{display:block;font-size:28px;font-weight:700;color:#333}.stat-label{font-size:14px;color:#666}.filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#1890ff;color:#1890ff}.filter-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;width:100%}.table-container{min-width:100%}.project-table{width:100%;border-collapse:collapse;table-layout:auto}.project-table th,.project-table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:14px;vertical-align:top}.project-table th{background:#fafafa;font-weight:600;color:#333;white-space:nowrap;position:sticky;top:0;z-index:10}.project-table td{white-space:normal;word-wrap:break-word;word-break:break-all;max-width:300px}.project-table th:nth-child(1),.project-table td:nth-child(1){min-width:100px}.project-table th:nth-child(2),.project-table td:nth-child(2){min-width:80px}.project-table th:nth-child(3),.project-table td:nth-child(3){min-width:150px}.project-table th:nth-child(4),.project-table td:nth-child(4){min-width:200px;max-width:300px}.project-table th:nth-child(5),.project-table td:nth-child(5){min-width:200px;max-width:300px}.project-table th:nth-child(6),.project-table td:nth-child(6){min-width:60px}.project-table th:nth-child(7),.project-table td:nth-child(7){min-width:60px}.project-table th:nth-child(8),.project-table td:nth-child(8){min-width:120px}.project-table th:nth-child(9),.project-table td:nth-child(9){min-width:90px;white-space:nowrap}.project-table th:nth-child(10),.project-table td:nth-child(10){min-width:90px;white-space:nowrap}.project-table th:nth-child(11),.project-table td:nth-child(11){min-width:70px;white-space:nowrap}.project-table th:nth-child(12),.project-table td:nth-child(12){min-width:70px;white-space:nowrap}.project-table th:nth-child(13),.project-table td:nth-child(13){min-width:200px;max-width:300px}.project-table th:nth-child(14),.project-table td:nth-child(14){min-width:60px;white-space:nowrap}.project-table th:nth-child(15),.project-table td:nth-child(15){min-width:70px;white-space:nowrap}.project-table th:nth-child(16),.project-table td:nth-child(16){min-width:100px;white-space:nowrap}.project-table tr:hover{background:#fafafa}.wrap-text{line-height:1.6}.status-badge,.priority-badge{display:inline-block;padding:2px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.btn-primary{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-primary:hover{background:#40a9ff}.btn-secondary{padding:8px 16px;background:#f5f5f5;color:#333;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-secondary:hover{background:#e6e6e6;border-color:#1890ff;color:#1890ff}.action-btns{display:flex;gap:8px;flex-wrap:nowrap}.btn-edit{padding:4px 8px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.btn-edit:hover{background:#40a9ff}.btn-delete{padding:4px 8px;background:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.btn-delete:hover{background:#ff7875}.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;padding:20px}.modal{background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.modal-header h2{font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.modal-close:hover{color:#333}.modal-form{padding:20px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{flex:1}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-group textarea{min-height:80px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:20px}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading{font-size:18px;color:#1890ff}.error{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error h3{color:#ff4d4f;margin-bottom:10px}.error p{color:#666;margin-bottom:10px}@media (max-width: 1400px){.container{padding:10px}.header{padding:15px}.project-table th,.project-table td{padding:8px;font-size:13px}}.table-wrapper::-webkit-scrollbar{height:10px;width:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}