#app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;background-color:#f8f9fa}.sidebar{width:300px;background:#fff;border-right:1px solid #e0e0e0;transition:all .3s ease;position:fixed;top:0;left:0;height:100vh;z-index:1000;overflow-y:auto}.sidebar-collapsed{width:80px}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid #e0e0e0;justify-content:space-between}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{width:32px;height:32px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:8px;justify-content:center;color:#fff;font-size:1.2rem}.sidebar-brand{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-left:.75rem}.sidebar-toggle{padding:.25rem;border:none;background:none;color:#6c5ce7;font-size:1.2rem}.sidebar-content{padding:1rem 0}.sidebar-nav{list-style:none;padding:0;margin:0}.nav-section{padding:1rem 1rem .5rem;margin-top:1.5rem}.nav-section:first-child{margin-top:0}.nav-section-title{font-size:.7rem;font-weight:600;color:#8e9aaf;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;padding:.5rem 0}.nav-section-title i{color:#6c5ce7;margin-right:.5rem;font-size:.8rem}.nav-item{margin:.125rem .75rem}.nav-item,.nav-link{display:flex;align-items:center;width:100%}.nav-link{justify-content:flex-start;padding:.75rem 1rem;color:#5a6a85;text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:500;font-size:.95rem;margin:.125rem 0;min-height:48px}.nav-link:hover{background-color:#f8f9fa;color:#6c5ce7}.nav-link.router-link-active{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:600;border-radius:0 8px 8px 0;margin-left:-15px;padding-left:15px;padding-right:15px;width:calc(100% + 15px)}.nav-link-collapsed{justify-content:center;padding:.75rem;min-height:50px}.nav-icon{font-size:1.2rem;color:#6c5ce7;margin-right:.75rem;flex-shrink:0}.nav-link.router-link-active .nav-icon{color:#fff}.nav-text{flex:1;font-weight:500;white-space:nowrap}.main-wrapper{flex:1;margin-left:300px;transition:all .3s ease;min-height:100vh;display:flex;flex-direction:column}.main-wrapper.no-sidebar{margin-left:0}.topbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1.5rem;position:sticky;top:0;z-index:999}.topbar-content{display:flex;align-items:center;justify-content:space-between}.topbar-search{flex:1;max-width:400px}.topbar-search .input-group{border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.topbar-search .input-group-text{background:#f8f9fa;border:none;color:#6c5ce7}.topbar-search .form-control{border:none;background:#f8f9fa;font-size:.875rem}.topbar-search .form-control:focus{box-shadow:none;background:#f8f9fa}.topbar-actions{display:flex;align-items:center;gap:.5rem}.topbar-actions .btn{padding:.5rem;color:#5a6a85;border:none;background:none;border-radius:8px;transition:all .3s ease}.topbar-actions .btn:hover{background-color:#f8f9fa;color:#6c5ce7}.avatar{width:32px;height:32px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.page-content{flex:1;background-color:#f8f9fa;min-height:calc(100vh - 80px)}.page-content.no-topbar{min-height:100vh}.dark-theme{background-color:#121212!important;color:#fff}.dark-theme .sidebar{background:#1e1e1e;border-color:#333}.dark-theme .nav-link{color:#b0b0b0}.dark-theme .nav-link:hover{background-color:#2a2a2a;color:#6c5ce7}.dark-theme .topbar{background:#1e1e1e;border-color:#333}.dark-theme .page-content{background-color:#121212}.dark-theme .card{background-color:#1e1e1e;color:#fff;border-color:#333}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-wrapper{margin-left:0}.topbar-search{display:none}}