:root{--qd-primary: #c41e3a;--qd-primary-dark: #a01830;--qd-primary-light: #e85a6f;--qd-dark: #1a1a2e;--qd-gray-900: #212529;--qd-gray-800: #343a40;--qd-gray-700: #495057;--qd-gray-600: #6c757d;--qd-gray-500: #adb5bd;--qd-gray-400: #ced4da;--qd-gray-300: #dee2e6;--qd-gray-200: #e9ecef;--qd-gray-100: #f8f9fa;--qd-white: #ffffff;--qd-success: #28a745;--qd-success-light: #d4edda;--qd-warning: #ffc107;--qd-warning-light: #fff3cd;--qd-danger: #dc3545;--qd-danger-light: #f8d7da;--qd-info: #17a2b8;--qd-info-light: #d1ecf1;--qd-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--qd-shadow: 0 4px 6px rgba(0,0,0,.1);--qd-shadow-lg: 0 10px 20px rgba(0,0,0,.15);--qd-shadow-xl: 0 20px 40px rgba(0,0,0,.2);--qd-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--qd-font-size-xs: .75rem;--qd-font-size-sm: .875rem;--qd-font-size-base: 1rem;--qd-font-size-lg: 1.125rem;--qd-font-size-xl: 1.25rem;--qd-font-size-2xl: 1.5rem;--qd-font-size-3xl: 2rem;--qd-spacing-xs: .25rem;--qd-spacing-sm: .5rem;--qd-spacing-md: 1rem;--qd-spacing-lg: 1.5rem;--qd-spacing-xl: 2rem;--qd-spacing-2xl: 3rem;--qd-radius-sm: 4px;--qd-radius: 8px;--qd-radius-lg: 12px;--qd-radius-xl: 16px;--qd-radius-full: 9999px;--qd-transition-fast: .15s ease;--qd-transition: .2s ease;--qd-transition-slow: .3s ease}[data-theme=dark]{--qd-gray-100: #1a1d23;--qd-gray-200: #2a2d35;--qd-gray-300: #3a3d45;--qd-gray-400: #5a5d65;--qd-gray-500: #8a8d95;--qd-gray-600: #aab0b8;--qd-gray-700: #c8cdd3;--qd-gray-800: #e0e3e8;--qd-gray-900: #f0f2f5;--qd-white: #22252b;--qd-dark: #f0f2f5}*{box-sizing:border-box}body{font-family:var(--qd-font-family);font-size:var(--qd-font-size-base);line-height:1.5;color:var(--qd-gray-900);background-color:var(--qd-gray-100);margin:0;padding:0}.qd-card{background:var(--qd-white);border-radius:var(--qd-radius-lg);box-shadow:var(--qd-shadow);padding:var(--qd-spacing-lg);transition:box-shadow var(--qd-transition)}.qd-card:hover{box-shadow:var(--qd-shadow-lg)}.qd-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--qd-radius);font-size:var(--qd-font-size-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--qd-transition);text-decoration:none}.qd-btn-primary{background:var(--qd-primary);color:#fff}.qd-btn-primary:hover{background:var(--qd-primary-dark)}.qd-btn-secondary{background:var(--qd-gray-200);color:var(--qd-gray-800)}.qd-btn-secondary:hover{background:var(--qd-gray-300)}.qd-btn-success{background:var(--qd-success);color:#fff}.qd-btn-danger{background:var(--qd-danger);color:#fff}.qd-btn:disabled{opacity:.6;cursor:not-allowed}.qd-input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--qd-gray-300);border-radius:var(--qd-radius);font-size:var(--qd-font-size-base);font-family:var(--qd-font-family);background:var(--qd-white);color:var(--qd-gray-900);transition:border-color var(--qd-transition)}.qd-input:focus{outline:none;border-color:var(--qd-primary);box-shadow:0 0 0 3px #c41e3a26}.qd-select{width:100%;padding:.625rem .875rem;border:1.5px solid var(--qd-gray-300);border-radius:var(--qd-radius);font-size:var(--qd-font-size-base);font-family:var(--qd-font-family);background:var(--qd-white);color:var(--qd-gray-900);cursor:pointer}.qd-table{width:100%;border-collapse:collapse;font-size:var(--qd-font-size-sm)}.qd-table th{background:var(--qd-gray-100);padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--qd-gray-700);border-bottom:2px solid var(--qd-gray-300)}.qd-table td{padding:.75rem 1rem;border-bottom:1px solid var(--qd-gray-200);color:var(--qd-gray-800)}.qd-table tr:hover td{background:var(--qd-gray-100)}.qd-badge{display:inline-flex;padding:.25rem .75rem;border-radius:var(--qd-radius-full);font-size:var(--qd-font-size-xs);font-weight:600}.qd-badge-success{background:var(--qd-success-light);color:#155724}.qd-badge-warning{background:var(--qd-warning-light);color:#856404}.qd-badge-danger{background:var(--qd-danger-light);color:#721c24}.qd-badge-info{background:var(--qd-info-light);color:#0c5460}.stat-card{background:var(--qd-white);border-radius:var(--qd-radius-lg);padding:1.5rem;box-shadow:var(--qd-shadow);display:flex;flex-direction:column;gap:.5rem}.stat-card .stat-label{font-size:var(--qd-font-size-sm);color:var(--qd-gray-600);font-weight:500}.stat-card .stat-value{font-size:var(--qd-font-size-3xl);font-weight:800;color:var(--qd-gray-900)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:var(--qd-font-size-2xl);font-weight:700;color:var(--qd-gray-900);margin:0}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap}.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:1rem}.modal-content{background:var(--qd-white);border-radius:var(--qd-radius-xl);box-shadow:var(--qd-shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:var(--qd-font-size-xl)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--qd-gray-600);padding:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:var(--qd-font-size-sm);font-weight:600;color:var(--qd-gray-700)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}a{color:var(--qd-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--qd-gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--qd-gray-500)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.875rem 1.25rem;border-radius:var(--qd-radius);box-shadow:var(--qd-shadow-lg);font-size:var(--qd-font-size-sm);font-weight:500;animation:slideIn .3s ease;max-width:400px}.toast-success{background:var(--qd-success);color:#fff}.toast-error{background:var(--qd-danger);color:#fff}.toast-warning{background:var(--qd-warning);color:#333}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading-container{display:flex;justify-content:center;align-items:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--qd-gray-300);border-top-color:var(--qd-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.confirm-dialog{background:var(--qd-white);border-radius:var(--qd-radius-lg);padding:2rem;max-width:400px;width:90%;box-shadow:var(--qd-shadow-xl)}.confirm-dialog h3{margin-bottom:.75rem;color:var(--qd-gray-900)}.confirm-dialog p{margin-bottom:1.5rem;color:var(--qd-gray-600)}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}