.sidebar[data-v-d4fe30fd]{width:280px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.sidebar-header[data-v-d4fe30fd]{padding:30px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1[data-v-d4fe30fd]{margin:0;font-size:32px;font-weight:700}.sidebar-header p[data-v-d4fe30fd]{margin:5px 0 0;font-size:12px;opacity:.8}.sidebar-nav[data-v-d4fe30fd]{flex:1;padding:20px 0;display:flex;flex-direction:column}.nav-item[data-v-d4fe30fd]{display:flex;align-items:center;padding:15px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-d4fe30fd]:hover{background-color:#ffffff1a;color:#fff}.nav-item.active[data-v-d4fe30fd]{background-color:#ffffff26;color:#fff;border-left-color:#4fc3f7}.nav-item .icon[data-v-d4fe30fd]{font-size:20px;margin-right:15px;min-width:20px}.nav-item .label[data-v-d4fe30fd]{font-size:14px;font-weight:500}.sidebar-footer[data-v-d4fe30fd]{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn[data-v-d4fe30fd]{width:100%;display:flex;align-items:center;padding:12px 15px;background-color:#ffffff1a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.logout-btn[data-v-d4fe30fd]:hover{background-color:#ff00004d}.logout-btn .icon[data-v-d4fe30fd]{font-size:18px;margin-right:10px}#app[data-v-e6adafb6]{display:flex;height:100vh;background-color:#f5f5f5}.main-content[data-v-e6adafb6]{flex:1;overflow-y:auto;padding:20px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;color:#333}#app{height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.main-content{width:100%}}