:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;height:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:root{color-scheme:dark}html,body{height:100%;width:100%;margin:0;padding:0;background:#0f0f0f;color:#fff;overflow-x:hidden}#root{min-height:100vh;width:100%;margin:0;padding:0;text-align:left}.app-shell{display:flex;min-height:100vh;width:100%;background:#0f0f0f;color:#fff}.app-sidebar{width:280px;flex:0 0 280px;border-right:1px solid #1f1f1f;background:#0f0f0f;height:100vh;overflow-y:auto;overflow-x:hidden}.app-content{flex:1;min-width:0;padding:2rem;overflow-x:hidden}.app-content-inner{width:100%;max-width:1400px;margin:0 auto}@media(max-width:900px){.app-shell{flex-direction:column}.app-sidebar{width:100%;flex:0 0 auto;border-right:none;border-bottom:1px solid #1f1f1f;height:auto;max-height:160px;position:sticky;top:0;z-index:20;overflow-y:auto}.app-content{padding:1rem}.app-content-inner{max-width:none;margin:0}}@media(max-width:520px){.app-sidebar{max-height:140px}.app-content{padding:.85rem}}*{box-sizing:border-box}img,video,canvas{max-width:100%;height:auto}.pp-sidebar{width:100%}.pp-sidebar-header{padding:1.2rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid #1f1f1f}.pp-sidebar-brand{font-weight:800;letter-spacing:.3px}.pp-logout-btn{padding:.55rem .8rem;border-radius:10px;background:#1e1e1e;color:#fff;border:1px solid #2a2a2a;cursor:pointer;white-space:nowrap}.pp-sidebar-nav{display:flex;flex-direction:column;padding:.75rem;gap:.35rem}@media(max-width:900px){.pp-sidebar-header{padding:.9rem 1rem}.pp-sidebar-nav{flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;gap:.5rem;padding:.75rem 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pp-sidebar-nav::-webkit-scrollbar{display:none}}.public-page{min-height:100vh;width:100%;background:#0f0f0f;color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem}.public-inner{width:100%;max-width:1100px}@media(max-width:900px){.public-page{padding:1.25rem;align-items:flex-start}.public-inner{max-width:none}}@media(max-width:520px){.public-page{padding:.85rem}}@media(max-width:900px){.ob-grid2{grid-template-columns:1fr!important}}@media(max-width:900px){.ob-header-row{flex-direction:column!important;align-items:flex-start!important}}@media(max-width:900px){.ob-footer{flex-direction:column!important;align-items:stretch!important}}.row{display:flex;gap:1rem}.row-between{display:flex;justify-content:space-between;gap:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card-stack{display:grid;gap:1rem}.scroll-x{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:#333;border-radius:999px}@media(max-width:900px){.grid-3{grid-template-columns:1fr}}@media(max-width:768px){.grid-2{grid-template-columns:1fr}.row,.row-between{flex-direction:column}}@media(max-width:600px){body{font-size:15px}}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:280px;flex:0 0 280px}.app-content{flex:1;min-width:0}.page{width:100%}@media(max-width:900px){h1{font-size:clamp(1.8rem,6vw,3.2rem);line-height:1.05}}@media(max-width:768px){.app-shell{flex-direction:column}.app-sidebar{width:100%;flex:0 0 auto}.app-sidebar nav,.app-sidebar .nav,.app-sidebar .sidebar-nav{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.app-sidebar a,.app-sidebar button{white-space:nowrap}.app-content{padding-left:1rem;padding-right:1rem}}@media(max-width:480px){.app-content{padding-left:.85rem;padding-right:.85rem}.card-stack{gap:.85rem}}