body,h1,h2,p,form,input,button{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;}.main-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px;color:#333;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;padding:0 20px;gap:20px;}.logo-container{grid-column:1;width:auto;height:auto;max-width:30px;}.search-box{grid-column:2;justify-self:center;display:flex;align-items:center;gap:10px;background-color:#f0f0f0;padding:8px 15px;border-radius:20px;width:300px;border:1px solid #e0e0e0;transition:all 0.3s ease;}.search-box:hover{box-shadow:0 0 8px rgba(128,0,128,0.1);}.search-input{padding:8px;border:none;background:transparent;width:100%;font-size:14px;outline:none;}.search-btn{padding:6px;background:transparent;color:#800080;border:none;cursor:pointer;transition:transform 0.2s;}.search-btn:hover{transform:scale(1.1);}.search-btn .material-icons{font-size:22px;}.header-icons{grid-column:3;display:flex;align-items:center;gap:20px;}.user-profile{display:flex;align-items:center;margin-right:15px;}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #800080;}.user-name{font-size:15px;font-weight:600;margin-left:10px;}.icon-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all 0.2s;}.icon-wrapper:hover{transform:translateY(-2px);}.icon-wrapper .material-icons{font-size:26px;color:#800080;}.icon-tooltip{font-size:11px;margin-top:3px;color:#666;font-weight:500;}.sidebar{width:250px;background-color:#fff;height:calc(100vh - 60px);position:fixed;top:60px;left:0;z-index:999;overflow-y:auto;border-right:1px solid #eee;padding:15px 0;}.sidebar-menu{display:flex;flex-direction:column;gap:5px;}.sidebar-item{padding:12px 20px;cursor:pointer;transition:all 0.2s;border-left:3px solid transparent;}.sidebar-item:hover{background-color:#f9f9f9;}.sidebar-item.active{border-left:3px solid #800080;background-color:#f5f0f7;}.item-content{display:flex;align-items:center;}.item-text{margin-left:15px;font-size:15px;font-weight:500;}.sub-items{margin-top:5px;margin-left:35px;display:none;}.sub-item{padding:10px 15px;font-size:14px;color:#555;transition:all 0.2s;}.sub-item:hover{color:#800080;background-color:#f9f9f9;}.sidebar-item.active .sub-items{display:block;}.main-content{flex:1;margin-top:60px;margin-left:250px;height:calc(100vh - 60px);overflow-y:auto;background-color:#f9f9f9;position:relative;}.content-container{min-height:100%;display:flex;justify-content:center;align-items:center;position:relative;}.default-content{display:flex;justify-content:center;align-items:center;height:100%;position:relative;}.slogan{font-family:'Montserrat','Arial Rounded MT Bold',sans-serif;font-size:5rem;font-weight:800;color:rgba(128,0,128,0.15);text-align:center;user-select:none;letter-spacing:2px;line-height:1.1;margin:0 auto;padding:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.05);animation:fadeInScale 1.5s ease-out;max-width:90%;}@keyframes fadeInScale{from{opacity:0;transform:translate(-50%,-50%) scale(0.9);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}.content-section{display:none;padding:30px;}.content-section.active{display:block;animation:fadeIn 0.5s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (max-width:1200px){.slogan{font-size:4rem;}}@media (max-width:992px){.sidebar{width:220px;}.main-content{margin-left:220px;}.slogan{font-size:3.5rem;}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform 0.3s ease;}.sidebar.active{transform:translateX(0);}.main-content{margin-left:0;}.slogan{font-size:3rem;white-space:normal;width:90%;}.search-box{width:200px;}}@media (max-width:576px){.slogan{font-size:2.5rem;}.header-content{grid-template-columns:auto 1fr;}.search-box{grid-column:1 / span 2;grid-row:2;width:90%;margin:10px auto 0;}.header-icons{grid-column:2;}.user-name,.icon-tooltip{display:none;}}@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');