body{font-family:'Roboto',sans-serif;background-color:#f4f6f9;margin:0;padding:0;color:#333;line-height:1.6}.header{background-color:#fff;padding:.6em .8em;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}.header-logo img{max-width:210px;max-height:80px;object-fit:contain}.header-title{font-size:1.3rem;font-weight:bold;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.header-title-break{font-size:1.3rem;font-weight:bold;color:#444;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media(max-width:768px){.header-title{font-size:1.5rem;text-align:left}}@media(max-width:480px){.header-logo img{max-width:120px;max-height:50px}.header-title{font-size:1.3rem}}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:15px;font-size:14px;margin-top:40px}.footer a{color:#0af;text-decoration:none}.footer a:hover{text-decoration:underline}.logout-button-container{z-index:1000;display:flex;align-items:center;background-color:transparent}
.logout-button{display:flex;align-items:center;justify-content:center;background-color:#ff6b6b;color:white;padding:10px 15px;border-radius:25px;text-align:center;transition:background-color .3s ease,transform .2s ease;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,0.2);border:0;cursor:pointer;text-decoration:none}.logout-button:hover{background-color:#d9534f;transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,0.3)}.logout-button i{margin-right:8px}.logout-text{font-size:16px;font-weight:bold;color:#fff;white-space:nowrap}
.ui-chkbox{display:flex;gap:5px;justify-content:flex-start;align-items:flex-start;align-content:flex-start}