*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}#root{width:100%;height:100%}input:focus{outline-offset:0;outline:2px solid #1d4ed8;border-color:#0000!important}button:focus{outline:none}a{color:inherit;text-decoration:none}.roofos-main{background:#f1f5f9;flex:1;min-height:100vh;margin-left:220px}.roofos-sidebar{display:flex}.roofos-bottomnav,.roofos-mobile-header{display:none}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (width<=768px){.roofos-sidebar{display:none!important}.roofos-sidebar.drawer-open{z-index:999;animation:.2s slideInLeft;position:fixed;top:0;bottom:0;left:0;display:flex!important}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.roofos-main{min-height:100vh;padding-top:56px;padding-bottom:68px;margin-left:0!important}.roofos-mobile-header{z-index:200;background:#0f172a;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.roofos-bottomnav{z-index:200;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0f172a;border-top:1px solid #1e293b;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.grid-2{grid-template-columns:1fr!important;gap:10px!important}.roofos-modal-box{min-height:60vh;border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}.roofos-modal-wrap{align-items:flex-end!important;padding:0!important}.roofos-side-panel{z-index:150!important;border-radius:0!important;width:100%!important;position:fixed!important;inset:56px 0 64px!important}.roofos-kanban{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto!important}.roofos-kanban-inner{min-width:max-content}.roofos-table{display:none!important}.roofos-table-cards{display:block!important}.roofos-page{padding:12px!important}.roofos-split{flex-direction:column!important}h1{font-size:18px!important}h2{font-size:15px!important}}@media (width>=769px) and (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)!important}.roofos-main{margin-left:220px}}@media (width<=768px){.msg-thread-list{border-right:none!important;width:100%!important}.msg-thread-list-hidden{display:none!important}.msg-back-btn{display:block!important}.msg-chat-area{z-index:150!important;position:fixed!important;inset:56px 0 64px!important}.roofos-drawer-backdrop{display:block!important}.cal-event-modal{border-radius:16px 16px 0 0!important;max-width:100%!important;position:fixed!important;inset:auto 0 0!important}}