.sidebar.open{left:0}.sidebar ul{padding:0}.sidebar li{padding:15px 20px}.sidebar li a{display:flex;align-items:center;color:white;font-size:15px;text-decoration:none}.sidebar li a img{width:20px;height:20px;margin-right:10px}.sidebar li.active,.sidebar li:hover{background-color:#aed3bd}.sidebar li.active a,.sidebar li:hover a{color:orange}#sidewrappercomponent{padding:20px;transition:margin-left .3s ease}.wrapper{display:flex;min-height:100vh}.container-left{width:380px;background:#EAE9CC;padding:24px}.container-right{background:#F7F6DF;padding:24px}.profileHeader{display:grid;place-items:center;row-gap:12px;text-align:center;margin-bottom:16px}.avatar{width:96px;height:96px;border-radius:9999px;background:#eef2f7;display:grid;place-items:center;color:var(--muted);font-weight:600;letter-spacing:.06em}.avatar img{filter:brightness(0) saturate(100%) invert(50%)}.name{font-size:18px;font-weight:800;line-height:1.2;text-transform:uppercase}.title{font-size:13px;color:var(--muted)}.updateBtn{margin-top:4px;background:#ffffff;color:var(--text);font-weight:600;border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer}.updateBtn:hover{background:#f9fafb}.teachers_id{display:inline-flex;gap:6px;align-items:baseline;margin-top:8px}.teachers_id .id{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.teachers_id .id_value{font-size:14px;color:var(--text);font-weight:600}.card{background:#EAE9CC;padding:16px}.infoList{row-gap:12px;gap:20px}.infoList,.infoRow{display:flex;flex-direction:column}.infoRow{column-gap:20px}.infoLabel{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.infoValue{font-size:14px;color:var(--text);line-height:1.45;word-break:break-word}.quickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quickCard{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 16px}.quickIcon{width:67px;height:67px;padding:8px;cursor:pointer}.quickIcon img{width:100%;height:auto;display:block}.quickTitle{font-weight:700;line-height:1.2;font-size:14px;cursor:pointer;outline:none;text-decoration:none;color:var(--text)}.announcementWrap,.container-box{display:grid;row-gap:10px}.sectionTitle{font-weight:700;font-size:16px;letter-spacing:.01em}.announcement{height:300px;overflow:auto;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.annItem{padding:10px 0;border-bottom:1px solid var(--border)}.annItem:last-child{border-bottom:none}.annTitle{font-weight:700;margin-bottom:4px;font-size:14px}.annMeta{font-size:12px;color:var(--muted);margin-bottom:6px}.announcement::-webkit-scrollbar{width:6px}.announcement::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (max-width:1024px){.wrapper{flex-direction:column;min-height:auto}.container-left{width:100%;padding:16px;order:1}.container-right{padding:16px;order:2}.quickGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.name{font-size:16px}.title{font-size:12px}.quickGrid{grid-template-columns:1fr;gap:12px}.quickIcon{width:56px;height:56px}.quickTitle{font-size:13px}.infoRow{flex-direction:column;gap:8px}.card{padding:12px}}@media (max-width:480px){.avatar{width:72px;height:72px}.updateBtn{padding:8px 12px;font-size:13px}.announcement{height:auto}.sectionTitle{font-size:14px}}