*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f6fa;color:#333}.header{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:0 2px 10px #0000001a}.left-header{display:flex;align-items:center;gap:15px}.menu-toggle{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.menu-toggle:hover{background-color:#ffffff1a}.logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none}.right-header{display:flex;align-items:center;gap:15px}.profile-section{display:flex;align-items:center;gap:10px}.profile-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#feca57);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:14px;font-weight:500}.profile-role{font-size:12px;opacity:.8}.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn:hover{background:#fff3;transform:translateY(-1px)}.sidebar{position:fixed;top:60px;left:0;width:260px;height:calc(100vh - 60px);background:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(0);transition:transform .3s ease;z-index:999;overflow-y:auto}.sidebar.hidden{transform:translate(-100%)}.nav-menu{padding:20px 0}.nav-section{margin-bottom:30px}.nav-section-title{padding:0 20px 10px;font-size:12px;font-weight:600;color:#8e94a6;text-transform:uppercase;letter-spacing:1px}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#5a6c7d;text-decoration:none;transition:all .3s;position:relative}.nav-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.1) 0%,transparent 100%);color:#667eea}.nav-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1) 0%,transparent 100%);color:#667eea;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#667eea}.nav-icon{margin-right:12px;font-size:18px}.main-content{margin-left:260px;margin-top:60px;padding:30px;transition:margin-left .3s ease;min-height:calc(100vh - 60px)}.main-content.expanded{margin-left:0}@media(max-width:768px){.profile-info{display:none}.right-header{gap:10px}.sidebar{width:100%;transform:translate(-100%)}.main-content{margin-left:0;padding:20px}.sidebar.show-mobile{transform:translate(0)}}.content-header{margin-bottom:30px}.content-title{font-size:32px;font-weight:300;color:#2c3e50;margin-bottom:8px}.content-subtitle{color:#7f8c8d;font-size:16px}.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014;margin-bottom:20px}.overlay{position:fixed;inset:0;background:#00000080;z-index:998;display:none}.overlay.active{display:block}