:root{color-scheme:light;--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#eeeeee;--text-primary:#1a1a2e;--text-secondary:#666666;--text-muted:#94a3b8;--border-color:#e0e0e0;--border-light:#eee;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--accent-primary:#1a73e8;--accent-primary-hover:#1557b0;--accent-success:#10b981;--accent-danger:#dc3545;--accent-warning:#f59e0b;--card-bg:#ffffff;--input-bg:#ffffff;--input-border:#ddd;--scrollbar-bg:#f1f1f1;--scrollbar-thumb:#c1c1c1;--sidebar-bg:#ffffff;--sidebar-text:#1a1a2e;--sidebar-text-secondary:#666666;--sidebar-muted:#94a3b8;--sidebar-border:#e0e0e0;--sidebar-hover:#f0f0f0;--sidebar-badge:rgba(26,115,232,0.15);--sidebar-active-bg:#1a73e8;--sidebar-active-text:#ffffff}.dark{color-scheme:dark;--bg-primary:#0f1117;--bg-secondary:#1a1a2e;--bg-tertiary:#141b2d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-light:#1e293b;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.3);--card-bg:linear-gradient(135deg,#1e293b,#0f172a);--input-bg:#0f172a;--input-border:#334155;--scrollbar-bg:#1e293b;--scrollbar-thumb:#475569;--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-secondary:#94a3b8;--sidebar-muted:#64748b;--sidebar-border:#334155;--sidebar-hover:rgba(255,255,255,0.08);--sidebar-badge:rgba(255,255,255,0.15);--sidebar-active-bg:#1a73e8;--sidebar-active-text:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{min-height:100vh}.page{padding-bottom:40px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pageTitle{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.pageSubtitle{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.btnPrimary{background-color:var(--accent-primary);color:white}.btnPrimary:hover{background-color:var(--accent-primary-hover);box-shadow:0 2px 8px rgba(26,115,232,.3)}.btnSecondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btnSecondary:hover{background-color:var(--border-color)}.btnDanger{background-color:var(--accent-danger);color:white}.btnDanger:hover{background-color:#c82333}.btnIcon{padding:8px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btnIcon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cardTitle{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modalHeader{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modalTitle{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-primary)}.modalClose{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:4px}.modalClose:hover{color:var(--text-primary)}.modalBody{padding:24px}.modalFooter{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px}.formGroup{margin-bottom:16px}.formLabel{display:block;font-weight:500;margin-bottom:6px;color:var(--text-primary)}.formInput,.formSelect,.formTextarea{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:.95rem;transition:border-color .2s;background-color:var(--input-bg);color:var(--text-primary)}.formInput:focus,.formSelect:focus,.formTextarea:focus{outline:none;border-color:var(--accent-primary)}.formTextarea{min-height:80px;resize:vertical}.formSelect option,select option{background-color:var(--input-bg);color:var(--text-primary)}.grid{display:grid;grid-gap:20px;gap:20px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid2,.grid3{grid-template-columns:1fr}}.emptyState{text-align:center;padding:40px 20px;color:var(--text-secondary)}.emptyStateIcon{font-size:3rem;margin-bottom:12px}.emptyStateText{font-size:1rem}.navbar{background:var(--card-bg);padding:16px 24px;justify-content:space-between;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.navbar,.navbarBrand{display:flex;align-items:center}.navbarBrand{gap:12px;text-decoration:none}.navbarLogo{width:36px;height:36px;background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.2rem}.navbarTitle{font-weight:600;color:var(--text-primary)}.navbarLinks{display:flex;gap:8px}.navbarLink{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.navbarLink:hover{background:var(--bg-tertiary);color:var(--text-primary)}.navbarLink.active{background:var(--accent-primary);color:white}.navbarBack{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.navbarBack:hover{background:var(--bg-tertiary);color:var(--accent-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}