:root{--content-max-width: 1400px;--content-padding: 20px;--card-padding: 25px;--card-border-radius: 8px;--header-margin-bottom: 30px}:root,[data-theme=light]{--bg-primary: #faf8f5;--bg-secondary: #f5f1eb;--bg-tertiary: #ebe5db;--bg-header: #e8e2d8;--bg-sidebar: #f0ebe3;--bg-card: #ffffff;--bg-input: #ffffff;--bg-dropdown: #ffffff;--text-primary: #2d2d2d;--text-secondary: #5a5a5a;--text-muted: #888888;--text-inverse: #ffffff;--border-primary: #d5cfc5;--border-secondary: #c5bfb5;--border-focus: #a09080;--primary: #4a7c59;--primary-hover: #3d6849;--primary-active: #2f5439;--secondary: #8b7355;--secondary-hover: #755f45;--secondary-active: #5f4b35;--danger: #b54a4a;--danger-hover: #9a3d3d;--danger-active: #7f3030;--success: #4a7c59;--warning: #c9a227;--error: #b54a4a;--info: #5a7fa8;--chart-bg: #faf8f5;--chart-text: #5a5a5a;--chart-grid: #d5cfc5;--chart-tooltip-bg: #f5f1eb;--shadow-sm: 0 1px 2px rgba(139, 115, 85, .08);--shadow-md: 0 2px 6px rgba(139, 115, 85, .12);--shadow-lg: 0 4px 12px rgba(139, 115, 85, .16);--nav-active-bg: #e8e2d8;--nav-active-border: #a09080;--nav-hover-bg: #ebe5db}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2e2e2e;--bg-header: #202020;--bg-sidebar: #1e1e1e;--bg-card: #282828;--bg-input: #2e2e2e;--bg-dropdown: #2e2e2e;--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-muted: #808080;--text-inverse: #1a1a1a;--border-primary: #404040;--border-secondary: #353535;--border-focus: #606060;--primary: #5a9a6a;--primary-hover: #4a8a5a;--primary-active: #3a7a4a;--secondary: #9a8a7a;--secondary-hover: #8a7a6a;--secondary-active: #7a6a5a;--danger: #c66a6a;--danger-hover: #b65a5a;--danger-active: #a64a4a;--success: #5a9a6a;--warning: #d4a832;--error: #c66a6a;--info: #6a8ab0;--chart-bg: #282828;--chart-text: #b0b0b0;--chart-grid: #404040;--chart-tooltip-bg: #2e2e2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .6);--nav-active-bg: #353535;--nav-active-border: #606060;--nav-hover-bg: #2e2e2e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--content-padding)}.page-header{margin-bottom:var(--header-margin-bottom)}.page-header h1{margin:0;font-size:28px;font-weight:600;color:var(--text-primary)}.card{background-color:var(--bg-card);border-radius:var(--card-border-radius);box-shadow:var(--shadow-md);padding:var(--card-padding)}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--primary-active)}.btn-secondary{background-color:var(--secondary);color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-secondary:active:not(:disabled){background-color:var(--secondary-active)}.btn-danger{background-color:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover)}.btn-danger:active:not(:disabled){background-color:var(--danger-active)}.btn-sm{padding:6px 12px;font-size:13px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.spinner{border:4px solid var(--bg-secondary);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.spinner-small{border:3px solid var(--bg-secondary);border-top:3px solid var(--primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background-color:var(--danger-active);color:var(--error);padding:20px;border-radius:4px;text-align:center}.error p{margin-bottom:15px}.alert{padding:15px;border-radius:4px;margin-top:20px}.alert-success{background-color:#4caf5026;border:1px solid var(--success);color:var(--success)}.alert-error{background-color:#f4433626;border:1px solid var(--error);color:var(--error)}.data-table{width:100%;border-collapse:collapse;margin-bottom:20px}.data-table th,.data-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-primary)}.data-table th{background-color:var(--bg-input);font-weight:600;color:var(--text-primary);font-size:14px}.data-table td{color:var(--text-secondary);font-size:14px}.data-table tbody tr:hover{background-color:var(--bg-input)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 0}.page-btn{padding:8px 14px;border:1px solid var(--border-primary);background-color:var(--bg-input);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary);color:var(--text-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background-color:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.page-info{margin-left:15px;color:var(--text-muted);font-size:14px}.page-size-control{display:flex;align-items:center;gap:8px}.page-size-control label{font-size:14px;color:var(--text-muted)}.page-size-control select{padding:6px 10px;border:1px solid var(--border-primary);border-radius:4px;font-size:14px;background-color:var(--bg-input);color:var(--text-primary)}.page-size-control select option{background-color:var(--bg-dropdown);color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px}.form-control{width:100%;padding:10px;border:1px solid var(--border-primary);border-radius:4px;font-size:14px;background-color:var(--bg-input);color:var(--text-primary);box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a7c5933}.form-hint{display:block;margin-top:5px;color:var(--text-muted);font-size:12px}