.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #ddd;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;color:#333}.logo h1{font-size:1.5rem;font-weight:700;color:#007cba}.main-nav{display:flex;gap:1.5rem;align-items:center}.main-nav a{text-decoration:none;color:#666;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.main-nav a:hover{background-color:#f5f5f5}.main-nav a.active{color:#007cba;background-color:#f0f8ff}.app-main{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.app-footer{background:#f9f9f9;border-top:1px solid #ddd;padding:1rem 2rem;text-align:center;color:#666;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;display:flex;flex-direction:column}.cool-gray{background-color:#f5f7fa}@media print{.no-print{display:none!important}}