@tailwind base;@tailwind components;@tailwind utilities;*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:manipulation}:root{--header-height: 56px;--sidebar-width: 256px;--sidebar-collapsed-width: 80px}@layer components{.touch-target{min-height:44px;min-width:44px}.btn-mobile{@apply px-4 py-3 rounded-xl text-base font-medium touch-target;}.input-mobile{@apply px-4 py-3 rounded-xl text-base;}.card-mobile{@apply p-4 rounded-xl;}}@layer utilities{.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#4b556380;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#4b5563b3}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:50;transform:translate(-100%);transition:transform .3s ease;background:#161616;display:flex;flex-direction:column}.sidebar-drawer.open{transform:translate(0)}@media(min-width:1024px){.sidebar-drawer{position:relative;transform:none;width:var(--sidebar-width);max-width:none;z-index:auto}.sidebar-drawer.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-overlay{display:none}}.mobile-header{display:flex;height:var(--header-height);padding:0 1rem;align-items:center;gap:1rem;border-bottom:1px solid rgba(75,85,99,.3);background:#0e0e0e;position:sticky;top:0;z-index:30}@media(min-width:1024px){.mobile-header .hamburger-btn{display:none}}.avatar-grid-responsive{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.avatar-grid-responsive{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:640px){.avatar-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.avatar-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.avatar-grid-responsive{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.avatar-grid-responsive{grid-template-columns:repeat(5,1fr)}}.responsive-container{width:100%;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.responsive-container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.responsive-container{padding-left:2rem;padding-right:2rem}}.modal-responsive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.modal-responsive{align-items:center;padding:1rem}}.modal-content-responsive{background:#1a1a1a;width:100%;max-height:90vh;max-height:90dvh;border-radius:1.5rem 1.5rem 0 0;overflow:hidden;display:flex;flex-direction:column}@media(min-width:640px){.modal-content-responsive{max-width:600px;max-height:85vh;max-height:85dvh;border-radius:1.5rem}}@media(min-width:768px){.modal-content-responsive{max-width:700px}}@media(min-width:1024px){.modal-content-responsive{max-width:900px;max-height:85vh}}.modal-content-responsive-lg{background:#161616;width:100%;height:100%;max-height:100vh;max-height:100dvh;border-radius:0;overflow:hidden;display:flex;flex-direction:column}@media(min-width:640px){.modal-content-responsive-lg{max-width:90%;max-height:90vh;max-height:90dvh;height:auto;border-radius:1rem}}@media(min-width:768px){.modal-content-responsive-lg{max-width:800px}}@media(min-width:1024px){.modal-content-responsive-lg{max-width:900px;max-height:90vh;border-radius:1.5rem}}.form-responsive{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.form-responsive{gap:1.25rem}}.form-row-responsive{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.form-row-responsive{flex-direction:row;gap:1rem}}@media(max-width:639px){.hide-on-mobile{display:none!important}}@media(min-width:640px){.show-on-mobile-only{display:none!important}}