:root,html[data-theme=light]{--app-bg: #f5f5f5;--content-bg: #f5f5f5;--app-text: #333;--app-card-bg: #ffffff;--app-card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--app-border: #ddd;--app-border-light: #eee;--app-input-bg: #fff;--app-muted: #666;--app-modal-overlay: rgba(0, 0, 0, .5);--app-table-header-bg: #f8f9fa;--app-table-hover: #f8f9fa;--sidebar-bg: #1e293b;--sidebar-bg-end: #334155;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-border: #3b82f6;--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-muted: rgba(255, 255, 255, .55);--sidebar-icon-opacity: .85;--accent: #3b82f6;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--sidebar-item-radius: 10px;--sidebar-transition: .18s ease;--sb-scroll-track: rgba(255, 255, 255, .03);--sb-scroll-thumb: rgba(255, 255, 255, .18);--sb-scroll-thumb-hover: rgba(255, 255, 255, .28)}html[data-theme=dark]{--bg-0: #0b1220;--bg-1: #0f172a;--surface-1: #111c33;--surface-2: #132043;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .68);--text-faint: rgba(255, 255, 255, .45);--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .18);--hover: rgba(255, 255, 255, .06);--active: rgba(255, 255, 255, .1);--focus: rgba(59, 130, 246, .45);--app-bg: var(--bg-0);--content-bg: var(--bg-1);--app-text: var(--text);--app-card-bg: var(--surface-1);--app-card-shadow: 0 2px 8px rgba(0, 0, 0, .25);--app-border: var(--border);--app-border-light: var(--border-strong);--app-input-bg: rgba(255, 255, 255, .04);--app-muted: var(--text-muted);--app-modal-overlay: rgba(0, 0, 0, .75);--app-table-header-bg: rgba(255, 255, 255, .06);--app-table-hover: var(--hover);--sidebar-bg: #0a1224;--sidebar-bg-end: #08101f;--sidebar-hover: var(--hover);--sidebar-active-bg: var(--active);--sidebar-active-border: var(--accent);--sidebar-text: var(--text);--sidebar-text-muted: var(--text-muted);--sidebar-icon-opacity: .9;--sb-scroll-track: rgba(255, 255, 255, .03);--sb-scroll-thumb: rgba(255, 255, 255, .18);--sb-scroll-thumb-hover: rgba(255, 255, 255, .28)}html[data-theme=dark] .btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}html[data-theme=dark] .btn-secondary:hover{background:#ffffff1a;border-color:var(--border-strong)}*{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(--app-bg);color:var(--app-text);transition:background-color .2s ease,color .2s ease}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--app-card-bg);border-radius:8px;padding:20px;box-shadow:var(--app-card-shadow);margin-bottom:20px;border:1px solid var(--app-border-light);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid var(--app-border);border-radius:4px;font-size:14px;background:var(--app-input-bg);color:var(--app-text);transition:border-color .2s ease,background-color .2s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-control.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:12px;margin-top:5px}.table{width:100%;border-collapse:collapse;margin-top:20px;color:var(--app-text)}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--app-border)}.table th{background-color:var(--app-table-header-bg);font-weight:600;color:var(--app-text)}.table tr:hover{background-color:var(--app-table-hover)}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-primary{background-color:#007bff;color:#fff}.badge-success{background-color:#28a745;color:#fff}.badge-warning{background-color:#ffc107;color:#333}.badge-danger{background-color:#dc3545;color:#fff}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--app-modal-overlay)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--app-card-bg);color:var(--app-text);padding:30px;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--app-border-light)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:var(--app-text)}.close{font-size:28px;font-weight:700;cursor:pointer;color:var(--app-muted)}.close:hover{color:var(--app-text)}.loading{text-align:center;padding:20px;color:var(--app-muted)}.spinner{border:4px solid var(--app-border-light);border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:12px 20px;border-radius:4px;margin-bottom:20px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@media (max-width: 768px){.container{padding:10px}.card{padding:15px}.table{font-size:12px}.table th,.table td{padding:8px}}