.dashboard-container{display:flex;min-height:100vh;background-color:#f5f5f5}.mobile-header{display:none;padding:15px 20px;background-color:#2c3e50;color:#fff;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:1000}.mobile-header h3{margin:0;font-size:16px}.hamburger-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0}.sidebar{width:280px;background-color:#2c3e50;color:#fff;padding:30px 0;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #34495e;margin-bottom:20px}.sidebar-header h3{margin:0 0 5px;font-size:18px;font-weight:600;word-wrap:break-word}.user-type{margin:5px 0 0;font-size:12px;color:#bdc3c7}.menu-list{list-style:none;margin:0;padding:0}.menu-item{width:100%;padding:14px 20px;border:none;background-color:transparent;color:#fff;cursor:pointer;text-align:left;font-size:14px;font-weight:500;transition:all .3s ease;border-left:3px solid transparent}.menu-item:hover{background-color:#34495e;padding-left:24px}.menu-item.active{background-color:#3498db;border-left-color:#2980b9;padding-left:24px}.logout-btn{position:relative;bottom:20px;left:20px;right:20px;padding:12px 20px;border:none;background-color:#e74c3c;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;font-weight:600;transition:background-color .3s ease}.logout-btn:hover{background-color:#c0392b}.main-content{margin-left:280px;flex:1;padding:40px}.content-wrapper{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #00000014;min-height:calc(100vh - 80px)}.page-content h2{color:#2c3e50;margin-top:0;margin-bottom:15px}.page-content p{color:#7f8c8d;font-size:15px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 4px #3498db4d}.btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.table-responsive{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:14px}table thead{background-color:#ecf0f1}table th{padding:12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #bdc3c7}table td{padding:12px;border-bottom:1px solid #ecf0f1}table tbody tr:hover{background-color:#f9f9f9}@media (max-width: 1024px){.sidebar{width:250px}.main-content{margin-left:250px;padding:30px}.content-wrapper{padding:30px}}@media (max-width: 768px){.mobile-header{display:flex}.dashboard-container{flex-direction:column}.sidebar{position:fixed;left:-280px;top:60px;height:calc(100vh - 60px);width:280px;z-index:999;transition:left .3s ease}.sidebar.open{left:0}.main-content{margin-left:0;margin-top:60px;padding:20px}.content-wrapper{padding:20px;min-height:auto}.logout-btn{position:static;width:calc(100% - 40px);margin:20px}}@media (max-width: 480px){.mobile-header{position:sticky}.mobile-header h3{font-size:14px}.main-content{padding:15px}.content-wrapper{padding:15px;border-radius:4px}.page-content h2{font-size:22px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:13px}.btn{padding:10px 20px;font-size:13px;width:100%;margin-bottom:10px}table{font-size:12px}table th,table td{padding:8px}}body{font-family:Arial,Helvetica,sans-serif}label{display:block;margin-top:8px}input,select{width:100%;padding:6px;margin-top:4px}button{margin-top:12px;padding:8px 12px}.dashboard-root{height:100vh;display:flex;flex-direction:column}.dash-header{display:flex;align-items:center;padding:8px 12px;background:#0b5;color:#002}.dash-header .brand{font-weight:700;margin-left:8px}.dash-header .spacer{flex:1}.dash-body{display:flex;flex:1;overflow:hidden}.dash-nav{width:240px;background:#f4f4f4;padding:12px;box-shadow:inset -1px 0 #0000000d;overflow:auto}.dash-nav ul{list-style:none;padding:0;margin:0}.dash-nav li{margin-bottom:8px}.dash-nav a{text-decoration:none;color:#111;display:block;padding:8px;border-radius:4px}.dash-nav a.active,.dash-nav a:hover{background:#0b5;color:#002}.link-like{background:none;border:none;padding:8px;color:#111;text-align:left;width:100%;cursor:pointer}.dash-main{flex:1;padding:16px;overflow:auto}.hamburger{display:none;background:none;border:none;font-size:20px}@media (max-width: 800px){.dash-nav{position:fixed;left:-100%;top:56px;height:calc(100% - 56px);width:240px;transition:left .2s ease;z-index:30}.dash-nav.open{left:0}.hamburger{display:inline-block}}