:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
html,body{height:100%;margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-content{flex-direction:column;flex:1;display:flex;background:0 0!important}
.navbar{z-index:1000;color:#fff;background:#000;position:sticky;top:0;box-shadow:0 2px 12px #00000059}.nav-inner{justify-content:center;align-items:center;gap:36px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.nav-left{align-items:center;gap:12px;display:flex}.brand{color:#fff;font-size:1.1rem;font-weight:700;text-decoration:none}.nav-logo{border-radius:6px;width:auto;height:28px}.nav-right{align-items:center;gap:18px;display:flex}.nav-link{color:#fff;font-size:.98rem;font-weight:600;text-decoration:none;transition:color .2s,opacity .2s}.nav-link:hover{color:#32cd32}.nav-link.active,.brand.active{border-bottom:2px solid #32cd32;padding-bottom:2px}.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:8px;padding:6px 12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.logout-btn:hover{color:#000;background:#32cd32;border-color:#32cd32}@media (max-width:720px){.nav-inner{gap:16px;padding:10px 16px}.nav-right{gap:14px}}
.site-footer{color:#fff;background:#000;border-top:1px solid #ffffff14;padding-top:36px}.footer-inner{grid-template-columns:1.4fr 3fr;gap:36px;max-width:1200px;margin:0 auto;padding:28px 24px;display:grid}.footer-title{margin-bottom:6px;font-size:1.2rem;font-weight:800}.footer-tagline{color:#ccc;margin:0;font-size:.95rem}.footer-links{grid-template-columns:repeat(4,minmax(140px,1fr));gap:24px;display:grid}.footer-col h4{color:#bdbdbd;letter-spacing:.2px;margin:0 0 10px;font-size:.95rem;font-weight:700}.footer-col a{color:#fff;opacity:.9;padding:6px 0;font-size:.95rem;text-decoration:none;transition:opacity .2s,color .2s;display:block}.footer-col a:hover{color:#32cd32;opacity:1}.footer-bottom{text-align:center;color:#bdbdbd;background:#000;border-top:1px solid #ffffff14;padding:12px 24px;font-size:.9rem}@media (max-width:900px){.footer-inner{grid-template-columns:1fr;gap:24px}.footer-links{grid-template-columns:repeat(2,1fr)}}