*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#212529;background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-layout{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e9ecef;align-items:center;gap:1.5rem;height:56px;padding:0 1.5rem;display:none;position:sticky;top:0}.brand{color:#5c6bc0;white-space:nowrap;font-size:1.1rem;font-weight:700}.nav-links{flex:1;gap:.25rem;display:flex}.nav-links a{color:#495057;white-space:nowrap;border-radius:6px;padding:.35rem .75rem;font-size:.9rem;transition:background .15s}.nav-links a:hover{background:#f1f3f5}.nav-links a.router-link-exact-active{color:#3949ab;background:#e8eaf6;font-weight:500}.logout-btn{cursor:pointer;color:#868e96;white-space:nowrap;background:0 0;border:1px solid #dee2e6;border-radius:6px;margin-left:auto;padding:.3rem .8rem;font-size:.85rem}.logout-btn:hover{background:#f8f9fa}.bottom-nav{z-index:100;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9ecef;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#868e96;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:.7rem;transition:color .15s;display:flex}.bottom-nav-item:hover,.bottom-nav-item.router-link-exact-active{color:#5c6bc0}.bottom-nav-item.router-link-exact-active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:1.3rem;line-height:1}.nav-label{font-size:.68rem}.bottom-logout{color:#868e96}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:14px;width:280px;padding:1.5rem 1.5rem 1.25rem}.modal-text{color:#212529;margin-bottom:1.25rem;font-size:1rem}.modal-actions{gap:.75rem;display:flex}.modal-cancel{cursor:pointer;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex:1;padding:.6rem;font-size:.95rem}.modal-confirm{color:#fff;cursor:pointer;background:#e03131;border:none;border-radius:8px;flex:1;padding:.6rem;font-size:.95rem;font-weight:500}main{flex:1}main.with-nav{width:100%;max-width:960px;margin:0 auto;padding:1.5rem}main.with-bottom-nav{padding-bottom:calc(60px + env(safe-area-inset-bottom) + 1rem)}@media (width>=640px){.navbar{display:flex}.bottom-nav{display:none}main.with-bottom-nav{padding-bottom:1.5rem}}