@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#0f172a;--secondary:#334155;--accent:#0ea5e9;--background:#f8fafc;--surface:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem}body,html{font-family:Poppins,sans-serif;background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:100px;padding-bottom:3rem}.custom-navbar{background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0}.navbar-brand{font-weight:700;color:var(--primary)!important;font-size:1.5rem;letter-spacing:-.5px}.nav-link{color:var(--text-muted)!important;font-weight:500;margin:0 .5rem;transition:color .2s}.nav-link.router-link-active,.nav-link:hover{color:var(--accent)!important}.user-profile-badge{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;padding-right:1rem;border-right:1px solid var(--border)}.user-name{font-weight:600;font-size:.9rem;color:var(--primary)}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.btn{border-radius:var(--radius-sm);font-weight:500;padding:.6rem 1.5rem;transition:all .2s;font-size:.95rem}.btn-primary{background-color:var(--accent);border-color:var(--accent)}.btn-primary:hover{background-color:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.btn-lg{padding:.8rem 2rem;font-size:1.1rem}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem;line-height:1.2}.card{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;margin-bottom:1.5rem}.hover-shadow:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.form-control,.form-select{border-radius:var(--radius-sm);border-color:var(--border);padding:.75rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(14,165,233,.15)}.footer{background-color:var(--surface)}.footer,.footer-link{color:var(--text-muted);font-size:.9rem}.footer-link{text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent)}.text-primary{color:var(--accent)!important}.bg-light{background-color:#f1f5f9!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}