*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#111827;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{color:#fff;z-index:1000;background:#356a9e;width:280px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:flex-start;min-height:96px;padding:20px 18px;display:flex}.sidebar-brand{color:#fff;font-size:22px;font-weight:700;line-height:1.25}.sidebar-close{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;display:none}.sidebar-nav{padding:12px 10px 30px}.sidebar-section{border-bottom:1px solid #0000001f;padding:10px 0}.sidebar-section:last-child{border-bottom:0}.sidebar-link{color:#fff;border-radius:8px;align-items:center;gap:12px;min-height:56px;margin:4px 0;padding:12px 14px;font-size:18px;font-weight:500;line-height:1.35;transition:background-color .2s,color .2s;display:flex}.sidebar-link:hover{background:#ffffff1f}.sidebar-link.is-active{color:#111827;background:#f3f4f6;font-weight:700}.sidebar-icon{width:28px;min-width:28px;height:28px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-icon svg{width:18px;height:18px;display:block}@media (width<=768px){.sidebar-icon{width:30px;min-width:30px;height:30px}.sidebar-icon svg{width:19px;height:19px}}.main{min-height:100vh;margin-left:280px}.topbar{background:#f7f7f7;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex}.topbar-welcome{font-size:16px;font-weight:600}.topbar-logout{color:#555;background:0 0;border:1px solid #0000;border-radius:6px;min-height:42px;padding:8px 14px;font-size:15px;font-weight:600}.topbar-logout:hover{color:#111827;background:#fff;border-color:#d1d5db}.content{width:100%;padding:42px 30px}.page-container{width:100%;max-width:1100px;margin:0 auto}.mobile-header,.sidebar-overlay,.mobile-user-menu{display:none}@media (width<=768px){body.sidebar-open{overflow:hidden}.mobile-header{z-index:900;background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;min-height:64px;padding:10px 14px;display:grid;position:sticky;top:0}.mobile-menu-button,.mobile-user-button{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;display:flex}.mobile-brand{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#20242b;border-radius:6px;min-width:0;padding:7px 10px;font-size:18px;font-weight:700;line-height:1.15;display:block;overflow:hidden}.sidebar{width:min(300px,88vw);transition:transform .25s;transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-close{display:flex}.sidebar-link{min-height:60px;font-size:18px}.sidebar-icon{width:30px;min-width:30px;font-size:22px}.sidebar-overlay{z-index:950;background:#00000073;position:fixed;inset:0}body.sidebar-open .sidebar-overlay{display:block}.main{margin-left:0}.topbar{display:none}.content{padding:28px 16px}.page-container{width:100%;max-width:100%}.mobile-user-menu{z-index:1100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:260px;padding:16px;position:fixed;top:64px;right:12px;box-shadow:0 8px 24px #0000001f}.mobile-user-menu.is-open{display:block}.mobile-user-name{margin-bottom:14px;font-size:16px;font-weight:600;line-height:1.4}.mobile-logout-button{color:#333;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;min-height:46px;padding:10px 14px;font-size:16px;font-weight:600}}