:root{--color-primary: #1e3a5f;--color-primary-dark: #16304f;--color-primary-light: #2a4f7c;--color-header-bg: #0d1b2a;--color-sidebar-bg: #0d1b2a;--color-sidebar-hover: #1e3a5f;--color-sidebar-active: #2563eb;--color-sidebar-text: #93b4d4;--color-sidebar-text-active: #ffffff;--color-bg: #f0f4f8;--color-surface: #ffffff;--color-border: #dce3ec;--color-text-primary: #1a1a2e;--color-text-secondary: #4a5568;--color-accent: #2563eb;--shadow-card: 0 2px 12px rgba(0, 0, 0, .06)}body.dark{--color-primary: #4a90d9;--color-primary-dark: #16304f;--color-primary-light: #6aaee8;--color-header-bg: #0d1b2a;--color-sidebar-bg: #0d1b2a;--color-sidebar-hover: #152a45;--color-sidebar-active: #3b82f6;--color-sidebar-text: #93b4d4;--color-sidebar-text-active: #ffffff;--color-bg: #000000;--color-surface: #0d1b2a;--color-border: #1e3a5f;--color-text-primary: #e2e8f0;--color-text-secondary: #94a3b8;--color-accent: #60a5fa;--shadow-card: 0 2px 12px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1;color:var(--color-text-primary);background:var(--color-bg);transition:background .2s ease,color .2s ease}app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}router-outlet{display:none}app-sidebar,app-create-post,app-listings,app-saved{display:block;width:100%;height:100%}app-home,app-admin,app-account{display:block;max-width:900px;margin-left:auto;margin-right:auto;padding:1.5rem}@media(max-width:768px){app-home,app-admin,app-account{padding:1rem}}