*,*:before,*:after{box-sizing:border-box}html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;font-family:Roboto,sans-serif;width:100%;min-width:0;overflow-x:hidden;background:#f6f8f8}img,svg,video,canvas{max-width:100%}#app{min-height:100dvh;overflow-x:hidden}.MuiContainer-root{min-width:0}.MuiCard-root,.MuiPaper-root{max-width:100%}.MuiTypography-root{overflow-wrap:anywhere}.MuiButton-root{min-width:0}.MuiDialog-paper{max-width:calc(100vw - 24px)}.crop-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:16px;background:rgb(10 19 24 / 42%)}.crop-modal{width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(15 23 42 / 10%);border-radius:10px;background:#fff;box-shadow:0 18px 48px #0f172a29,0 4px 14px #0f172a14;color:#172033;font-family:Inter,Noto Sans Myanmar,Roboto,system-ui,sans-serif}.crop-modal .drawer-header{flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgb(15 23 42 / 10%)}.crop-modal .drawer-header h2,.crop-modal .drawer-header p{margin:0}.crop-modal .eyebrow{margin:0 0 3px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#087f74}.crop-modal .icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;flex-shrink:0;border:1px solid rgb(15 23 42 / 10%);border-radius:6px;background:#fff;color:#69768a;cursor:pointer}.crop-modal .icon-btn.small{width:30px;height:30px}.crop-modal .crop-area{position:relative;height:min(58vh,420px);min-height:260px;flex:0 1 auto;overflow:hidden;background:#1a222d}.crop-modal .crop-zoom{flex-shrink:0;padding:12px 16px;border-top:1px solid rgb(15 23 42 / 10%)}.crop-modal .form-field{display:grid;gap:6px;margin:0}.crop-modal .form-field span{font-size:11px;font-weight:800;color:#69768a}.crop-modal .crop-zoom input[type=range]{width:100%;margin:0;accent-color:#087f74}.crop-modal .modal-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgb(15 23 42 / 10%)}.crop-modal .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid transparent;border-radius:6px;font:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer}.crop-modal .btn.primary{background:#087f74;border-color:#087f74;color:#fff}.crop-modal .btn.secondary{background:#fff;border-color:#0f172a1a;color:#172033}@media (max-width: 600px){.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}.MuiToolbar-root{min-width:0}.MuiIconButton-root{padding:7px}.MuiButton-root{min-height:36px}.MuiPagination-ul{justify-content:center;gap:2px}.MuiPaginationItem-root{min-width:30px;height:30px;margin:0;font-size:.75rem}.crop-modal-backdrop{padding:10px}.crop-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.crop-modal .crop-area{height:min(52vh,340px);min-height:220px}.crop-modal .drawer-header,.crop-modal .crop-zoom,.crop-modal .modal-actions{padding:12px}.crop-modal .modal-actions{flex-wrap:wrap}.crop-modal .modal-actions .btn{flex:1;min-width:130px}}@media (max-width: 380px){.MuiContainer-root{padding-left:10px!important;padding-right:10px!important}.MuiBottomNavigationAction-root{min-width:0!important;padding-left:2px!important;padding-right:2px!important}.MuiBottomNavigationAction-label{font-size:.58rem!important}}