:root{--color-bg:#fff;--color-surface:#f0f0f0;--color-border:#ddd;--color-border-subtle:#eee;--color-logo-bg:#ccc;--color-side:pink;--color-footer:#87ceeb;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-notice:#fff3cd;--color-error:#b00020;--gutter:16px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;margin:0;font-family:sans-serif}img{max-width:100%}.page{flex-direction:column;width:100%;min-height:100vh;display:flex}.site-header{background-color:var(--color-surface);padding:10px var(--gutter);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.logo img{background-color:var(--color-logo-bg);border-radius:5px;width:auto;height:40px;padding:5px}.login-section{align-items:center;display:flex}.user-info{align-items:center;gap:10px;display:flex}.profile-pic{object-fit:cover;border-radius:50%;width:30px;height:30px}.logout-button{background-color:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:5px 10px;font-size:.9em}.logout-button:hover{background-color:var(--color-danger-hover)}.content{background-color:var(--color-bg);flex:1;display:flex}.side-panel{background-color:var(--color-side);width:10%;min-width:100px;padding:var(--gutter);text-align:center;justify-content:center;align-items:center;display:flex}.main-content{width:80%;padding:var(--gutter);text-align:center;border-left:1px solid var(--color-border-subtle);border-right:1px solid var(--color-border-subtle);overflow-wrap:anywhere;flex-grow:1}.notice{background-color:var(--color-notice);border-radius:4px;padding:8px 12px}.error{color:var(--color-error)}.site-footer{background-color:var(--color-footer);text-align:center;color:#fff;border-top:1px solid var(--color-border);padding:20px}code{background-color:var(--color-surface);word-break:break-all;border-radius:3px;padding:2px 4px}@media (width<=700px){.content{flex-direction:column}.side-panel{display:none}.main-content{border-left:none;border-right:none;width:100%}}