*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app-nav{background:#343a40;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.nav-brand:hover{color:#adb5bd}.nav-actions{display:flex;align-items:center;gap:1rem}.user-info{color:#adb5bd}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem}.logout-btn:hover{background:#c82333}.app-main{min-height:100vh}.app-main.with-nav{min-height:calc(100vh - 70px)}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}