*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;font-family:Playpen Sans,cursive;background-color:#fffcee;color:#333}.page-container{max-width:900px;margin:20px auto;padding:8px;min-height:calc(100vh - 40px);border:4px solid #F7DEC4;background-color:#fffcee;line-height:28px}.page-inner{padding:14px 40px 20px;height:100%;min-height:calc(100vh - 64px);border:2px solid #F7DEC4;background-color:#fffcee;background-size:calc(100% - 80px) 100%;background-position:center;background-repeat:repeat-y;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,#E4E4E4 27px,#E4E4E4 28px);line-height:28px}h1{font-size:28px;line-height:56px;color:#e31246}.app-layout{display:flex;min-height:100vh;padding:20px;gap:20px}.sidebar{width:200px;background-color:#f7dec4;border-radius:8px;padding:20px 0;display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease}.sidebar.closed{width:60px}.sidebar-menu{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:#002f5c;gap:12px;transition:background-color .2s}.menu-item:hover{background-color:#002f5c1a}.menu-item.active{background-color:#002f5c26;font-weight:700}.menu-item .icon{font-size:20px;width:24px;text-align:center}.menu-item .label{white-space:nowrap}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:2px solid rgba(0,47,92,.2);margin-bottom:10px}.sidebar-logo{text-decoration:none;color:#002f5c;font-weight:700;font-size:16px;line-height:1.3;flex:1}.logo-image{display:none;height:36px;width:auto}.sidebar.closed .logo-image{display:block}.sidebar.closed{flex-direction:column;align-items:center;gap:0;font-size:16px}.sidebar.closed .letter.up,.sidebar.closed .letter.down{transform:none}.sidebar.closed .sidebar-logo .logo-text{display:none}.sidebar-toggle{width:28px;height:28px;border:none;background-color:#002f5c;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;flex-shrink:0}.sidebar.closed .sidebar-toggle{transform:rotate(180deg)}.sidebar.closed .sidebar-header{flex-direction:column;gap:10px}.sidebar.closed .menu-item .label{display:none}.page-container{flex:1;margin:0}.mobile-header,.sidebar-overlay{display:none}.site-footer{margin-top:56px;padding-top:14px;border-top:1px solid #E4E4E4;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#7e8285;line-height:28px}.site-footer .signo{height:20px;width:auto;vertical-align:middle}.site-footer .divider{color:#e4e4e4}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f7dec4;position:fixed;top:0;left:0;right:0;z-index:100}.hamburger{background:none;border:none;font-size:24px;cursor:pointer;color:#002f5c;padding:4px 8px}.mobile-title{font-weight:700;color:#002f5c;font-size:16px}.app-layout{flex-direction:column;padding:60px 10px 10px}.sidebar{position:fixed;top:0;left:-260px;height:100vh;z-index:200;border-radius:0;transition:left .3s ease}.sidebar.open{left:0}.sidebar.closed{left:-260px;width:200px}.sidebar-toggle{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:150}.sidebar-overlay.visible{display:block}.page-container{min-height:calc(100vh - 70px)}.page-inner{min-height:calc(100vh - 94px);padding:15px 20px;background-size:calc(100% - 40px) 100%}}