:root{--primary-red:#dc2626;--primary-red-hover:#b91c1c;--dark-slate:#0f172a;--dark-slate-hover:#1e293b;--light-bg:#f8f9fa}body{background-color:var(--light-bg);font-family:Inter,Roboto,sans-serif}.sidebar{background-color:var(--dark-slate);color:#fff;min-height:100vh;box-shadow:4px 0 10px #0000000d}.sidebar .nav-link{color:#cbd5e1;border-radius:.375rem;margin-bottom:.5rem;transition:all .2s ease-in-out}.sidebar .nav-link:hover,.sidebar .nav-link.active{background-color:var(--primary-red);color:#fff}.sidebar .nav-link i{margin-right:10px;font-size:1.1rem}.top-navbar{background-color:#fff;box-shadow:0 2px 5px #0000000d}.btn-primary-red{background-color:var(--primary-red);color:#fff;border:none;transition:all .2s}.btn-primary-red:hover{background-color:var(--primary-red-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px #dc262633}.action-icon{cursor:pointer;color:var(--dark-slate);margin:0 5px;font-size:1.2rem;transition:color .2s}.action-icon.edit:hover{color:#0d6efd}.action-icon.delete:hover{color:#dc3545}.action-icon.detail:hover{color:#198754}