:root{color-scheme:light;--sidebar-width: 285px;--modal-width: 750px;--modal-height: 580px;--main-padding: 100px;--input-width: 550px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}@media (min-width: 1024px) and (max-width: 1199px){:root{--modal-width: 700px;--modal-height: 550px;--input-width: 500px;--main-padding: 80px;--sidebar-width: 240px}body{font-size:14px}}@media (max-width: 1023px){:root{--modal-width: 90vw;--input-width: calc(90vw - 80px) ;--main-padding: 20px;--sidebar-width: 200px}body{font-size:13px}}@media (max-width: 767px){:root{--modal-width: 95vw;--input-width: calc(95vw - 40px) ;--main-padding: 15px;--sidebar-width: 100%}body{font-size:12px}}:root{--content-width: 100%;--modal-width: 750px;--modal-height: 580px;--sidebar-width: 285px;--main-padding: 100px;--input-width: 550px}@media (min-width: 1440px){:root{--modal-width: 850px;--modal-height: 650px;--input-width: 600px}}@media (min-width: 1200px) and (max-width: 1439px){:root{--modal-width: 750px;--modal-height: 580px;--input-width: 550px}}@media (min-width: 1024px) and (max-width: 1199px){:root{--modal-width: 700px;--modal-height: 550px;--input-width: 500px;--main-padding: 80px}body{font-size:14px}}@media (max-width: 1023px){:root{--modal-width: 95vw;--modal-height: auto;--modal-max-width: 600px;--input-width: calc(95vw - 100px) ;--main-padding: 20px;--sidebar-width: 100%}body{font-size:13px}[role=dialog]{padding:20px}[role=dialog]>div:not(.auth-modal-content){width:var(--modal-width)!important;max-width:var(--modal-max-width, 600px)!important;height:auto!important;max-height:90vh!important;overflow-y:auto!important}}@media (max-width: 767px){:root{--modal-width: 95vw;--input-width: calc(95vw - 50px) ;--main-padding: 15px}body{font-size:12px}[role=dialog]{padding:10px}[role=dialog]>div:not(.auth-modal-content){width:var(--modal-width)!important;height:90vh!important;max-height:90vh!important;border-radius:15px!important;overflow-y:auto!important}}.responsive-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--main-padding)}.flex-responsive{display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.flex-responsive{flex-direction:column}}.text-responsive{font-size:clamp(12px,2vw,20px)}.btn-responsive{padding:clamp(8px,2vw,16px) clamp(16px,4vw,32px);font-size:clamp(12px,1.5vw,16px)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}@media (max-width: 768px){.grid-responsive{grid-template-columns:1fr}}@media (min-width: 1024px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}}@media (max-width: 1023px){input,textarea,select{font-size:16px}}@media print{body{background:#fff}[role=dialog]{display:none}}