:root{--primary-color:#1890ff;--primary-hover:#40a9ff;--success-color:#52c41a;--warning-color:#faad14;--error-color:#ff4d4f;--border-color:#d9d9d9;--text-color:#333;--text-secondary:#666;--text-disabled:#999;--bg-color:#fafafa;--bg-white:#fff;--shadow:0 2px 8px #0000001a;--radius:6px}.button{border-radius:var(--radius);color:var(--text-color);cursor:pointer;align-items:center;gap:4px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.button:hover{border-color:var(--primary-color);color:var(--primary-color)}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button.success{background:var(--success-color);border-color:var(--success-color);color:#fff}.button.warning{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.button.danger{background:var(--error-color);border-color:var(--error-color);color:#fff}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.pending{color:#d46b08;background:#fff7e6;border:1px solid #ffd591}.status-badge.processing{color:#0958d9;background:#e6f7ff;border:1px solid #91d5ff}.status-badge.completed,.status-badge.published,.status-badge.approved,.status-badge.answered{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.status-badge.cancelled,.status-badge.rejected{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7}.status-badge.draft,.status-badge.unanswered{color:#595959;background:#f5f5f5;border:1px solid #d9d9d9}.status-badge.scheduled{color:#722ed1;background:#f9f0ff;border:1px solid #d3adf7}.status-badge.implemented{color:#006d75;background:#e6fffb;border:1px solid #87e8de}.priority-badge{border-radius:10px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.priority-badge.high{color:#cf1322;background:#fff2f0}.priority-badge.medium{color:#d48806;background:#fffbe6}.priority-badge.low{color:#389e0d;background:#f6ffed}.search-input,.filter-select{border:1px solid var(--border-color);border-radius:var(--radius);padding:6px 12px;font-size:14px;transition:border-color .2s}.search-input:focus,.filter-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #1890ff33}.search-input{min-width:200px}.table-container{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-white);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:12px}.data-table th{background:var(--bg-color);color:var(--text-color);font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.data-table th.sortable:hover{background:#f5f5f5}.data-table th.sorted-asc:after{content:"↑";color:var(--primary-color);position:absolute;right:8px}.data-table th.sorted-desc:after{content:"↓";color:var(--primary-color);position:absolute;right:8px}.data-table tbody tr:hover{background:#fafafa}.action-buttons{align-items:center;gap:4px;display:flex}.action-buttons button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.action-buttons button:hover{background:var(--bg-color)}.view-button{color:var(--primary-color)}.edit-button{color:var(--warning-color)}.delete-button{color:var(--error-color)}.publish-button{color:var(--success-color)}.unpublish-button{color:var(--text-secondary)}.pagination{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.pagination-button{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-white);color:var(--text-color);cursor:pointer;padding:6px 12px;font-size:14px;transition:all .2s}.pagination-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px}@media (max-width:768px){.action-buttons{flex-direction:column;gap:2px}.pagination{flex-direction:column;gap:8px}.search-input{min-width:150px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-4{gap:4px}.gap-8{gap:8px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}
*{box-sizing:border-box}:root{color:#333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f5f5f5;min-height:100vh;margin:0;padding:0;font-size:14px}a{color:#1890ff;text-decoration:none;transition:color .2s}a:hover{color:#40a9ff;text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#333;margin:0 0 16px;font-weight:600;line-height:1.4}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 12px;line-height:1.5}input,textarea,select,button{font-family:inherit;font-size:inherit}input,textarea,select{border:1px solid #d9d9d9;border-radius:6px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0}button.save{color:#fff;cursor:pointer;background:#1e88e5;border:1px solid #1e88e5;border-radius:4px;padding:6px 12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}