/* Giữ thanh điều hướng bên trái ở mọi kích thước cửa sổ. */
@media screen and (max-width:760px){
 aside{position:fixed;inset:0 auto 0 0;width:190px;height:100dvh;padding:20px 10px;overflow-y:auto;border-bottom:0;z-index:10}
 .brand{font-size:16px;gap:8px;padding:0 2px 18px;align-items:flex-start}
 .brand small{font-size:10px;line-height:1.5}
 .logo{font-size:22px;padding:4px 8px}
 nav{display:grid;overflow:visible;margin-top:18px;gap:8px}
 nav button{width:100%;padding:12px 10px;gap:9px;text-align:left}
 nav button span{font-size:13px;white-space:normal}
 .offline{display:block;margin-top:auto;padding:16px 2px 0;font-size:11px}
 .offline p{font-size:10px}
 .offline button{font-size:12px;padding:9px 6px}
 main{margin-left:190px;min-width:0}
 .page{padding:20px 14px}
 .month-tools label{flex-wrap:wrap;gap:2px;padding:8px 10px}
 .month-tools input{width:100%;padding-inline:0}
 .stats{grid-template-columns:1fr}
 .pagination .tools{flex-wrap:wrap}
 .tools input[type=search]{width:100%;flex-basis:100%}
}
@media screen and (max-width:480px){
 aside{width:150px;padding:18px 8px}
 main{margin-left:150px}
 .brand{font-size:14px;gap:6px}
 .brand small{font-size:9px}
 .logo{font-size:19px;padding:4px 6px}
 nav button{padding:11px 7px;gap:7px}
 nav button span{font-size:12px}
 .page{padding:18px 10px}
 h1,.heading h1{font-size:22px}
 .marking-tools{padding:12px}
 .palette input{min-width:0}
 .tools select{max-width:100%}
}