@font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiAyp8kv8JHgFVrJJLmE3tG&skey=14913f5d70e4915e&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmv1plEw&skey=e6f64e60fb8d9268&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm21llEw&skey=b60188e8ecc47dee&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrJJLedA&skey=f21d6e783fa43c88&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmg1hlEw&skey=b0aa19767d34da85&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmr19lEw&skey=7fbc556774b13ef0&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmy15lEw&skey=29c3bd833a54ba8c&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm111lEw&skey=6ea139488603f28c&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm81xlEw&skey=846b48b4eada095a&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrLPTedA&skey=57be0781cfb72ecd&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLFj_V1g&skey=1bdc08fe61c3cc9e&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDz8V1g&skey=4aabc5055a39e031&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiEyp8kv8JHgFVrFJM&skey=87759fb096548f6d&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLGT9V1g&skey=d4526a9b64c21b87&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLEj6V1g&skey=ce7ef9d62ca89319&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLCz7V1g&skey=cea76fe63715a67a&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDD4V1g&skey=f01e006f58df81ac&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLBT5V1g&skey=6c361c40a830b323&v=v24) format('woff');
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKhSkFEkm8.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOYktMqlap.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: italic;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 100;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 200;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 300;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 700;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 800;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
      }

      @font-face {
         font-family: 'Poppins';
         font-style: normal;
         font-weight: 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
      }
   

/* ===== CSS extracted from index.html ===== */


      .css-xg5s2c {
         box-sizing: border-box;
         max-height: 100%;
         max-width: 100%;
         overflow: hidden;
         padding: 8px;
         pointer-events: none;
         position: fixed;
         z-index: 1000;
         top: 0;
         right: 0;
      }
   

/* ===== CSS extracted from index.html ===== */


      /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
      @layer properties {
         @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

            *,
            :before,
            :after,
            ::backdrop {
               --tw-translate-x: 0;
               --tw-translate-y: 0;
               --tw-translate-z: 0;
               --tw-rotate-x: initial;
               --tw-rotate-y: initial;
               --tw-rotate-z: initial;
               --tw-skew-x: initial;
               --tw-skew-y: initial;
               --tw-space-y-reverse: 0;
               --tw-space-x-reverse: 0;
               --tw-divide-x-reverse: 0;
               --tw-border-style: solid;
               --tw-leading: initial;
               --tw-font-weight: initial;
               --tw-shadow: 0 0 #0000;
               --tw-shadow-color: initial;
               --tw-shadow-alpha: 100%;
               --tw-inset-shadow: 0 0 #0000;
               --tw-inset-shadow-color: initial;
               --tw-inset-shadow-alpha: 100%;
               --tw-ring-color: initial;
               --tw-ring-shadow: 0 0 #0000;
               --tw-inset-ring-color: initial;
               --tw-inset-ring-shadow: 0 0 #0000;
               --tw-ring-inset: initial;
               --tw-ring-offset-width: 0px;
               --tw-ring-offset-color: #fff;
               --tw-ring-offset-shadow: 0 0 #0000;
               --tw-outline-style: solid;
               --tw-duration: initial;
               --tw-ease: initial
            }
         }
      }

      @layer theme {

         :root,
         :host {
            --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --color-red-400: oklch(70.4% .191 22.216);
            --color-red-500: oklch(63.7% .237 25.331);
            --color-red-700: oklch(50.5% .213 27.518);
            --color-green-100: oklch(96.2% .044 156.743);
            --color-green-400: oklch(79.2% .209 151.711);
            --color-green-500: oklch(72.3% .219 149.579);
            --color-green-600: oklch(62.7% .194 149.214);
            --color-green-700: oklch(52.7% .154 150.069);
            --color-sky-500: oklch(68.5% .169 237.323);
            --color-blue-400: oklch(70.7% .165 254.624);
            --color-blue-500: oklch(62.3% .214 259.815);
            --color-blue-600: oklch(54.6% .245 262.881);
            --color-blue-700: oklch(48.8% .243 264.376);
            --color-gray-50: oklch(98.5% .002 247.839);
            --color-gray-200: oklch(92.8% .006 264.531);
            --color-gray-300: oklch(87.2% .01 258.338);
            --color-gray-400: oklch(70.7% .022 261.325);
            --color-gray-500: oklch(55.1% .027 264.364);
            --color-gray-600: oklch(44.6% .03 256.802);
            --color-gray-700: oklch(37.3% .034 259.733);
            --color-gray-800: oklch(27.8% .033 256.848);
            --color-gray-900: oklch(21% .034 264.665);
            --color-black: #000;
            --color-white: #fff;
            --spacing: .25rem;
            --container-xs: 20rem;
            --container-sm: 24rem;
            --container-lg: 32rem;
            --container-xl: 36rem;
            --container-3xl: 48rem;
            --container-5xl: 64rem;
            --text-xs: .75rem;
            --text-xs--line-height: calc(1/.75);
            --text-sm: .875rem;
            --text-sm--line-height: calc(1.25/.875);
            --text-base: 1rem;
            --text-base--line-height: 1.5;
            --text-lg: 1.125rem;
            --text-lg--line-height: calc(1.75/1.125);
            --text-xl: 1.25rem;
            --text-xl--line-height: calc(1.75/1.25);
            --text-3xl: 1.875rem;
            --text-3xl--line-height: 1.2;
            --font-weight-normal: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --radius-xs: .125rem;
            --radius-2xl: 1rem;
            --radius-3xl: 1.5rem;
            --ease-in-out: cubic-bezier(.4, 0, .2, 1);
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-font-family: var(--font-sans);
            --default-mono-font-family: var(--font-mono)
         }
      }

      @layer base {

         *,
         :after,
         :before,
         ::backdrop {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
         }

         ::file-selector-button {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0
         }

         html,
         :host {
            -webkit-text-size-adjust: 100%;
            -moz-tab-size: 4;
            tab-size: 4;
            line-height: 1.5;
            font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
            font-feature-settings: var(--default-font-feature-settings, normal);
            font-variation-settings: var(--default-font-variation-settings, normal);
            -webkit-tap-highlight-color: transparent
         }

         hr {
            height: 0;
            color: inherit;
            border-top-width: 1px
         }

         abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
         }

         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
            font-size: inherit;
            font-weight: inherit
         }

         a {
            color: inherit;
            -webkit-text-decoration: inherit;
            text-decoration: inherit
         }

         b,
         strong {
            font-weight: bolder
         }

         code,
         kbd,
         samp,
         pre {
            font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
            font-feature-settings: var(--default-mono-font-feature-settings, normal);
            font-variation-settings: var(--default-mono-font-variation-settings, normal);
            font-size: 1em
         }

         small {
            font-size: 80%
         }

         sub,
         sup {
            vertical-align: baseline;
            font-size: 75%;
            line-height: 0;
            position: relative
         }

         sub {
            bottom: -.25em
         }

         sup {
            top: -.5em
         }

         table {
            text-indent: 0;
            border-color: inherit;
            border-collapse: collapse
         }

         :-moz-focusring {
            outline: auto
         }

         progress {
            vertical-align: baseline
         }

         summary {
            display: list-item
         }

         ol,
         ul,
         menu {
            list-style: none
         }

         img,
         svg,
         video,
         canvas,
         audio,
         iframe,
         embed,
         object {
            vertical-align: middle;
            display: block
         }

         img,
         video {
            max-width: 100%;
            height: auto
         }

         button,
         input,
         select,
         optgroup,
         textarea {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
         }

         ::file-selector-button {
            font: inherit;
            font-feature-settings: inherit;
            font-variation-settings: inherit;
            letter-spacing: inherit;
            color: inherit;
            opacity: 1;
            background-color: #0000;
            border-radius: 0
         }

         :where(select:is([multiple], [size])) optgroup {
            font-weight: bolder
         }

         :where(select:is([multiple], [size])) optgroup option {
            padding-inline-start: 20px
         }

         ::file-selector-button {
            margin-inline-end: 4px
         }

         ::placeholder {
            opacity: 1
         }

         @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
            ::placeholder {
               color: currentColor
            }

            @supports (color:color-mix(in lab, red, red)) {
               ::placeholder {
                  color: color-mix(in oklab, currentcolor 50%, transparent)
               }
            }
         }

         textarea {
            resize: vertical
         }

         ::-webkit-search-decoration {
            -webkit-appearance: none
         }

         ::-webkit-date-and-time-value {
            min-height: 1lh;
            text-align: inherit
         }

         ::-webkit-datetime-edit {
            display: inline-flex
         }

         ::-webkit-datetime-edit-fields-wrapper {
            padding: 0
         }

         ::-webkit-datetime-edit {
            padding-block: 0
         }

         ::-webkit-datetime-edit-year-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-month-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-day-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-hour-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-minute-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-second-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-millisecond-field {
            padding-block: 0
         }

         ::-webkit-datetime-edit-meridiem-field {
            padding-block: 0
         }

         :-moz-ui-invalid {
            box-shadow: none
         }

         button,
         input:where([type=button], [type=reset], [type=submit]) {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button
         }

         ::file-selector-button {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button
         }

         ::-webkit-inner-spin-button {
            height: auto
         }

         ::-webkit-outer-spin-button {
            height: auto
         }

         [hidden]:where(:not([hidden=until-found])) {
            display: none !important
         }

         * {
            border-color: var(--border);
            outline-color: var(--ring)
         }

         @supports (color:color-mix(in lab, red, red)) {
            * {
               outline-color: color-mix(in oklab, var(--ring)50%, transparent)
            }
         }

         body {
            background-color: var(--background);
            color: var(--foreground)
         }
      }

      @layer components;

      @layer utilities {
         .invisible {
            visibility: hidden
         }

         .sr-only {
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            position: absolute;
            overflow: hidden
         }

         .absolute {
            position: absolute
         }

         .fixed {
            position: fixed
         }

         .relative {
            position: relative
         }

         .sticky {
            position: sticky
         }

         .inset-0 {
            inset: calc(var(--spacing)*0)
         }

         .-top-7 {
            top: calc(var(--spacing)*-7)
         }

         .top-0 {
            top: calc(var(--spacing)*0)
         }

         .top-1\/2 {
            top: 50%
         }

         .top-2 {
            top: calc(var(--spacing)*2)
         }

         .top-\[50\%\] {
            top: 50%
         }

         .right-1 {
            right: calc(var(--spacing)*1)
         }

         .right-2 {
            right: calc(var(--spacing)*2)
         }

         .right-5 {
            right: calc(var(--spacing)*5)
         }

         .left-1 {
            left: calc(var(--spacing)*1)
         }

         .left-1\/2,
         .left-\[50\%\] {
            left: 50%
         }

         .z-0 {
            z-index: 0
         }

         .z-10 {
            z-index: 10
         }

         .z-50 {
            z-index: 50
         }

         .col-span-12 {
            grid-column: span 12/span 12
         }

         .container {
            width: 100%
         }

         @media (min-width:40rem) {
            .container {
               max-width: 40rem
            }
         }

         @media (min-width:48rem) {
            .container {
               max-width: 48rem
            }
         }

         @media (min-width:64rem) {
            .container {
               max-width: 64rem
            }
         }

         @media (min-width:80rem) {
            .container {
               max-width: 80rem
            }
         }

         @media (min-width:96rem) {
            .container {
               max-width: 96rem
            }
         }

         .mx-auto {
            margin-inline: auto
         }

         .my-3 {
            margin-block: calc(var(--spacing)*3)
         }

         .my-6 {
            margin-block: calc(var(--spacing)*6)
         }

         .my-16 {
            margin-block: calc(var(--spacing)*16)
         }

         .mt-1 {
            margin-top: calc(var(--spacing)*1)
         }

         .mt-2 {
            margin-top: calc(var(--spacing)*2)
         }

         .mt-3 {
            margin-top: calc(var(--spacing)*3)
         }

         .mt-4 {
            margin-top: calc(var(--spacing)*4)
         }

         .mt-6 {
            margin-top: calc(var(--spacing)*6)
         }

         .mt-12 {
            margin-top: calc(var(--spacing)*12)
         }

         .mt-24 {
            margin-top: calc(var(--spacing)*24)
         }

         .mr-4 {
            margin-right: calc(var(--spacing)*4)
         }

         .mb-0 {
            margin-bottom: calc(var(--spacing)*0)
         }

         .mb-2 {
            margin-bottom: calc(var(--spacing)*2)
         }

         .mb-4 {
            margin-bottom: calc(var(--spacing)*4)
         }

         .mb-6 {
            margin-bottom: calc(var(--spacing)*6)
         }

         .ml-1 {
            margin-left: calc(var(--spacing)*1)
         }

         .block {
            display: block
         }

         .flex {
            display: flex
         }

         .grid {
            display: grid
         }

         .hidden {
            display: none
         }

         .inline-flex {
            display: inline-flex
         }

         .table {
            display: table
         }

         .size-3 {
            width: calc(var(--spacing)*3);
            height: calc(var(--spacing)*3)
         }

         .size-4 {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
         }

         .size-6 {
            width: calc(var(--spacing)*6);
            height: calc(var(--spacing)*6)
         }

         .size-7 {
            width: calc(var(--spacing)*7);
            height: calc(var(--spacing)*7)
         }

         .size-8 {
            width: calc(var(--spacing)*8);
            height: calc(var(--spacing)*8)
         }

         .size-9 {
            width: calc(var(--spacing)*9);
            height: calc(var(--spacing)*9)
         }

         .h-2 {
            height: calc(var(--spacing)*2)
         }

         .h-4 {
            height: calc(var(--spacing)*4)
         }

         .h-5 {
            height: calc(var(--spacing)*5)
         }

         .h-6 {
            height: calc(var(--spacing)*6)
         }

         .h-8 {
            height: calc(var(--spacing)*8)
         }

         .h-9 {
            height: calc(var(--spacing)*9)
         }

         .h-10 {
            height: calc(var(--spacing)*10)
         }

         .h-12 {
            height: calc(var(--spacing)*12)
         }

         .h-16 {
            height: calc(var(--spacing)*16)
         }

         .h-\[0\.5px\] {
            height: .5px
         }

         .h-\[2px\] {
            height: 2px
         }

         .h-\[50px\] {
            height: 50px
         }

         .h-auto {
            height: auto
         }

         .h-full {
            height: 100%
         }

         .max-h-\[300px\] {
            max-height: 300px
         }

         .min-h-\[43px\] {
            min-height: 43px
         }

         .min-h-screen {
            min-height: 100vh
         }

         .w-2 {
            width: calc(var(--spacing)*2)
         }

         .w-4 {
            width: calc(var(--spacing)*4)
         }

         .w-5 {
            width: calc(var(--spacing)*5)
         }

         .w-6 {
            width: calc(var(--spacing)*6)
         }

         .w-8 {
            width: calc(var(--spacing)*8)
         }

         .w-12 {
            width: calc(var(--spacing)*12)
         }

         .w-16 {
            width: calc(var(--spacing)*16)
         }

         .w-\[50px\] {
            width: 50px
         }

         .w-full {
            width: 100%
         }

         .w-xs {
            width: var(--container-xs)
         }

         .max-w-4 {
            max-width: calc(var(--spacing)*4)
         }

         .max-w-5xl {
            max-width: var(--container-5xl)
         }

         .max-w-\[102px\] {
            max-width: 102px
         }

         .max-w-\[120px\] {
            max-width: 120px
         }

         .max-w-\[170px\] {
            max-width: 170px
         }

         .max-w-\[201px\] {
            max-width: 201px
         }

         .max-w-sm {
            max-width: var(--container-sm)
         }

         .max-w-xs {
            max-width: var(--container-xs)
         }

         .min-w-0 {
            min-width: calc(var(--spacing)*0)
         }

         .flex-1 {
            flex: 1
         }

         .shrink-0 {
            flex-shrink: 0
         }

         .flex-grow {
            flex-grow: 1
         }

         .border-collapse {
            border-collapse: collapse
         }

         .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .translate-x-\[-50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .-translate-y-1\/2 {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
         }

         .transform {
            transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
         }

         .cursor-pointer {
            cursor: pointer
         }

         .grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
         }

         .grid-cols-6 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
         }

         .grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr))
         }

         .grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
         }

         .flex-col {
            flex-direction: column
         }

         .flex-wrap {
            flex-wrap: wrap
         }

         .items-center {
            align-items: center
         }

         .justify-between {
            justify-content: space-between
         }

         .justify-center {
            justify-content: center
         }

         .gap-0 {
            gap: calc(var(--spacing)*0)
         }

         .gap-1 {
            gap: calc(var(--spacing)*1)
         }

         .gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
         }

         .gap-2 {
            gap: calc(var(--spacing)*2)
         }

         .gap-3 {
            gap: calc(var(--spacing)*3)
         }

         .gap-4 {
            gap: calc(var(--spacing)*4)
         }

         .gap-6 {
            gap: calc(var(--spacing)*6)
         }

         .gap-10 {
            gap: calc(var(--spacing)*10)
         }

         :where(.space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
         }

         :where(.space-y-3>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
         }

         :where(.space-x-1>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.space-x-4>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.space-x-6>:not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
         }

         :where(.divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
         }

         .truncate {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
         }

         .overflow-hidden {
            overflow: hidden
         }

         .overflow-y-auto {
            overflow-y: auto
         }

         .overflow-y-scroll {
            overflow-y: scroll
         }

         .rounded {
            border-radius: .25rem
         }

         .rounded-2xl {
            border-radius: var(--radius-2xl)
         }

         .rounded-full {
            border-radius: 3.40282e38px
         }

         .rounded-lg {
            border-radius: var(--radius)
         }

         .rounded-md {
            border-radius: calc(var(--radius) - 2px)
         }

         .rounded-none {
            border-radius: 0
         }

         .rounded-xl {
            border-radius: calc(var(--radius) + 4px)
         }

         .rounded-xs {
            border-radius: var(--radius-xs)
         }

         .rounded-t-3xl {
            border-top-left-radius: var(--radius-3xl);
            border-top-right-radius: var(--radius-3xl)
         }

         .border {
            border-style: var(--tw-border-style);
            border-width: 1px
         }

         .border-y {
            border-block-style: var(--tw-border-style);
            border-block-width: 1px
         }

         .border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
         }

         .border-l-4 {
            border-left-style: var(--tw-border-style);
            border-left-width: 4px
         }

         .border-\[\#4d50551a\] {
            border-color: #4d50551a
         }

         .border-\[\#5b3df0\] {
            border-color: #5b3df0
         }

         .border-\[\#ccc\] {
            border-color: #ccc
         }

         .border-\[\#ccd0d5\] {
            border-color: #ccd0d5
         }

         .border-gray-200 {
            border-color: var(--color-gray-200)
         }

         .border-gray-300 {
            border-color: var(--color-gray-300)
         }

         .border-gray-400 {
            border-color: var(--color-gray-400)
         }

         .border-input {
            border-color: var(--input)
         }

         .border-red-500 {
            border-color: var(--color-red-500)
         }

         .bg-\[\#00a2ff\] {
            background-color: #00a2ff
         }

         .bg-\[\#1e2b6f\] {
            background-color: #1e2b6f
         }

         .bg-\[\#1877f2\] {
            background-color: #1877f2
         }

         .bg-\[\#1877f2\]\/60 {
            background-color: #1877f299
         }

         .bg-\[\#4267b2\] {
            background-color: #4267b2
         }

         .bg-\[\#4267b2\]\/80 {
            background-color: #4267b2cc
         }

         .bg-\[\#d3d3d3\] {
            background-color: #d3d3d3
         }

         .bg-\[\#e1e1e1\] {
            background-color: #e1e1e1
         }

         .bg-\[\#e9ebee\] {
            background-color: #e9ebee
         }

         .bg-\[\#ebedf0\] {
            background-color: #ebedf0
         }

         .bg-\[\#f5f3ff\] {
            background-color: #f5f3ff
         }

         .bg-\[\#f7f7f7\] {
            background-color: #f7f7f7
         }

         .bg-\[\#f9fafb\] {
            background-color: #f9fafb
         }

         .bg-\[\#fff8e8\] {
            background-color: #fff8e8
         }

         .bg-\[\#ffffff\] {
            background-color: #fff
         }

         .bg-accent {
            background-color: var(--accent)
         }

         .bg-background {
            background-color: var(--background)
         }

         .bg-black\/50 {
            background-color: #00000080
         }

         @supports (color:color-mix(in lab, red, red)) {
            .bg-black\/50 {
               background-color: color-mix(in oklab, var(--color-black)50%, transparent)
            }
         }

         .bg-blue-500 {
            background-color: var(--color-blue-500)
         }

         .bg-blue-600 {
            background-color: var(--color-blue-600)
         }

         .bg-destructive {
            background-color: var(--destructive)
         }

         .bg-gray-200 {
            background-color: var(--color-gray-200)
         }

         .bg-gray-300 {
            background-color: var(--color-gray-300)
         }

         .bg-green-100 {
            background-color: var(--color-green-100)
         }

         .bg-green-400 {
            background-color: var(--color-green-400)
         }

         .bg-green-600 {
            background-color: var(--color-green-600)
         }

         .bg-primary {
            background-color: var(--primary)
         }

         .bg-red-500 {
            background-color: var(--color-red-500)
         }

         .bg-secondary {
            background-color: var(--secondary)
         }

         .bg-transparent {
            background-color: #0000
         }

         .bg-white {
            background-color: var(--color-white)
         }

         .object-contain {
            object-fit: contain
         }

         .p-0 {
            padding: calc(var(--spacing)*0)
         }

         .p-2 {
            padding: calc(var(--spacing)*2)
         }

         .p-3 {
            padding: calc(var(--spacing)*3)
         }

         .p-4 {
            padding: calc(var(--spacing)*4)
         }

         .p-6 {
            padding: calc(var(--spacing)*6)
         }

         .px-1\.5 {
            padding-inline: calc(var(--spacing)*1.5)
         }

         .px-2 {
            padding-inline: calc(var(--spacing)*2)
         }

         .px-3 {
            padding-inline: calc(var(--spacing)*3)
         }

         .px-4 {
            padding-inline: calc(var(--spacing)*4)
         }

         .px-6 {
            padding-inline: calc(var(--spacing)*6)
         }

         .px-8 {
            padding-inline: calc(var(--spacing)*8)
         }

         .py-1 {
            padding-block: calc(var(--spacing)*1)
         }

         .py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
         }

         .py-2 {
            padding-block: calc(var(--spacing)*2)
         }

         .py-3 {
            padding-block: calc(var(--spacing)*3)
         }

         .py-4 {
            padding-block: calc(var(--spacing)*4)
         }

         .py-6 {
            padding-block: calc(var(--spacing)*6)
         }

         .py-10 {
            padding-block: calc(var(--spacing)*10)
         }

         .py-20 {
            padding-block: calc(var(--spacing)*20)
         }

         .pe-3 {
            padding-inline-end: calc(var(--spacing)*3)
         }

         .pt-1 {
            padding-top: calc(var(--spacing)*1)
         }

         .pt-4 {
            padding-top: calc(var(--spacing)*4)
         }

         .pl-4 {
            padding-left: calc(var(--spacing)*4)
         }

         .text-center {
            text-align: center
         }

         .text-start {
            text-align: start
         }

         .font-sans {
            font-family: var(--font-sans)
         }

         .text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
         }

         .text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
         }

         .text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
         }

         .text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }

         .text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
         }

         .text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
         }

         .text-\[0\.8rem\] {
            font-size: .8rem
         }

         .leading-4 {
            --tw-leading: calc(var(--spacing)*4);
            line-height: calc(var(--spacing)*4)
         }

         .leading-none {
            --tw-leading: 1;
            line-height: 1
         }

         .font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
         }

         .font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
         }

         .font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
         }

         .font-semibold {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold)
         }

         .whitespace-nowrap {
            white-space: nowrap
         }

         .text-\[\#00a2ff\] {
            color: #00a2ff
         }

         .text-\[\#5b3df0\] {
            color: #5b3df0
         }

         .text-\[\#4267b2\] {
            color: #4267b2
         }

         .text-\[\#008000\] {
            color: green
         }

         .text-\[\#ccc\] {
            color: #ccc
         }

         .text-\[\#d3d3d3\] {
            color: #d3d3d3
         }

         .text-accent-foreground {
            color: var(--accent-foreground)
         }

         .text-black {
            color: var(--color-black)
         }

         .text-blue-400 {
            color: var(--color-blue-400)
         }

         .text-gray-50 {
            color: var(--color-gray-50)
         }

         .text-gray-400 {
            color: var(--color-gray-400)
         }

         .text-gray-500 {
            color: var(--color-gray-500)
         }

         .text-gray-600 {
            color: var(--color-gray-600)
         }

         .text-gray-700 {
            color: var(--color-gray-700)
         }

         .text-gray-800 {
            color: var(--color-gray-800)
         }

         .text-gray-900 {
            color: var(--color-gray-900)
         }

         .text-green-600 {
            color: var(--color-green-600)
         }

         .text-muted-foreground {
            color: var(--muted-foreground)
         }

         .text-primary {
            color: var(--primary)
         }

         .text-primary-foreground {
            color: var(--primary-foreground)
         }

         .text-red-400 {
            color: var(--color-red-400)
         }

         .text-red-500 {
            color: var(--color-red-500)
         }

         .text-secondary-foreground {
            color: var(--secondary-foreground)
         }

         .text-sky-500 {
            color: var(--color-sky-500)
         }

         .text-white {
            color: var(--color-white)
         }

         .underline-offset-4 {
            text-underline-offset: 4px
         }

         .opacity-50 {
            opacity: .5
         }

         .opacity-70 {
            opacity: .7
         }

         .shadow {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-lg {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-sm {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .shadow-xs {
            --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .ring-offset-background {
            --tw-ring-offset-color: var(--background)
         }

         .outline {
            outline-style: var(--tw-outline-style);
            outline-width: 1px
         }

         .transition {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-\[color\,box-shadow\] {
            transition-property: color, box-shadow;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-all {
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-colors {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .transition-opacity {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration))
         }

         .delay-150 {
            transition-delay: .15s
         }

         .duration-300 {
            --tw-duration: .3s;
            transition-duration: .3s
         }

         .ease-in-out {
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out)
         }

         .delay-150 {
            animation-delay: .15s
         }

         .outline-none {
            --tw-outline-style: none;
            outline-style: none
         }

         .selection\:bg-\[\#4267b2\] ::selection {
            background-color: #4267b2
         }

         .selection\:bg-\[\#4267b2\]::selection {
            background-color: #4267b2
         }

         .selection\:bg-primary ::selection {
            background-color: var(--primary)
         }

         .selection\:bg-primary::selection {
            background-color: var(--primary)
         }

         .selection\:text-primary-foreground ::selection {
            color: var(--primary-foreground)
         }

         .selection\:text-primary-foreground::selection {
            color: var(--primary-foreground)
         }

         .file\:inline-flex::file-selector-button {
            display: inline-flex
         }

         .file\:h-7::file-selector-button {
            height: calc(var(--spacing)*7)
         }

         .file\:border-0::file-selector-button {
            border-style: var(--tw-border-style);
            border-width: 0
         }

         .file\:bg-transparent::file-selector-button {
            background-color: #0000
         }

         .file\:text-sm::file-selector-button {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }

         .file\:font-medium::file-selector-button {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
         }

         .file\:text-foreground::file-selector-button {
            color: var(--foreground)
         }

         .placeholder\:text-muted-foreground::placeholder {
            color: var(--muted-foreground)
         }

         .focus-within\:relative:focus-within {
            position: relative
         }

         .focus-within\:z-20:focus-within {
            z-index: 20
         }

         @media (hover:hover) {
            .hover\:bg-accent:hover {
               background-color: var(--accent)
            }

            .hover\:bg-blue-500:hover {
               background-color: var(--color-blue-500)
            }

            .hover\:bg-blue-700:hover {
               background-color: var(--color-blue-700)
            }

            .hover\:bg-destructive\/90:hover {
               background-color: var(--destructive)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-destructive\/90:hover {
                  background-color: color-mix(in oklab, var(--destructive)90%, transparent)
               }
            }

            .hover\:bg-green-700:hover {
               background-color: var(--color-green-700)
            }

            .hover\:bg-primary\/90:hover {
               background-color: var(--primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-primary\/90:hover {
                  background-color: color-mix(in oklab, var(--primary)90%, transparent)
               }
            }

            .hover\:bg-secondary\/80:hover {
               background-color: var(--secondary)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .hover\:bg-secondary\/80:hover {
                  background-color: color-mix(in oklab, var(--secondary)80%, transparent)
               }
            }

            .hover\:bg-white:hover {
               background-color: var(--color-white)
            }

            .hover\:text-\[\#1e2b6f\]:hover {
               color: #1e2b6f
            }

            .hover\:text-accent-foreground:hover {
               color: var(--accent-foreground)
            }

            .hover\:text-gray-700:hover {
               color: var(--color-gray-700)
            }

            .hover\:text-primary-foreground:hover {
               color: var(--primary-foreground)
            }

            .hover\:text-red-700:hover {
               color: var(--color-red-700)
            }

            .hover\:underline:hover {
               text-decoration-line: underline
            }

            .hover\:opacity-100:hover {
               opacity: 1
            }
         }

         .focus\:border-blue-500:focus {
            border-color: var(--color-blue-500)
         }

         .focus\:bg-blue-500:focus {
            background-color: var(--color-blue-500)
         }

         .focus\:text-primary-foreground:focus {
            color: var(--primary-foreground)
         }

         .focus\:ring-2:focus {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .focus\:ring-blue-500:focus {
            --tw-ring-color: var(--color-blue-500)
         }

         .focus\:ring-green-500:focus {
            --tw-ring-color: var(--color-green-500)
         }

         .focus\:ring-ring:focus {
            --tw-ring-color: var(--ring)
         }

         .focus\:ring-offset-2:focus {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
         }

         .focus\:outline-hidden:focus {
            --tw-outline-style: none;
            outline-style: none
         }

         @media (forced-colors:active) {
            .focus\:outline-hidden:focus {
               outline-offset: 2px;
               outline: 2px solid #0000
            }
         }

         .focus\:outline-0:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 0
         }

         .focus\:outline-none:focus {
            --tw-outline-style: none;
            outline-style: none
         }

         .focus-visible\:border-blue-500:focus-visible {
            border-color: var(--color-blue-500)
         }

         .focus-visible\:border-ring:focus-visible {
            border-color: var(--ring)
         }

         .focus-visible\:ring-\[0px\]:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .focus-visible\:ring-\[3px\]:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
         }

         .focus-visible\:ring-blue-500:focus-visible {
            --tw-ring-color: var(--color-blue-500)
         }

         .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-destructive\/20:focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
            }
         }

         .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: var(--ring)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-ring\/50:focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
            }
         }

         .disabled\:pointer-events-none:disabled {
            pointer-events: none
         }

         .disabled\:cursor-not-allowed:disabled {
            cursor: not-allowed
         }

         .disabled\:opacity-50:disabled {
            opacity: .5
         }

         .has-\[\>svg\]\:px-2\.5:has(>svg) {
            padding-inline: calc(var(--spacing)*2.5)
         }

         .has-\[\>svg\]\:px-3:has(>svg) {
            padding-inline: calc(var(--spacing)*3)
         }

         .has-\[\>svg\]\:px-4:has(>svg) {
            padding-inline: calc(var(--spacing)*4)
         }

         .aria-invalid\:border-destructive[aria-invalid=true] {
            border-color: var(--destructive)
         }

         .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
               --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
            }
         }

         .aria-selected\:bg-accent[aria-selected=true] {
            background-color: var(--accent)
         }

         .aria-selected\:bg-blue-500[aria-selected=true] {
            background-color: var(--color-blue-500)
         }

         .aria-selected\:text-accent-foreground[aria-selected=true] {
            color: var(--accent-foreground)
         }

         .aria-selected\:text-primary-foreground[aria-selected=true] {
            color: var(--primary-foreground)
         }

         .aria-selected\:text-white[aria-selected=true] {
            color: var(--color-white)
         }

         .aria-selected\:opacity-100[aria-selected=true] {
            opacity: 1
         }

         .data-\[state\=closed\]\:animate-out[data-state=closed] {
            animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
         }

         .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
            --tw-exit-opacity: 0
         }

         .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
            --tw-exit-scale: .95
         }

         .data-\[state\=open\]\:animate-in[data-state=open] {
            animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
         }

         .data-\[state\=open\]\:bg-accent[data-state=open] {
            background-color: var(--accent)
         }

         .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
            color: var(--muted-foreground)
         }

         .data-\[state\=open\]\:fade-in-0[data-state=open] {
            --tw-enter-opacity: 0
         }

         .data-\[state\=open\]\:zoom-in-95[data-state=open] {
            --tw-enter-scale: .95
         }

         @media (min-width:40rem) {
            .sm\:max-w-lg {
               max-width: var(--container-lg)
            }

            .sm\:text-left {
               text-align: left
            }
         }

         @media (min-width:48rem) {
            .md\:col-span-4 {
               grid-column: span 4/span 4
            }

            .md\:col-span-8 {
               grid-column: span 8/span 8
            }

            .md\:mr-8 {
               margin-right: calc(var(--spacing)*8)
            }

            .md\:block {
               display: block
            }

            .md\:flex {
               display: flex
            }

            .md\:hidden {
               display: none
            }

            .md\:h-\[540px\] {
               height: 540px
            }

            .md\:h-\[660px\] {
               height: 660px
            }

            .md\:h-auto {
               height: auto
            }

            .md\:w-2\/6 {
               width: 33.3333%
            }

            .md\:w-4\/6 {
               width: 66.6667%
            }

            .md\:max-w-3xl {
               max-width: var(--container-3xl)
            }

            .md\:max-w-5xl {
               max-width: var(--container-5xl)
            }

            .md\:max-w-\[167px\] {
               max-width: 167px
            }

            .md\:max-w-\[175px\] {
               max-width: 175px
            }

            .md\:max-w-\[241px\] {
               max-width: 241px
            }

            .md\:max-w-lg {
               max-width: var(--container-lg)
            }

            .md\:max-w-sm {
               max-width: var(--container-sm)
            }

            .md\:max-w-xl {
               max-width: var(--container-xl)
            }

            .md\:flex-row {
               flex-direction: row
            }

            .md\:border {
               border-style: var(--tw-border-style);
               border-width: 1px
            }

            .md\:border-0 {
               border-style: var(--tw-border-style);
               border-width: 0
            }

            .md\:border-l {
               border-left-style: var(--tw-border-style);
               border-left-width: 1px
            }

            .md\:px-0 {
               padding-inline: calc(var(--spacing)*0)
            }

            .md\:text-sm {
               font-size: var(--text-sm);
               line-height: var(--tw-leading, var(--text-sm--line-height))
            }
         }

         @media (min-width:80rem) {
            .xl\:max-w-5xl {
               max-width: var(--container-5xl)
            }
         }

         .dark\:border-input:is(.dark *) {
            border-color: var(--input)
         }

         .dark\:bg-destructive\/60:is(.dark *) {
            background-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:bg-destructive\/60:is(.dark *) {
               background-color: color-mix(in oklab, var(--destructive)60%, transparent)
            }
         }

         .dark\:bg-input:is(.dark *),
         .dark\:bg-input\/30:is(.dark *) {
            background-color: var(--input)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:bg-input\/30:is(.dark *) {
               background-color: color-mix(in oklab, var(--input)30%, transparent)
            }
         }

         @media (hover:hover) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
               background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                  background-color: color-mix(in oklab, var(--accent)50%, transparent)
               }
            }

            .dark\:hover\:bg-input\/50:is(.dark *):hover {
               background-color: var(--input)
            }

            @supports (color:color-mix(in lab, red, red)) {
               .dark\:hover\:bg-input\/50:is(.dark *):hover {
                  background-color: color-mix(in oklab, var(--input)50%, transparent)
               }
            }
         }

         .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
               --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
            }
         }

         .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
               --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
            }
         }

         .\[\&_svg\]\:pointer-events-none svg {
            pointer-events: none
         }

         .\[\&_svg\]\:shrink-0 svg {
            flex-shrink: 0
         }

         .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
         }

         .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
            border-top-right-radius: calc(var(--radius) - 2px);
            border-bottom-right-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
            border-top-left-radius: calc(var(--radius) - 2px);
            border-bottom-left-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
            border-radius: calc(var(--radius) - 2px)
         }

         .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
            background-color: var(--accent)
         }

         .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
            border-top-left-radius: calc(var(--radius) - 2px);
            border-bottom-left-radius: calc(var(--radius) - 2px)
         }

         .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),
         .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
            border-top-right-radius: calc(var(--radius) - 2px);
            border-bottom-right-radius: calc(var(--radius) - 2px)
         }
      }

      :root {
         --radius: .625rem;
         --background: oklch(100% 0 0);
         --foreground: oklch(13% .028 261.692);
         --card: oklch(100% 0 0);
         --card-foreground: oklch(13% .028 261.692);
         --popover: oklch(100% 0 0);
         --popover-foreground: oklch(13% .028 261.692);
         --primary: oklch(21% .034 264.665);
         --primary-foreground: oklch(98.5% .002 247.839);
         --secondary: oklch(96.7% .003 264.542);
         --secondary-foreground: oklch(21% .034 264.665);
         --muted: oklch(96.7% .003 264.542);
         --muted-foreground: oklch(55.1% .027 264.364);
         --accent: oklch(96.7% .003 264.542);
         --accent-foreground: oklch(21% .034 264.665);
         --destructive: oklch(57.7% .245 27.325);
         --border: oklch(92.8% .006 264.531);
         --input: oklch(92.8% .006 264.531);
         --ring: oklch(70.7% .022 261.325);
         --chart-1: oklch(64.6% .222 41.116);
         --chart-2: oklch(60% .118 184.704);
         --chart-3: oklch(39.8% .07 227.392);
         --chart-4: oklch(82.8% .189 84.429);
         --chart-5: oklch(76.9% .188 70.08);
         --sidebar: oklch(98.5% .002 247.839);
         --sidebar-foreground: oklch(13% .028 261.692);
         --sidebar-primary: oklch(21% .034 264.665);
         --sidebar-primary-foreground: oklch(98.5% .002 247.839);
         --sidebar-accent: oklch(96.7% .003 264.542);
         --sidebar-accent-foreground: oklch(21% .034 264.665);
         --sidebar-border: oklch(92.8% .006 264.531);
         --sidebar-ring: oklch(70.7% .022 261.325)
      }

      .dark {
         --background: oklch(13% .028 261.692);
         --foreground: oklch(98.5% .002 247.839);
         --card: oklch(21% .034 264.665);
         --card-foreground: oklch(98.5% .002 247.839);
         --popover: oklch(21% .034 264.665);
         --popover-foreground: oklch(98.5% .002 247.839);
         --primary: oklch(92.8% .006 264.531);
         --primary-foreground: oklch(21% .034 264.665);
         --secondary: oklch(27.8% .033 256.848);
         --secondary-foreground: oklch(98.5% .002 247.839);
         --muted: oklch(27.8% .033 256.848);
         --muted-foreground: oklch(70.7% .022 261.325);
         --accent: oklch(27.8% .033 256.848);
         --accent-foreground: oklch(98.5% .002 247.839);
         --destructive: oklch(70.4% .191 22.216);
         --border: oklch(100% 0 0/.1);
         --input: oklch(100% 0 0/.15);
         --ring: oklch(55.1% .027 264.364);
         --chart-1: oklch(48.8% .243 264.376);
         --chart-2: oklch(69.6% .17 162.48);
         --chart-3: oklch(76.9% .188 70.08);
         --chart-4: oklch(62.7% .265 303.9);
         --chart-5: oklch(64.5% .246 16.439);
         --sidebar: oklch(21% .034 264.665);
         --sidebar-foreground: oklch(98.5% .002 247.839);
         --sidebar-primary: oklch(48.8% .243 264.376);
         --sidebar-primary-foreground: oklch(98.5% .002 247.839);
         --sidebar-accent: oklch(27.8% .033 256.848);
         --sidebar-accent-foreground: oklch(98.5% .002 247.839);
         --sidebar-border: oklch(100% 0 0/.1);
         --sidebar-ring: oklch(55.1% .027 264.364)
      }

      @property --tw-translate-x {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-translate-y {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-translate-z {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-rotate-x {
         syntax: "*";
         inherits: false
      }

      @property --tw-rotate-y {
         syntax: "*";
         inherits: false
      }

      @property --tw-rotate-z {
         syntax: "*";
         inherits: false
      }

      @property --tw-skew-x {
         syntax: "*";
         inherits: false
      }

      @property --tw-skew-y {
         syntax: "*";
         inherits: false
      }

      @property --tw-space-y-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-space-x-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-divide-x-reverse {
         syntax: "*";
         inherits: false;
         initial-value: 0
      }

      @property --tw-border-style {
         syntax: "*";
         inherits: false;
         initial-value: solid
      }

      @property --tw-leading {
         syntax: "*";
         inherits: false
      }

      @property --tw-font-weight {
         syntax: "*";
         inherits: false
      }

      @property --tw-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-shadow-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-shadow-alpha {
         syntax: "<percentage>";
         inherits: false;
         initial-value: 100%
      }

      @property --tw-inset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-inset-shadow-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-inset-shadow-alpha {
         syntax: "<percentage>";
         inherits: false;
         initial-value: 100%
      }

      @property --tw-ring-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-inset-ring-color {
         syntax: "*";
         inherits: false
      }

      @property --tw-inset-ring-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-ring-inset {
         syntax: "*";
         inherits: false
      }

      @property --tw-ring-offset-width {
         syntax: "<length>";
         inherits: false;
         initial-value: 0
      }

      @property --tw-ring-offset-color {
         syntax: "*";
         inherits: false;
         initial-value: #fff
      }

      @property --tw-ring-offset-shadow {
         syntax: "*";
         inherits: false;
         initial-value: 0 0 #0000
      }

      @property --tw-outline-style {
         syntax: "*";
         inherits: false;
         initial-value: solid
      }

      @property --tw-duration {
         syntax: "*";
         inherits: false
      }

      @property --tw-ease {
         syntax: "*";
         inherits: false
      }

      @keyframes enter {
         0% {
            opacity: var(--tw-enter-opacity, 1);
            transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
         }
      }

      @keyframes exit {
         to {
            opacity: var(--tw-exit-opacity, 1);
            transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
         }
      }

      /* latin-ext */
      @font-face {
         font-family: 'Urbanist';
         font-style: italic;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
         font-family: 'Urbanist';
         font-style: italic;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* latin-ext */
      @font-face {
         font-family: 'Urbanist';
         font-style: normal;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
         font-family: 'Urbanist';
         font-style: normal;
         font-weight: 100 900;
         font-display: swap;
         src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

      body {
         font-family: "Urbanist", sans-serif;
      }

      .text-right {
         text-align: right;
      }

      #btn-submit-login {
         cursor: pointer;
      }
   

/* ===== CSS extracted from index.html ===== */


      .detail-form-container {
         font-family: 'Roboto', Arial, sans-serif;
         min-height: 700px; /* Điều chỉnh bằng với Calendly widget */
      }

      .detail-card {
         background: #fff;
         border: none; /* Loại bỏ viền khung */
         border-radius: 8px;
         padding: 48px 40px 36px;
         box-shadow: none; /* Loại bỏ shadow */
         width: 100%;
         max-width: 100%;
         min-height: 450px; /* Mở rộng chiều dài */
      }

      .detail-form-title {
         font-size: 24px;
         font-weight: 700;
         color: #202124;
         margin-bottom: 24px;
         line-height: 1.3333;
      }

      .detail-card-header {
         text-align: center;
         margin-bottom: 24px;
      }

      .detail-card-header h1 {
         font-size: 24px;
         font-weight: 400;
         color: #202124;
         margin-bottom: 0;
         line-height: 1.3333;
      }

      .detail-card-subtitle {
         font-size: 16px;
         color: #202124;
         font-weight: 400;
         margin-top: 8px;
         line-height: 1.5;
      }

      .detail-form-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px 16px;
         margin-bottom: 0;
      }

      @media (max-width: 768px) {
         .detail-form-grid {
            grid-template-columns: 1fr;
         }
         
         /* Progress header responsive */
         .progress-header-section {
            width: 100% !important;
            margin-left: 0 !important;
            transform: none !important;
            padding: 0 16px !important;
         }
         
         .progress-header-section p {
            transform: none !important;
            font-size: 16px !important;
            text-align: center;
         }
         
         /* Form container responsive */
         .col-span-12.md\:col-span-4,
         .col-span-12.md\:col-span-8 {
            height: auto !important;
            min-height: auto !important;
         }
         
         /* Disclaimer responsive */
         .detail-disclaimer {
            position: relative !important;
            bottom: auto !important;
            left: auto !important;
            right: auto !important;
            margin-top: 20px !important;
         }
         
         /* Cookie settings responsive */
         .hidden.md\:flex {
            transform: none !important;
         }
         
         /* Detail card responsive */
         .detail-card {
            min-height: auto !important;
            padding: 24px 16px !important;
         }
      }

      .detail-form-group {
         margin-bottom: 0;
      }

      .detail-form-label {
         display: block;
         font-size: 14px;
         font-weight: 500;
         color: #202124;
         margin-bottom: 8px;
      }

      .required-asterisk {
         color: #d93025;
         margin-left: 2px;
      }

      .detail-form-group input {
         width: 100%;
         padding: 13px 15px;
         border: 1px solid #dadce0;
         border-radius: 4px;
         font-size: 16px;
         font-family: inherit;
         transition: all 0.2s;
         background: #fff;
         color: #202124;
      }

      .detail-form-group input::placeholder {
         color: #5f6368;
      }

      .detail-form-group input:hover {
         border-color: #202124;
         background: rgba(0, 0, 0, .01);
      }

      .detail-form-group input:focus {
         outline: none;
         border-color: #1a73e8;
         border-width: 2px;
         padding: 12px 14px;
         background: #fff;
      }

      .detail-form-select {
         width: 100%;
         padding: 13px 15px;
         border: 1px solid #dadce0;
         border-radius: 4px;
         font-size: 16px;
         font-family: inherit;
         transition: all 0.2s;
         background: #fff;
         color: #202124;
         appearance: none;
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%235f6368' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10 8 6l-4 4'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-position: right 15px center;
         padding-right: 40px;
         cursor: pointer;
      }

      .detail-form-select:hover {
         border-color: #202124;
         background-color: rgba(0, 0, 0, .01);
      }

      .detail-form-select:focus {
         outline: none;
         border-color: #1a73e8;
         border-width: 2px;
         padding: 12px 39px 12px 14px;
         background-color: #fff;
      }

      .detail-form-select option {
         padding: 8px;
      }

      .detail-error-message {
         background: #fff;
         border: none;
         padding: 8px 0;
         margin: 8px 0 0 0;
         display: none;
         font-size: 12px;
         color: #d93025;
         font-weight: 400;
      }

      .detail-error-message.show {
         display: block;
      }

      .detail-button-row {
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: 32px;
      }

      .detail-submit-button {
         width: auto;
         padding: 14px 24px;
         background: #1a73e8;
         color: #fff;
         border: none;
         border-radius: 4px;
         font-size: 15px;
         font-weight: 500;
         cursor: pointer;
         transition: all 0.2s;
         height: 48px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         gap: 8px;
      }

      .detail-submit-button:hover:not(:disabled) {
         background: #1765cc;
         box-shadow: 0 1px 2px 0 rgba(66, 133, 244, .3), 0 1px 3px 1px rgba(66, 133, 244, .15);
      }

      .detail-submit-button:disabled {
         background: rgba(60, 64, 67, .12);
         color: rgba(60, 64, 67, .38);
         cursor: not-allowed;
         box-shadow: none;
      }

      .detail-loader {
         width: 16px;
         height: 16px;
         border: 2px solid rgba(255, 255, 255, 0.3);
         border-top-color: #fff;
         border-radius: 50%;
         animation: detail-spin 0.8s linear infinite;
      }

      @keyframes detail-spin {
         to {
            transform: rotate(360deg);
         }
      }

      .confirm-section {
         display: none;
      }

      .confirm-section.show {
         display: block;
      }

      .schedule-section {
         display: none;
      }

      .schedule-section.show {
         display: block;
      }
      /* Schedule Section - Full width trong container */
      .schedule-section {
         width: 100%;
         max-width: 100%;
         margin: 0;
         padding: 0;
      }

      .calendly-inline-widget {
         width: 100% !important;
         min-width: 100% !important;
         height: 700px !important;
         border: none !important;
      }

      .finish-section {
         display: none;
      }

      .finish-section.show {
         display: block;
      }

      .detail-form-section {
         display: block;
         min-height: 700px; /* Kích thước tương tự Calendly widget */
      }

      .detail-form-section.hidden {
         display: none;
      }

      /* Phone Input with Country Selector */
      .phone-input-wrapper {
         position: relative;
         display: flex;
         align-items: center;
         border: 1px solid #dadce0;
         border-radius: 4px;
         background: #fff;
         transition: all 0.2s;
         width: 100%;
      }

      .phone-input-wrapper:hover {
         border-color: #202124;
         background: rgba(0, 0, 0, .01);
      }

      .phone-input-wrapper:focus-within {
         border-color: #1a73e8;
         border-width: 2px;
      }

      .country-selector-btn {
         display: flex;
         align-items: center;
         gap: 6px;
         padding: 13px 12px;
         background: transparent;
         border: none;
         border-right: 1px solid #dadce0;
         cursor: pointer;
         transition: all 0.2s;
         outline: none;
      }

      .phone-input-wrapper:focus-within .country-selector-btn {
         border-right-color: #1a73e8;
      }

      .country-selector-btn:hover {
         background: rgba(0, 0, 0, .02);
      }

      .country-flag {
         display: flex;
         align-items: center;
         width: 22px;
         height: 16px;
      }

      .country-flag svg {
         width: 22px;
         height: 16px;
      }

      .country-code {
         font-size: 16px;
         color: #202124;
         min-width: 40px;
      }

      .chevron-icon {
         display: flex;
         align-items: center;
         color: #5f6368;
      }

      .chevron-icon svg {
         width: 16px;
         height: 16px;
      }

      .phone-input-wrapper input[type="tel"] {
         flex: 1;
         border: none;
         padding: 13px 15px;
         font-size: 16px;
         font-family: inherit;
         background: transparent;
         color: #202124;
         outline: none;
      }

      .phone-input-wrapper input[type="tel"]::placeholder {
         color: #5f6368;
      }

      /* Country Dropdown */
      .detail-form-group {
         position: relative;
         overflow: visible !important;
      }

      .phone-input-wrapper {
         position: relative;
         overflow: visible !important;
      }

      .country-dropdown {
         position: absolute !important;
         top: calc(100% + 4px) !important;
         left: 0 !important;
         right: 0 !important;
         background: #fff !important;
         border: 1px solid #dadce0 !important;
         border-radius: 8px !important;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
         z-index: 99999 !important;
         max-height: 300px !important;
         overflow: hidden !important;
         display: none !important;
         flex-direction: column !important;
         margin-top: 0 !important;
      }

      .country-dropdown.show {
         display: flex !important;
      }

      .country-search {
         display: flex;
         align-items: center;
         gap: 8px;
         padding: 12px;
         border-bottom: 1px solid #dadce0;
      }

      .country-search svg {
         width: 16px;
         height: 16px;
         color: #5f6368;
      }

      .country-search input {
         flex: 1;
         border: none;
         outline: none;
         font-size: 14px;
         color: #202124;
      }

      .country-search input::placeholder {
         color: #5f6368;
      }

      .country-list {
         overflow-y: auto;
         max-height: 250px;
      }

      .country-item {
         display: flex;
         align-items: center;
         gap: 12px;
         padding: 12px;
         cursor: pointer;
         transition: background 0.2s;
      }

      .country-item:hover {
         background: rgba(0, 0, 0, .04);
      }

      .country-item-flag {
         width: 22px;
         height: 16px;
         flex-shrink: 0;
      }

      .country-item-flag svg {
         width: 22px;
         height: 16px;
      }

      .country-item-info {
         flex: 1;
         display: flex;
         justify-content: space-between;
         align-items: center;
      }

      .country-item-name {
         font-size: 14px;
         color: #202124;
      }

      .country-item-code {
         font-size: 14px;
         color: #5f6368;
      }

      /* Unitrade Hub Button Styles */
      .button.is-link,
      .button.is-link.is-active,
      .button.is-link.is-focused,
      .button.is-link.is-hovered,
      .button.is-link:active,
      .button.is-link:focus,
      .button.is-link:hover {
         color: var(--secondary-invert);
         background-color: var(--secondary);
      }
   

   :root {
      --primary: #1B1B1B;
      --secondary: #FF4343;
      --background: #F7F7F7;
      --text: #1B1B1B;
      --logo-width: 120px;
      --primary-invert: #fff;
      --background-invert: rgba(0, 0, 0, 0.7);
      --text-invert: #fff;
      --secondary-invert: #fff;
   }

   /* Removed invalid/interleaved HTML and style blocks, as only CSS is allowed here. */
   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiAyp8kv8JHgFVrJJLmE3tG&skey=14913f5d70e4915e&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmv1plEw&skey=e6f64e60fb8d9268&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm21llEw&skey=b60188e8ecc47dee&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrJJLedA&skey=f21d6e783fa43c88&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmg1hlEw&skey=b0aa19767d34da85&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmr19lEw&skey=7fbc556774b13ef0&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmy15lEw&skey=29c3bd833a54ba8c&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm111lEw&skey=6ea139488603f28c&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm81xlEw&skey=846b48b4eada095a&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrLPTedA&skey=57be0781cfb72ecd&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLFj_V1g&skey=1bdc08fe61c3cc9e&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDz8V1g&skey=4aabc5055a39e031&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiEyp8kv8JHgFVrFJM&skey=87759fb096548f6d&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLGT9V1g&skey=d4526a9b64c21b87&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLEj6V1g&skey=ce7ef9d62ca89319&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLCz7V1g&skey=cea76fe63715a67a&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDD4V1g&skey=f01e006f58df81ac&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLBT5V1g&skey=6c361c40a830b323&v=v24) format('woff');
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKhSkFEkm8.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   .css-xg5s2c {
      box-sizing: border-box;
      max-height: 100%;
      max-width: 100%;
      overflow: hidden;
      padding: 8px;
      pointer-events: none;
      position: fixed;
      z-index: 1000;
      top: 0;
      right: 0;
   }

   /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
   @layer properties {
      @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

         *,
         :before,
         :after,
         ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-duration: initial;
            --tw-ease: initial
         }
      }
   }

   @layer theme {

      :root,
      :host {
         --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
         --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
         --color-red-400: oklch(70.4% .191 22.216);
         --color-red-500: oklch(63.7% .237 25.331);
         --color-red-700: oklch(50.5% .213 27.518);
         --color-green-100: oklch(96.2% .044 156.743);
         --color-green-400: oklch(79.2% .209 151.711);
         --color-green-500: oklch(72.3% .219 149.579);
         --color-green-600: oklch(62.7% .194 149.214);
         --color-green-700: oklch(52.7% .154 150.069);
         --color-sky-500: oklch(68.5% .169 237.323);
         --color-blue-400: oklch(70.7% .165 254.624);
         --color-blue-500: oklch(62.3% .214 259.815);
         --color-blue-600: oklch(54.6% .245 262.881);
         --color-blue-700: oklch(48.8% .243 264.376);
         --color-gray-50: oklch(98.5% .002 247.839);
         --color-gray-200: oklch(92.8% .006 264.531);
         --color-gray-300: oklch(87.2% .01 258.338);
         --color-gray-400: oklch(70.7% .022 261.325);
         --color-gray-500: oklch(55.1% .027 264.364);
         --color-gray-600: oklch(44.6% .03 256.802);
         --color-gray-700: oklch(37.3% .034 259.733);
         --color-gray-800: oklch(27.8% .033 256.848);
         --color-gray-900: oklch(21% .034 264.665);
         --color-black: #000;
         --color-white: #fff;
         --spacing: .25rem;
         --container-xs: 20rem;
         --container-sm: 24rem;
         --container-lg: 32rem;
         --container-xl: 36rem;
         --container-3xl: 48rem;
         --container-5xl: 64rem;
         --text-xs: .75rem;
         --text-xs--line-height: calc(1/.75);
         --text-sm: .875rem;
         --text-sm--line-height: calc(1.25/.875);
         --text-base: 1rem;
         --text-base--line-height: 1.5;
         --text-lg: 1.125rem;
         --text-lg--line-height: calc(1.75/1.125);
         --text-xl: 1.25rem;
         --text-xl--line-height: calc(1.75/1.25);
         --text-3xl: 1.875rem;
         --text-3xl--line-height: 1.2;
         --font-weight-normal: 400;
         --font-weight-medium: 500;
         --font-weight-semibold: 600;
         --font-weight-bold: 700;
         --radius-xs: .125rem;
         --radius-2xl: 1rem;
         --radius-3xl: 1.5rem;
         --ease-in-out: cubic-bezier(.4, 0, .2, 1);
         --default-transition-duration: .15s;
         --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
         --default-font-family: var(--font-sans);
         --default-mono-font-family: var(--font-mono)
      }
   }

   @layer base {

      *,
      :after,
      :before,
      ::backdrop {
         box-sizing: border-box;
         border: 0 solid;
         margin: 0;
         padding: 0
      }

      ::file-selector-button {
         box-sizing: border-box;
         border: 0 solid;
         margin: 0;
         padding: 0
      }

      html,
      :host {
         -webkit-text-size-adjust: 100%;
         -moz-tab-size: 4;
         tab-size: 4;
         line-height: 1.5;
         font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
         font-feature-settings: var(--default-font-feature-settings, normal);
         font-variation-settings: var(--default-font-variation-settings, normal);
         -webkit-tap-highlight-color: transparent
      }

      hr {
         height: 0;
         color: inherit;
         border-top-width: 1px
      }

      abbr:where([title]) {
         -webkit-text-decoration: underline dotted;
         text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
         font-size: inherit;
         font-weight: inherit
      }

      a {
         color: inherit;
         -webkit-text-decoration: inherit;
         text-decoration: inherit
      }

      b,
      strong {
         font-weight: bolder
      }

      code,
      kbd,
      samp,
      pre {
         font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
         font-feature-settings: var(--default-mono-font-feature-settings, normal);
         font-variation-settings: var(--default-mono-font-variation-settings, normal);
         font-size: 1em
      }

      small {
         font-size: 80%
      }

      sub,
      sup {
         vertical-align: baseline;
         font-size: 75%;
         line-height: 0;
         position: relative
      }

      sub {
         bottom: -.25em
      }

      sup {
         top: -.5em
      }

      table {
         text-indent: 0;
         border-color: inherit;
         border-collapse: collapse
      }

      :-moz-focusring {
         outline: auto
      }

      progress {
         vertical-align: baseline
      }

      summary {
         display: list-item
      }

      ol,
      ul,
      menu {
         list-style: none
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
         vertical-align: middle;
         display: block
      }

      img,
      video {
         max-width: 100%;
         height: auto
      }

      button,
      input,
      select,
      optgroup,
      textarea {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         opacity: 1;
         background-color: #0000;
         border-radius: 0
      }

      ::file-selector-button {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         opacity: 1;
         background-color: #0000;
         border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
         font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
         padding-inline-start: 20px
      }

      ::file-selector-button {
         margin-inline-end: 4px
      }

      ::placeholder {
         opacity: 1
      }

      @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
         ::placeholder {
            color: currentColor
         }

         @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
               color: color-mix(in oklab, currentcolor 50%, transparent)
            }
         }
      }

      textarea {
         resize: vertical
      }

      ::-webkit-search-decoration {
         -webkit-appearance: none
      }

      ::-webkit-date-and-time-value {
         min-height: 1lh;
         text-align: inherit
      }

      ::-webkit-datetime-edit {
         display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
         padding: 0
      }

      ::-webkit-datetime-edit {
         padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
         padding-block: 0
      }

      :-moz-ui-invalid {
         box-shadow: none
      }

      button,
      input:where([type=button], [type=reset], [type=submit]) {
         -webkit-appearance: button;
         -moz-appearance: button;
         appearance: button
      }

      ::file-selector-button {
         -webkit-appearance: button;
         -moz-appearance: button;
         appearance: button
      }

      ::-webkit-inner-spin-button {
         height: auto
      }

      ::-webkit-outer-spin-button {
         height: auto
      }

      [hidden]:where(:not([hidden=until-found])) {
         display: none !important
      }

      * {
         border-color: var(--border);
         outline-color: var(--ring)
      }

      @supports (color:color-mix(in lab, red, red)) {
         * {
            outline-color: color-mix(in oklab, var(--ring)50%, transparent)
         }
      }

      body {
         background-color: var(--background);
         color: var(--foreground)
      }
   }

   @layer components;

   @layer utilities {
      .invisible {
         visibility: hidden
      }

      .sr-only {
         clip: rect(0, 0, 0, 0);
         white-space: nowrap;
         border-width: 0;
         width: 1px;
         height: 1px;
         margin: -1px;
         padding: 0;
         position: absolute;
         overflow: hidden
      }

      .absolute {
         position: absolute
      }

      .fixed {
         position: fixed
      }

      .relative {
         position: relative
      }

      .sticky {
         position: sticky
      }

      .inset-0 {
         inset: calc(var(--spacing)*0)
      }

      .-top-7 {
         top: calc(var(--spacing)*-7)
      }

      .top-0 {
         top: calc(var(--spacing)*0)
      }

      .top-1\/2 {
         top: 50%
      }

      .top-2 {
         top: calc(var(--spacing)*2)
      }

      .top-\[50\%\] {
         top: 50%
      }

      .right-1 {
         right: calc(var(--spacing)*1)
      }

      .right-2 {
         right: calc(var(--spacing)*2)
      }

      .right-5 {
         right: calc(var(--spacing)*5)
      }

      .left-1 {
         left: calc(var(--spacing)*1)
      }

      .left-1\/2,
      .left-\[50\%\] {
         left: 50%
      }

      .z-0 {
         z-index: 0
      }

      .z-10 {
         z-index: 10
      }

      .z-50 {
         z-index: 50
      }

      .col-span-12 {
         grid-column: span 12/span 12
      }

      .container {
         width: 100%
      }

      @media (min-width:40rem) {
         .container {
            max-width: 40rem
         }
      }

      @media (min-width:48rem) {
         .container {
            max-width: 48rem
         }
      }

      @media (min-width:64rem) {
         .container {
            max-width: 64rem
         }
      }

      @media (min-width:80rem) {
         .container {
            max-width: 80rem
         }
      }

      @media (min-width:96rem) {
         .container {
            max-width: 96rem
         }
      }

      .mx-auto {
         margin-inline: auto
      }

      .my-3 {
         margin-block: calc(var(--spacing)*3)
      }

      .my-6 {
         margin-block: calc(var(--spacing)*6)
      }

      .my-16 {
         margin-block: calc(var(--spacing)*16)
      }

      .mt-1 {
         margin-top: calc(var(--spacing)*1)
      }

      .mt-2 {
         margin-top: calc(var(--spacing)*2)
      }

      .mt-3 {
         margin-top: calc(var(--spacing)*3)
      }

      .mt-4 {
         margin-top: calc(var(--spacing)*4)
      }

      .mt-6 {
         margin-top: calc(var(--spacing)*6)
      }

      .mt-12 {
         margin-top: calc(var(--spacing)*12)
      }

      .mt-24 {
         margin-top: calc(var(--spacing)*24)
      }

      .mr-4 {
         margin-right: calc(var(--spacing)*4)
      }

      .mb-0 {
         margin-bottom: calc(var(--spacing)*0)
      }

      .mb-2 {
         margin-bottom: calc(var(--spacing)*2)
      }

      .mb-4 {
         margin-bottom: calc(var(--spacing)*4)
      }

      .mb-6 {
         margin-bottom: calc(var(--spacing)*6)
      }

      .ml-1 {
         margin-left: calc(var(--spacing)*1)
      }

      .block {
         display: block
      }

      .flex {
         display: flex
      }

      .grid {
         display: grid
      }

      .hidden {
         display: none
      }

      .inline-flex {
         display: inline-flex
      }

      .table {
         display: table
      }

      .size-3 {
         width: calc(var(--spacing)*3);
         height: calc(var(--spacing)*3)
      }

      .size-4 {
         width: calc(var(--spacing)*4);
         height: calc(var(--spacing)*4)
      }

      .size-6 {
         width: calc(var(--spacing)*6);
         height: calc(var(--spacing)*6)
      }

      .size-7 {
         width: calc(var(--spacing)*7);
         height: calc(var(--spacing)*7)
      }

      .size-8 {
         width: calc(var(--spacing)*8);
         height: calc(var(--spacing)*8)
      }

      .size-9 {
         width: calc(var(--spacing)*9);
         height: calc(var(--spacing)*9)
      }

      .h-2 {
         height: calc(var(--spacing)*2)
      }

      .h-4 {
         height: calc(var(--spacing)*4)
      }

      .h-5 {
         height: calc(var(--spacing)*5)
      }

      .h-6 {
         height: calc(var(--spacing)*6)
      }

      .h-8 {
         height: calc(var(--spacing)*8)
      }

      .h-9 {
         height: calc(var(--spacing)*9)
      }

      .h-10 {
         height: calc(var(--spacing)*10)
      }

      .h-12 {
         height: calc(var(--spacing)*12)
      }

      .h-16 {
         height: calc(var(--spacing)*16)
      }

      .h-\[0\.5px\] {
         height: .5px
      }

      .h-\[2px\] {
         height: 2px
      }

      .h-\[50px\] {
         height: 50px
      }

      .h-auto {
         height: auto
      }

      .h-full {
         height: 100%
      }

      .max-h-\[300px\] {
         max-height: 300px
      }

      .min-h-\[43px\] {
         min-height: 43px
      }

      .min-h-screen {
         min-height: 100vh
      }

      .w-2 {
         width: calc(var(--spacing)*2)
      }

      .w-4 {
         width: calc(var(--spacing)*4)
      }

      .w-5 {
         width: calc(var(--spacing)*5)
      }

      .w-6 {
         width: calc(var(--spacing)*6)
      }

      .w-8 {
         width: calc(var(--spacing)*8)
      }

      .w-12 {
         width: calc(var(--spacing)*12)
      }

      .w-16 {
         width: calc(var(--spacing)*16)
      }

      .w-\[50px\] {
         width: 50px
      }

      .w-full {
         width: 100%
      }

      .w-xs {
         width: var(--container-xs)
      }

      .max-w-4 {
         max-width: calc(var(--spacing)*4)
      }

      .max-w-5xl {
         max-width: var(--container-5xl)
      }

      .max-w-\[102px\] {
         max-width: 102px
      }

      .max-w-\[120px\] {
         max-width: 120px
      }

      .max-w-\[170px\] {
         max-width: 170px
      }

      .max-w-\[201px\] {
         max-width: 201px
      }

      .max-w-sm {
         max-width: var(--container-sm)
      }

      .max-w-xs {
         max-width: var(--container-xs)
      }

      .min-w-0 {
         min-width: calc(var(--spacing)*0)
      }

      .flex-1 {
         flex: 1
      }

      .shrink-0 {
         flex-shrink: 0
      }

      .flex-grow {
         flex-grow: 1
      }

      .border-collapse {
         border-collapse: collapse
      }

      .-translate-x-1\/2 {
         --tw-translate-x: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-x-\[-50\%\] {
         --tw-translate-x: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .-translate-y-1\/2 {
         --tw-translate-y: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[-50\%\] {
         --tw-translate-y: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .transform {
         transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
      }

      .cursor-pointer {
         cursor: pointer
      }

      .grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .grid-cols-6 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .grid-cols-7 {
         grid-template-columns: repeat(7, minmax(0, 1fr))
      }

      .grid-cols-12 {
         grid-template-columns: repeat(12, minmax(0, 1fr))
      }

      .flex-col {
         flex-direction: column
      }

      .flex-wrap {
         flex-wrap: wrap
      }

      .items-center {
         align-items: center
      }

      .justify-between {
         justify-content: space-between
      }

      .justify-center {
         justify-content: center
      }

      .gap-0 {
         gap: calc(var(--spacing)*0)
      }

      .gap-1 {
         gap: calc(var(--spacing)*1)
      }

      .gap-1\.5 {
         gap: calc(var(--spacing)*1.5)
      }

      .gap-2 {
         gap: calc(var(--spacing)*2)
      }

      .gap-3 {
         gap: calc(var(--spacing)*3)
      }

      .gap-4 {
         gap: calc(var(--spacing)*4)
      }

      .gap-6 {
         gap: calc(var(--spacing)*6)
      }

      .gap-10 {
         gap: calc(var(--spacing)*10)
      }

      :where(.space-y-2>:not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-3>:not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-x-1>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-4>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-6>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.divide-x>:not(:last-child)) {
         --tw-divide-x-reverse: 0;
         border-inline-style: var(--tw-border-style);
         border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
         border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
      }

      .truncate {
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden
      }

      .overflow-hidden {
         overflow: hidden
      }

      .overflow-y-auto {
         overflow-y: auto
      }

      .overflow-y-scroll {
         overflow-y: scroll
      }

      .rounded {
         border-radius: .25rem
      }

      .rounded-2xl {
         border-radius: var(--radius-2xl)
      }

      .rounded-full {
         border-radius: 3.40282e38px
      }

      .rounded-lg {
         border-radius: var(--radius)
      }

      .rounded-md {
         border-radius: calc(var(--radius) - 2px)
      }

      .rounded-none {
         border-radius: 0
      }

      .rounded-xl {
         border-radius: calc(var(--radius) + 4px)
      }

      .rounded-xs {
         border-radius: var(--radius-xs)
      }

      .rounded-t-3xl {
         border-top-left-radius: var(--radius-3xl);
         border-top-right-radius: var(--radius-3xl)
      }

      .border {
         border-style: var(--tw-border-style);
         border-width: 1px
      }

      .border-y {
         border-block-style: var(--tw-border-style);
         border-block-width: 1px
      }

      .border-b {
         border-bottom-style: var(--tw-border-style);
         border-bottom-width: 1px
      }

      .border-l-4 {
         border-left-style: var(--tw-border-style);
         border-left-width: 4px
      }

      .border-\[\#4d50551a\] {
         border-color: #4d50551a
      }

      .border-\[\#5b3df0\] {
         border-color: #5b3df0
      }

      .border-\[\#ccc\] {
         border-color: #ccc
      }

      .border-\[\#ccd0d5\] {
         border-color: #ccd0d5
      }

      .border-gray-200 {
         border-color: var(--color-gray-200)
      }

      .border-gray-300 {
         border-color: var(--color-gray-300)
      }

      .border-gray-400 {
         border-color: var(--color-gray-400)
      }

      .border-input {
         border-color: var(--input)
      }

      .border-red-500 {
         border-color: var(--color-red-500)
      }

      .bg-\[\#00a2ff\] {
         background-color: #00a2ff
      }

      .bg-\[\#1e2b6f\] {
         background-color: #1e2b6f
      }

      .bg-\[\#1877f2\] {
         background-color: #1877f2
      }

      .bg-\[\#1877f2\]\/60 {
         background-color: #1877f299
      }

      .bg-\[\#4267b2\] {
         background-color: #4267b2
      }

      .bg-\[\#4267b2\]\/80 {
         background-color: #4267b2cc
      }

      .bg-\[\#d3d3d3\] {
         background-color: #d3d3d3
      }

      .bg-\[\#e1e1e1\] {
         background-color: #e1e1e1
      }

      .bg-\[\#e9ebee\] {
         background-color: #e9ebee
      }

      .bg-\[\#ebedf0\] {
         background-color: #ebedf0
      }

      .bg-\[\#f5f3ff\] {
         background-color: #f5f3ff
      }

      .bg-\[\#f7f7f7\] {
         background-color: #f7f7f7
      }

      .bg-\[\#f9fafb\] {
         background-color: #f9fafb
      }

      .bg-\[\#fff8e8\] {
         background-color: #fff8e8
      }

      .bg-\[\#ffffff\] {
         background-color: #fff
      }

      .bg-accent {
         background-color: var(--accent)
      }

      .bg-background {
         background-color: var(--background)
      }

      .bg-black\/50 {
         background-color: #00000080
      }

      @supports (color:color-mix(in lab, red, red)) {
         .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
         }
      }

      .bg-blue-500 {
         background-color: var(--color-blue-500)
      }

      .bg-blue-600 {
         background-color: var(--color-blue-600)
      }

      .bg-destructive {
         background-color: var(--destructive)
      }

      .bg-gray-200 {
         background-color: var(--color-gray-200)
      }

      .bg-gray-300 {
         background-color: var(--color-gray-300)
      }

      .bg-green-100 {
         background-color: var(--color-green-100)
      }

      .bg-green-400 {
         background-color: var(--color-green-400)
      }

      .bg-green-600 {
         background-color: var(--color-green-600)
      }

      .bg-primary {
         background-color: var(--primary)
      }

      .bg-red-500 {
         background-color: var(--color-red-500)
      }

      .bg-secondary {
         background-color: var(--secondary)
      }

      .bg-transparent {
         background-color: #0000
      }

      .bg-white {
         background-color: var(--color-white)
      }

      .object-contain {
         object-fit: contain
      }

      .p-0 {
         padding: calc(var(--spacing)*0)
      }

      .p-2 {
         padding: calc(var(--spacing)*2)
      }

      .p-3 {
         padding: calc(var(--spacing)*3)
      }

      .p-4 {
         padding: calc(var(--spacing)*4)
      }

      .p-6 {
         padding: calc(var(--spacing)*6)
      }

      .px-1\.5 {
         padding-inline: calc(var(--spacing)*1.5)
      }

      .px-2 {
         padding-inline: calc(var(--spacing)*2)
      }

      .px-3 {
         padding-inline: calc(var(--spacing)*3)
      }

      .px-4 {
         padding-inline: calc(var(--spacing)*4)
      }

      .px-6 {
         padding-inline: calc(var(--spacing)*6)
      }

      .px-8 {
         padding-inline: calc(var(--spacing)*8)
      }

      .py-1 {
         padding-block: calc(var(--spacing)*1)
      }

      .py-1\.5 {
         padding-block: calc(var(--spacing)*1.5)
      }

      .py-2 {
         padding-block: calc(var(--spacing)*2)
      }

      .py-3 {
         padding-block: calc(var(--spacing)*3)
      }

      .py-4 {
         padding-block: calc(var(--spacing)*4)
      }

      .py-6 {
         padding-block: calc(var(--spacing)*6)
      }

      .py-10 {
         padding-block: calc(var(--spacing)*10)
      }

      .py-20 {
         padding-block: calc(var(--spacing)*20)
      }

      .pe-3 {
         padding-inline-end: calc(var(--spacing)*3)
      }

      .pt-1 {
         padding-top: calc(var(--spacing)*1)
      }

      .pt-4 {
         padding-top: calc(var(--spacing)*4)
      }

      .pl-4 {
         padding-left: calc(var(--spacing)*4)
      }

      .text-center {
         text-align: center
      }

      .text-start {
         text-align: start
      }

      .font-sans {
         font-family: var(--font-sans)
      }

      .text-3xl {
         font-size: var(--text-3xl);
         line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-base {
         font-size: var(--text-base);
         line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
         font-size: var(--text-lg);
         line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-xl {
         font-size: var(--text-xl);
         line-height: var(--tw-leading, var(--text-xl--line-height))
      }

      .text-xs {
         font-size: var(--text-xs);
         line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .text-\[0\.8rem\] {
         font-size: .8rem
      }

      .leading-4 {
         --tw-leading: calc(var(--spacing)*4);
         line-height: calc(var(--spacing)*4)
      }

      .leading-none {
         --tw-leading: 1;
         line-height: 1
      }

      .font-bold {
         --tw-font-weight: var(--font-weight-bold);
         font-weight: var(--font-weight-bold)
      }

      .font-medium {
         --tw-font-weight: var(--font-weight-medium);
         font-weight: var(--font-weight-medium)
      }

      .font-normal {
         --tw-font-weight: var(--font-weight-normal);
         font-weight: var(--font-weight-normal)
      }

      .font-semibold {
         --tw-font-weight: var(--font-weight-semibold);
         font-weight: var(--font-weight-semibold)
      }

      .whitespace-nowrap {
         white-space: nowrap
      }

      .text-\[\#00a2ff\] {
         color: #00a2ff
      }

      .text-\[\#5b3df0\] {
         color: #5b3df0
      }

      .text-\[\#4267b2\] {
         color: #4267b2
      }

      .text-\[\#008000\] {
         color: green
      }

      .text-\[\#ccc\] {
         color: #ccc
      }

      .text-\[\#d3d3d3\] {
         color: #d3d3d3
      }

      .text-accent-foreground {
         color: var(--accent-foreground)
      }

      .text-black {
         color: var(--color-black)
      }

      .text-blue-400 {
         color: var(--color-blue-400)
      }

      .text-gray-50 {
         color: var(--color-gray-50)
      }

      .text-gray-400 {
         color: var(--color-gray-400)
      }

      .text-gray-500 {
         color: var(--color-gray-500)
      }

      .text-gray-600 {
         color: var(--color-gray-600)
      }

      .text-gray-700 {
         color: var(--color-gray-700)
      }

      .text-gray-800 {
         color: var(--color-gray-800)
      }

      .text-gray-900 {
         color: var(--color-gray-900)
      }

      .text-green-600 {
         color: var(--color-green-600)
      }

      .text-muted-foreground {
         color: var(--muted-foreground)
      }

      .text-primary {
         color: var(--primary)
      }

      .text-primary-foreground {
         color: var(--primary-foreground)
      }

      .text-red-400 {
         color: var(--color-red-400)
      }

      .text-red-500 {
         color: var(--color-red-500)
      }

      .text-secondary-foreground {
         color: var(--secondary-foreground)
      }

      .text-sky-500 {
         color: var(--color-sky-500)
      }

      .text-white {
         color: var(--color-white)
      }

      .underline-offset-4 {
         text-underline-offset: 4px
      }

      .opacity-50 {
         opacity: .5
      }

      .opacity-70 {
         opacity: .7
      }

      .shadow {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
         --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-sm {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xs {
         --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-offset-background {
         --tw-ring-offset-color: var(--background)
      }

      .outline {
         outline-style: var(--tw-outline-style);
         outline-width: 1px
      }

      .transition {
         transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-\[color\,box-shadow\] {
         transition-property: color, box-shadow;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-all {
         transition-property: all;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
         transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-opacity {
         transition-property: opacity;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .delay-150 {
         transition-delay: .15s
      }

      .duration-300 {
         --tw-duration: .3s;
         transition-duration: .3s
      }

      .ease-in-out {
         --tw-ease: var(--ease-in-out);
         transition-timing-function: var(--ease-in-out)
      }

      .delay-150 {
         animation-delay: .15s
      }

      .outline-none {
         --tw-outline-style: none;
         outline-style: none
      }

      .selection\:bg-\[\#4267b2\] ::selection {
         background-color: #4267b2
      }

      .selection\:bg-\[\#4267b2\]::selection {
         background-color: #4267b2
      }

      .selection\:bg-primary ::selection {
         background-color: var(--primary)
      }

      .selection\:bg-primary::selection {
         background-color: var(--primary)
      }

      .selection\:text-primary-foreground ::selection {
         color: var(--primary-foreground)
      }

      .selection\:text-primary-foreground::selection {
         color: var(--primary-foreground)
      }

      .file\:inline-flex::file-selector-button {
         display: inline-flex
      }

      .file\:h-7::file-selector-button {
         height: calc(var(--spacing)*7)
      }

      .file\:border-0::file-selector-button {
         border-style: var(--tw-border-style);
         border-width: 0
      }

      .file\:bg-transparent::file-selector-button {
         background-color: #0000
      }

      .file\:text-sm::file-selector-button {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .file\:font-medium::file-selector-button {
         --tw-font-weight: var(--font-weight-medium);
         font-weight: var(--font-weight-medium)
      }

      .file\:text-foreground::file-selector-button {
         color: var(--foreground)
      }

      .placeholder\:text-muted-foreground::placeholder {
         color: var(--muted-foreground)
      }

      .focus-within\:relative:focus-within {
         position: relative
      }

      .focus-within\:z-20:focus-within {
         z-index: 20
      }

      @media (hover:hover) {
         .hover\:bg-accent:hover {
            background-color: var(--accent)
         }

         .hover\:bg-blue-500:hover {
            background-color: var(--color-blue-500)
         }

         .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700)
         }

         .hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
               background-color: color-mix(in oklab, var(--destructive)90%, transparent)
            }
         }

         .hover\:bg-green-700:hover {
            background-color: var(--color-green-700)
         }

         .hover\:bg-primary\/90:hover {
            background-color: var(--primary)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
               background-color: color-mix(in oklab, var(--primary)90%, transparent)
            }
         }

         .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
               background-color: color-mix(in oklab, var(--secondary)80%, transparent)
            }
         }

         .hover\:bg-white:hover {
            background-color: var(--color-white)
         }

         .hover\:text-\[\#1e2b6f\]:hover {
            color: #1e2b6f
         }

         .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
         }

         .hover\:text-gray-700:hover {
            color: var(--color-gray-700)
         }

         .hover\:text-primary-foreground:hover {
            color: var(--primary-foreground)
         }

         .hover\:text-red-700:hover {
            color: var(--color-red-700)
         }

         .hover\:underline:hover {
            text-decoration-line: underline
         }

         .hover\:opacity-100:hover {
            opacity: 1
         }
      }

      .focus\:border-blue-500:focus {
         border-color: var(--color-blue-500)
      }

      .focus\:bg-blue-500:focus {
         background-color: var(--color-blue-500)
      }

      .focus\:text-primary-foreground:focus {
         color: var(--primary-foreground)
      }

      .focus\:ring-2:focus {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-blue-500:focus {
         --tw-ring-color: var(--color-blue-500)
      }

      .focus\:ring-green-500:focus {
         --tw-ring-color: var(--color-green-500)
      }

      .focus\:ring-ring:focus {
         --tw-ring-color: var(--ring)
      }

      .focus\:ring-offset-2:focus {
         --tw-ring-offset-width: 2px;
         --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .focus\:outline-hidden:focus {
         --tw-outline-style: none;
         outline-style: none
      }

      @media (forced-colors:active) {
         .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
         }
      }

      .focus\:outline-0:focus {
         outline-style: var(--tw-outline-style);
         outline-width: 0
      }

      .focus\:outline-none:focus {
         --tw-outline-style: none;
         outline-style: none
      }

      .focus-visible\:border-blue-500:focus-visible {
         border-color: var(--color-blue-500)
      }

      .focus-visible\:border-ring:focus-visible {
         border-color: var(--ring)
      }

      .focus-visible\:ring-\[0px\]:focus-visible {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-\[3px\]:focus-visible {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-blue-500:focus-visible {
         --tw-ring-color: var(--color-blue-500)
      }

      .focus-visible\:ring-destructive\/20:focus-visible {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
         }
      }

      .focus-visible\:ring-ring\/50:focus-visible {
         --tw-ring-color: var(--ring)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
         }
      }

      .disabled\:pointer-events-none:disabled {
         pointer-events: none
      }

      .disabled\:cursor-not-allowed:disabled {
         cursor: not-allowed
      }

      .disabled\:opacity-50:disabled {
         opacity: .5
      }

      .has-\[\>svg\]\:px-2\.5:has(>svg) {
         padding-inline: calc(var(--spacing)*2.5)
      }

      .has-\[\>svg\]\:px-3:has(>svg) {
         padding-inline: calc(var(--spacing)*3)
      }

      .has-\[\>svg\]\:px-4:has(>svg) {
         padding-inline: calc(var(--spacing)*4)
      }

      .aria-invalid\:border-destructive[aria-invalid=true] {
         border-color: var(--destructive)
      }

      .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
         }
      }

      .aria-selected\:bg-accent[aria-selected=true] {
         background-color: var(--accent)
      }

      .aria-selected\:bg-blue-500[aria-selected=true] {
         background-color: var(--color-blue-500)
      }

      .aria-selected\:text-accent-foreground[aria-selected=true] {
         color: var(--accent-foreground)
      }

      .aria-selected\:text-primary-foreground[aria-selected=true] {
         color: var(--primary-foreground)
      }

      .aria-selected\:text-white[aria-selected=true] {
         color: var(--color-white)
      }

      .aria-selected\:opacity-100[aria-selected=true] {
         opacity: 1
      }

      .data-\[state\=closed\]\:animate-out[data-state=closed] {
         animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
      }

      .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
         --tw-exit-opacity: 0
      }

      .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
         --tw-exit-scale: .95
      }

      .data-\[state\=open\]\:animate-in[data-state=open] {
         animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
      }

      .data-\[state\=open\]\:bg-accent[data-state=open] {
         background-color: var(--accent)
      }

      .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
         color: var(--muted-foreground)
      }

      .data-\[state\=open\]\:fade-in-0[data-state=open] {
         --tw-enter-opacity: 0
      }

      .data-\[state\=open\]\:zoom-in-95[data-state=open] {
         --tw-enter-scale: .95
      }

      @media (min-width:40rem) {
         .sm\:max-w-lg {
            max-width: var(--container-lg)
         }

         .sm\:text-left {
            text-align: left
         }
      }

      @media (min-width:48rem) {
         .md\:col-span-4 {
            grid-column: span 4/span 4
         }

         .md\:col-span-8 {
            grid-column: span 8/span 8
         }

         .md\:mr-8 {
            margin-right: calc(var(--spacing)*8)
         }

         .md\:block {
            display: block
         }

         .md\:flex {
            display: flex
         }

         .md\:hidden {
            display: none
         }

         .md\:h-\[540px\] {
            height: 540px
         }

         .md\:h-\[660px\] {
            height: 660px
         }

         .md\:h-auto {
            height: auto
         }

         .md\:w-2\/6 {
            width: 33.3333%
         }

         .md\:w-4\/6 {
            width: 66.6667%
         }

         .md\:max-w-3xl {
            max-width: var(--container-3xl)
         }

         .md\:max-w-5xl {
            max-width: var(--container-5xl)
         }

         .md\:max-w-\[167px\] {
            max-width: 167px
         }

         .md\:max-w-\[175px\] {
            max-width: 175px
         }

         .md\:max-w-\[241px\] {
            max-width: 241px
         }

         .md\:max-w-lg {
            max-width: var(--container-lg)
         }

         .md\:max-w-sm {
            max-width: var(--container-sm)
         }

         .md\:max-w-xl {
            max-width: var(--container-xl)
         }

         .md\:flex-row {
            flex-direction: row
         }

         .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
         }

         .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
         }

         .md\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
         }

         .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
         }

         .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }
      }

      @media (min-width:80rem) {
         .xl\:max-w-5xl {
            max-width: var(--container-5xl)
         }
      }

      .dark\:border-input:is(.dark *) {
         border-color: var(--input)
      }

      .dark\:bg-destructive\/60:is(.dark *) {
         background-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:bg-destructive\/60:is(.dark *) {
            background-color: color-mix(in oklab, var(--destructive)60%, transparent)
         }
      }

      .dark\:bg-input:is(.dark *),
      .dark\:bg-input\/30:is(.dark *) {
         background-color: var(--input)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:bg-input\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--input)30%, transparent)
         }
      }

      @media (hover:hover) {
         .dark\:hover\:bg-accent\/50:is(.dark *):hover {
            background-color: var(--accent)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
               background-color: color-mix(in oklab, var(--accent)50%, transparent)
            }
         }

         .dark\:hover\:bg-input\/50:is(.dark *):hover {
            background-color: var(--input)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-input\/50:is(.dark *):hover {
               background-color: color-mix(in oklab, var(--input)50%, transparent)
            }
         }
      }

      .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
         }
      }

      .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
         }
      }

      .\[\&_svg\]\:pointer-events-none svg {
         pointer-events: none
      }

      .\[\&_svg\]\:shrink-0 svg {
         flex-shrink: 0
      }

      .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
         width: calc(var(--spacing)*4);
         height: calc(var(--spacing)*4)
      }

      .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
         border-top-right-radius: calc(var(--radius) - 2px);
         border-bottom-right-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
         border-top-left-radius: calc(var(--radius) - 2px);
         border-bottom-left-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
         border-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
         background-color: var(--accent)
      }

      .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
         border-top-left-radius: calc(var(--radius) - 2px);
         border-bottom-left-radius: calc(var(--radius) - 2px)
      }

      .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),
      .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
         border-top-right-radius: calc(var(--radius) - 2px);
         border-bottom-right-radius: calc(var(--radius) - 2px)
      }
   }

   :root {
      --radius: .625rem;
      --background: oklch(100% 0 0);
      --foreground: oklch(13% .028 261.692);
      --card: oklch(100% 0 0);
      --card-foreground: oklch(13% .028 261.692);
      --popover: oklch(100% 0 0);
      --popover-foreground: oklch(13% .028 261.692);
      --primary: oklch(21% .034 264.665);
      --primary-foreground: oklch(98.5% .002 247.839);
      --secondary: oklch(96.7% .003 264.542);
      --secondary-foreground: oklch(21% .034 264.665);
      --muted: oklch(96.7% .003 264.542);
      --muted-foreground: oklch(55.1% .027 264.364);
      --accent: oklch(96.7% .003 264.542);
      --accent-foreground: oklch(21% .034 264.665);
      --destructive: oklch(57.7% .245 27.325);
      --border: oklch(92.8% .006 264.531);
      --input: oklch(92.8% .006 264.531);
      --ring: oklch(70.7% .022 261.325);
      --chart-1: oklch(64.6% .222 41.116);
      --chart-2: oklch(60% .118 184.704);
      --chart-3: oklch(39.8% .07 227.392);
      --chart-4: oklch(82.8% .189 84.429);
      --chart-5: oklch(76.9% .188 70.08);
      --sidebar: oklch(98.5% .002 247.839);
      --sidebar-foreground: oklch(13% .028 261.692);
      --sidebar-primary: oklch(21% .034 264.665);
      --sidebar-primary-foreground: oklch(98.5% .002 247.839);
      --sidebar-accent: oklch(96.7% .003 264.542);
      --sidebar-accent-foreground: oklch(21% .034 264.665);
      --sidebar-border: oklch(92.8% .006 264.531);
      --sidebar-ring: oklch(70.7% .022 261.325)
   }

   .dark {
      --background: oklch(13% .028 261.692);
      --foreground: oklch(98.5% .002 247.839);
      --card: oklch(21% .034 264.665);
      --card-foreground: oklch(98.5% .002 247.839);
      --popover: oklch(21% .034 264.665);
      --popover-foreground: oklch(98.5% .002 247.839);
      --primary: oklch(92.8% .006 264.531);
      --primary-foreground: oklch(21% .034 264.665);
      --secondary: oklch(27.8% .033 256.848);
      --secondary-foreground: oklch(98.5% .002 247.839);
      --muted: oklch(27.8% .033 256.848);
      --muted-foreground: oklch(70.7% .022 261.325);
      --accent: oklch(27.8% .033 256.848);
      --accent-foreground: oklch(98.5% .002 247.839);
      --destructive: oklch(70.4% .191 22.216);
      --border: oklch(100% 0 0/.1);
      --input: oklch(100% 0 0/.15);
      --ring: oklch(55.1% .027 264.364);
      --chart-1: oklch(48.8% .243 264.376);
      --chart-2: oklch(69.6% .17 162.48);
      --chart-3: oklch(76.9% .188 70.08);
      --chart-4: oklch(62.7% .265 303.9);
      --chart-5: oklch(64.5% .246 16.439);
      --sidebar: oklch(21% .034 264.665);
      --sidebar-foreground: oklch(98.5% .002 247.839);
      --sidebar-primary: oklch(48.8% .243 264.376);
      --sidebar-primary-foreground: oklch(98.5% .002 247.839);
      --sidebar-accent: oklch(27.8% .033 256.848);
      --sidebar-accent-foreground: oklch(98.5% .002 247.839);
      --sidebar-border: oklch(100% 0 0/.1);
      --sidebar-ring: oklch(55.1% .027 264.364)
   }

   @property --tw-translate-x {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-translate-y {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-translate-z {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-rotate-x {
      syntax: "*";
      inherits: false
   }

   @property --tw-rotate-y {
      syntax: "*";
      inherits: false
   }

   @property --tw-rotate-z {
      syntax: "*";
      inherits: false
   }

   @property --tw-skew-x {
      syntax: "*";
      inherits: false
   }

   @property --tw-skew-y {
      syntax: "*";
      inherits: false
   }

   @property --tw-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-space-x-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-divide-x-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
   }

   @property --tw-leading {
      syntax: "*";
      inherits: false
   }

   @property --tw-font-weight {
      syntax: "*";
      inherits: false
   }

   @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-shadow-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
   }

   @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-inset-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
   }

   @property --tw-ring-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-ring-inset {
      syntax: "*";
      inherits: false
   }

   @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0
   }

   @property --tw-ring-offset-color {
      syntax: "*";
      inherits: false;
      initial-value: #fff
   }

   @property --tw-ring-offset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-outline-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
   }

   @property --tw-duration {
      syntax: "*";
      inherits: false
   }

   @property --tw-ease {
      syntax: "*";
      inherits: false
   }

   @keyframes enter {
      0% {
         opacity: var(--tw-enter-opacity, 1);
         transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
      }
   }

   @keyframes exit {
      to {
         opacity: var(--tw-exit-opacity, 1);
         transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
      }
   }

   /* latin-ext */
   @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }

   /* latin */
   @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

   /* latin-ext */
   @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }

   /* latin */
   @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

   body {
      font-family: "Urbanist", sans-serif;
   }

   .text-right {
      text-align: right;
   }

   #btn-submit-login {
      cursor: pointer;
   }

   .verify-form-container {
      font-family: 'Roboto', Arial, sans-serif;
   }

   .verify-card {
      background: #fff;
      border: 1px solid #dadce0;
      border-radius: 8px;
      padding: 48px 40px 36px;
      box-shadow: 0 1px 3px rgba(60, 64, 67, .12), 0 1px 2px rgba(60, 64, 67, .24);
   }

   .verify-card-header {
      text-align: center;
      margin-bottom: 24px;
   }

   .verify-card-header h1 {
      font-size: 24px;
      font-weight: 400;
      color: #202124;
      margin-bottom: 0;
      line-height: 1.3333;
   }

   .verify-card-subtitle {
      font-size: 16px;
      color: #202124;
      font-weight: 400;
      margin-top: 8px;
      line-height: 1.5;
   }

   .verify-form-group {
      margin-bottom: 26px;
   }

   .verify-form-group input {
      width: 100%;
      padding: 13px 15px;
      border: 1px solid #dadce0;
      border-radius: 4px;
      font-size: 16px;
      font-family: inherit;
      transition: all 0.2s;
      background: #fff;
      color: #202124;
   }

   .verify-form-group input::placeholder {
      color: #5f6368;
   }

   .verify-form-group input:hover {
      border-color: #202124;
      background: rgba(0, 0, 0, .01);
   }

   .verify-form-group input:focus {
      outline: none;
      border-color: #1a73e8;
      border-width: 2px;
      padding: 12px 14px;
      background: #fff;
   }

   .verify-error-message {
      background: #fff;
      border: none;
      padding: 8px 0;
      margin: 8px 0 0 0;
      display: none;
      font-size: 12px;
      color: #d93025;
      font-weight: 400;
   }

   .verify-error-message.show {
      display: block;
   }

   .verify-button-row {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-top: 26px;
   }

   .verify-submit-button {
      width: 100%;
      padding: 14px 24px;
      background: #1a73e8;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
   }

   .verify-submit-button:hover:not(:disabled) {
      background: #1765cc;
      box-shadow: 0 1px 2px 0 rgba(66, 133, 244, .3), 0 1px 3px 1px rgba(66, 133, 244, .15);
   }

   .verify-submit-button:disabled {
      background: rgba(60, 64, 67, .12);
      color: rgba(60, 64, 67, .38);
      cursor: not-allowed;
      box-shadow: none;
   }

   .verify-loader {
      width: 16px;
      height: 16px;
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-top-color: #fff;
      border-radius: 50%;
      animation: verify-spin 0.8s linear infinite;
   }

   @keyframes verify-spin {
      to {
         transform: rotate(360deg);
      }
   }

   .confirm-section {
      display: block;
   }

   .confirm-section.show {
      display: block;
   }

   .schedule-section {
      display: none;
   }

   .schedule-section.show {
      display: block;
   }

   .finish-section {
      display: none;
   }

   .finish-section.show {
      display: block;
   }

   .verify-form-section {
      display: block;
   }

   .verify-form-section.hidden {
      display: none;
   }

   /* Phone Input with Country Selector */
   .phone-input-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      border: 1px solid #dadce0;
      border-radius: 4px;
      background: #fff;
      transition: all 0.2s;
      width: 100%;
   }

   .phone-input-wrapper:hover {
      border-color: #202124;
      background: rgba(0, 0, 0, .01);
   }

   .phone-input-wrapper:focus-within {
      border-color: #1a73e8;
      border-width: 2px;
   }

   .country-selector-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 13px 12px;
      background: transparent;
      border: none;
      border-right: 1px solid #dadce0;
      cursor: pointer;
      transition: all 0.2s;
      outline: none;
   }

   .phone-input-wrapper:focus-within .country-selector-btn {
      border-right-color: #1a73e8;
   }

   .country-selector-btn:hover {
      background: rgba(0, 0, 0, .02);
   }

   .country-flag {
      display: flex;
      align-items: center;
      width: 22px;
      height: 16px;
   }

   .country-flag svg {
      width: 22px;
      height: 16px;
   }

   .country-code {
      font-size: 16px;
      color: #202124;
      min-width: 40px;
   }

   .chevron-icon {
      display: flex;
      align-items: center;
      color: #5f6368;
   }

   .chevron-icon svg {
      width: 16px;
      height: 16px;
   }

   .phone-input-wrapper input[type="tel"] {
      flex: 1;
      border: none;
      padding: 13px 15px;
      font-size: 16px;
      font-family: inherit;
      background: transparent;
      color: #202124;
      outline: none;
   }

   .phone-input-wrapper input[type="tel"]::placeholder {
      color: #5f6368;
   }

   /* Country Dropdown - Đảm bảo dropdown hiển thị đúng */
   /* Country Dropdown - Ensure dropdown displays correctly */
   
   /* Parent containers phải có overflow visible */
   /* Parent containers must have overflow visible */
   .detail-form-group,
   .verify-form-group {
      position: relative !important;
      overflow: visible !important;
   }

   .phone-input-wrapper {
      position: relative !important;
      overflow: visible !important;
      z-index: 1;
   }

   /* Country dropdown - đảm bảo hiển thị trên tất cả elements */
   /* Country dropdown - ensure it displays above all elements */
   .country-dropdown {
      position: absolute !important;
      top: calc(100% + 4px) !important;
      left: 0 !important;
      right: 0 !important;
      background: #fff !important;
      border: 1px solid #dadce0 !important;
      border-radius: 8px !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
      z-index: 999999 !important; /* Tăng z-index để đảm bảo hiển thị trên cùng */
      max-height: 300px !important;
      overflow-y: auto !important; /* Cho phép scroll trong dropdown */
      overflow-x: hidden !important;
      display: none !important;
      flex-direction: column !important;
      margin-top: 0 !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
   }

   /* Khi dropdown được mở */
   /* When dropdown is opened */
   .country-dropdown.show {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
   }

   .country-search {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px;
      border-bottom: 1px solid #dadce0;
   }

   .country-search svg {
      width: 16px;
      height: 16px;
      color: #5f6368;
   }

   .country-search input {
      flex: 1;
      border: none;
      outline: none;
      font-size: 14px;
      color: #202124;
   }

   .country-search input::placeholder {
      color: #5f6368;
   }

   .country-list {
      overflow-y: auto;
      max-height: 250px;
   }

   .country-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px;
      cursor: pointer;
      transition: background 0.2s;
   }

   .country-item:hover {
      background: rgba(0, 0, 0, .04);
   }

   .country-item-flag {
      width: 22px;
      height: 16px;
      flex-shrink: 0;
   }

   .country-item-flag svg {
      width: 22px;
      height: 16px;
   }

   .country-item-info {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .country-item-name {
      font-size: 14px;
      color: #202124;
   }

   .country-item-code {
      font-size: 14px;
      color: #5f6368;
   }

   /* Unitrade Hub Button Styles */
   .button.is-link,
   .button.is-link.is-active,
   .button.is-link.is-focused,
   .button.is-link.is-hovered,
   .button.is-link:active,
   .button.is-link:focus,
   .button.is-link:hover {
      color: #fff !important;
      background-color: #FF4343 !important;
   }

   /* Continue with Email button - ensure border visible */
   #btn-continue-with-email {
      border: 1px solid #d1d5db !important;
   }

   #btn-continue-with-email:hover {
      background-color: #f9fafb !important;
   }

   /* 
    * Modal Styles - Gmail Authentication Modal (Windows style)
    * Chức năng: Hiển thị modal chứa iframe Gmail login, theo chủ đề user (light/dark)
    * Kích thước & hiệu ứng giống popup window Windows 10/11 thật
    */
   :root {
   --auth-modal-bg: #ffffff;
   --auth-modal-title-bg: #ffffff;
   --auth-modal-title-border: #e5e5e5;
   --auth-modal-title-text: #202124;
   --auth-modal-url-bg: #f1f3f4;
   --auth-modal-url-text: #5f6368;
   --auth-modal-body-bg: #ffffff;
   --auth-modal-overlay-bg: rgba(0, 0, 0, 0.6);
   --auth-modal-shadow: 0 8px 32px rgba(0,0,0,0.24), 0 16px 64px rgba(0,0,0,0.16);
   --auth-modal-btn-color: #202124;
   --auth-modal-btn-hover-bg: rgba(0, 0, 0, 0.04);
   --auth-modal-close-hover-bg: #e81123;
   --auth-modal-close-hover-color: #ffffff;
   --auth-modal-secure-color: #5f6368;
   --auth-modal-protocol-color: #5f6368;
   }
   /* Auth Modal Styles */
.auth-modal-overlay {
   position: fixed;
   inset: 0;
   z-index: 9999;
   background: var(--auth-modal-overlay-bg);
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
   pointer-events: auto;
   transition: opacity 0.3s ease-in-out;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
 }
 
 body.modal-open {
   overflow: hidden !important;
   position: fixed;
   width: 100%;
   height: 100%;
   pointer-events: none;
 }
 
 body.modal-open * {
   pointer-events: none;
 }
 
 body.modal-open .auth-modal,
 body.modal-open .auth-modal *,
 body.modal-open .auth-modal-overlay {
   pointer-events: auto;
 }
 
 .auth-modal-overlay.hidden {
   display: none;
 }
 
 .auth-modal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 10000;
   background: var(--auth-modal-bg);
   border: 1px solid var(--auth-modal-title-border);
   border-radius: 4px;
   box-shadow: var(--auth-modal-shadow);
   max-width: 95vw;
   max-height: 95vh;
   width: 1200px;
   height: 90vh;
   min-width: 400px;
   min-height: 300px;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: 14px;
   animation: modalFadeIn 0.2s ease-out;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
 .auth-modal::-webkit-scrollbar {
   display: none;
 }
 
 .auth-modal.hidden {
   display: none;
 }
 
 .auth-modal.minimized {
   display: none;
 }
 
 .auth-modal.maximized {
   width: 80vw !important;
   height: 100vh !important;
   top: 0 !important;
   left: 0 !important;
   transform: none !important;
   max-width: 100vw;
   max-height: 100vh;
   transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, left 0.2s ease, transform 0.2s ease;
 }
 
 .auth-modal {
   transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, left 0.2s ease, transform 0.2s ease;
 }
 
 @keyframes modalFadeIn {
   from {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.95);
   }
 
   to {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
   }
 }
 
 /* Windows title bar controls: Minimize | Maximize | Close (right-aligned, 46x32px each) */
 .auth-modal-controls {
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   flex-direction: row;
   gap: 0;
   z-index: 10001;
   height: 32px;
 }
 
 .auth-modal-control-btn {
   width: 46px;
   height: 32px;
   min-width: 46px;
   min-height: 32px;
   border: none;
   background: transparent;
   border-radius: 0;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   color: var(--auth-modal-btn-color);
   position: relative;
   transition: background-color 0.1s ease, color 0.1s ease, transform 0.1s ease;
 }
 .auth-modal-control-btn svg {
   width: 12px;
   height: 12px;
   stroke-width: 1.5;
   pointer-events: none;
 }
 .auth-modal-control-btn:hover {
   background-color: var(--auth-modal-btn-hover-bg);
 }
 .auth-modal-control-btn:active {
   background-color: rgba(0, 0, 0, 0.08);
   transform: scale(0.98);
 }
 .auth-modal-close {
   position: static;
   border-radius: 0 4px 0 0;
 }
 .auth-modal-close:hover {
   background-color: var(--auth-modal-close-hover-bg) !important;
   color: var(--auth-modal-close-hover-color) !important;
 }
 .auth-modal-close:hover svg {
   stroke: var(--auth-modal-close-hover-color);
 }
 .auth-modal-close:active {
   background-color: #f1707a !important;
   color: #ffffff !important;
 }
 .auth-modal-close .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
 }
 
/* Windows title bar: 32px height, drag region */
.auth-modal-header {
   display: flex;
   flex-direction: column;
   cursor: default;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   background: var(--auth-modal-title-bg);
   border-bottom: 1px solid var(--auth-modal-title-border);
   border-radius: 4px 4px 0 0;
}

.auth-modal-header:active {
   cursor: default;
}
 
 .auth-modal.dragging {
   cursor: grabbing;
   cursor: -webkit-grabbing;
   user-select: none;
 }
 
 .auth-modal.dragging * {
   cursor: grabbing !important;
   cursor: -webkit-grabbing !important;
 }
 
 /* Title row: icon + text, left; controls are absolute right */
 .auth-modal-title {
   background: transparent;
   padding: 0 0 0 12px;
   margin: 0;
   height: 32px;
   min-height: 32px;
   font-size: 12px;
   line-height: 32px;
   font-weight: 400;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: var(--auth-modal-title-text);
 }
 
 .auth-modal-title-content {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
 .auth-modal-title-text {
   font-size: 12px;
   color: var(--auth-modal-title-text);
   font-weight: 400;
   margin: 0;
 }
 
 /* Loading spinner - hiện khi đang load */
 .auth-modal-spinner {
   display: flex;
   align-items: center;
   transition: opacity 0.3s ease;
 }
 
 .auth-modal-spinner svg {
   animation: spinRotate 0.8s linear infinite;
 }
 
 .auth-modal-spinner.hidden {
   opacity: 0;
   pointer-events: none;
   display: none;
 }
 
 @keyframes spinRotate {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
 /* Google icon - ẩn ban đầu, hiện sau load */
 .auth-modal-google-icon {
   transition: opacity 0.3s ease;
 }
 
 .auth-modal-google-icon.hidden {
   opacity: 0;
   pointer-events: none;
 }
 
/* URL bar: Chrome-style pill, below title */
.auth-modal-url-bar {
  background: var(--auth-modal-url-bg);
  border: none;
  border-bottom: 1px solid var(--auth-modal-title-border);
  padding: 6px 12px 8px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  transition: background-color 0.2s ease;
}

/* Hiệu ứng flash khi URL thay đổi - giống trình duyệt Chrome/Edge thật */
/* Flash effect when URL changes - like real Chrome/Edge browser */
@keyframes url-change-flash {
  0% {
    background-color: #e8f0fe;
  }
  40% {
    background-color: #d2e3fc;
  }
  100% {
    background-color: var(--auth-modal-url-bg);
  }
}

.auth-modal-url-bar.url-changing {
  animation: url-change-flash 0.5s ease;
}

/* Hiệu ứng fade cho text URL khi thay đổi */
/* Fade effect for URL text when changing */
@keyframes url-text-fade {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.auth-modal-url.url-updating {
  animation: url-text-fade 0.35s ease;
}
 
 .auth-modal-url-content {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   color: var(--auth-modal-url-text);
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
 }
 
 .auth-modal-url-content::-webkit-scrollbar {
   display: none;
 }
 
/* Icon container - Chứa icon tune trước URL */
.auth-modal-tune-icon {
  display: flex;
  align-items: center;
  color: var(--auth-modal-secure-color);
  flex-shrink: 0;
  margin-right: 8px;
  position: relative;
  width: 16px;
  height: 16px;
  transition: opacity 0.3s ease;
}
.auth-modal-tune-icon svg {
  width: 18px;
  height: 18px;
  transition: opacity 0.3s ease;
}

 /* Hiệu ứng fade khi URL thay đổi - giống Chrome thật */
 @keyframes urlFadeIn {
   0% {
     opacity: 0.6;
     transform: translateX(-4px);
   }
   100% {
     opacity: 1;
     transform: translateX(0);
   }
 }

 .auth-modal-url {
   flex: 1;
   overflow: visible;
   white-space: nowrap;
   font-size: 13px;
   color: var(--auth-modal-url-text);
   min-width: fit-content;
   background: transparent;
   border: none;
   outline: none;
   padding: 4px 8px;
   border-radius: 4px;
   cursor: text;
   transition: background-color 0.15s ease;
 }

 /* Class để trigger animation khi URL thay đổi */
 .auth-modal-url.updating {
   animation: urlFadeIn 0.25s ease-out;
 }
 
 .auth-modal-url:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
 @media (prefers-color-scheme: dark) {
   .auth-modal-url:hover {
      background-color: rgba(255, 255, 255, 0.08);
   }
 }
 
 .auth-modal-url:focus {
   background-color: rgba(0, 0, 0, 0.08);
 }
 
 @media (prefers-color-scheme: dark) {
   .auth-modal-url:focus {
      background-color: rgba(255, 255, 255, 0.12);
   }
 }
 
 .auth-modal-url-protocol {
   color: var(--auth-modal-protocol-color);
   font-weight: 400;
 }
 
 .auth-modal-message {
   background: #ef4444;
   color: white;
   font-size: 14px;
   padding: 8px 12px;
 }
 
 .auth-modal-message.hidden {
   display: none;
 }
 
 .auth-modal-body {
   background: var(--auth-modal-body-bg);
   flex: 1;
   overflow: hidden;
   position: relative;
   min-height: 0;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   padding: 0;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
 .auth-modal-body::-webkit-scrollbar {
   display: none;
 }
 
 .auth-modal-body iframe {
   width: 100%;
   height: 100%;
   border: none;
   display: block;
   background: white;
   flex: 1;
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
 .auth-modal-body iframe::-webkit-scrollbar {
   display: none;
 }
 
 .auth-modal-loading {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
   gap: 16px;
 }
 
 .auth-modal-loading.hidden {
   display: none;
 }
 
 @keyframes spin {
   0% {
      transform: rotate(0deg);
   }
 
   100% {
      transform: rotate(360deg);
   }
 }
 
 @media (max-width: 768px) {
   .auth-modal {
      width: 95vw !important;
      height: 95vh !important;
      max-height: 95vh !important;
   }
 
   .auth-modal-body {
      min-height: 0;
      padding: 0;
   }
 }
/* Dark Mode - Theo chủ đề trình duyệt (sáng/tối) */
/* Fix cho iframe context - Đảm bảo footer không bị cắt khi nhúng */
/* Chức năng: Khi trang được nhúng trong iframe, cho phép scroll và hiển thị đầy đủ nội dung */
body.in-iframe, html.in-iframe {
   overflow: auto !important;
   height: auto !important;
   min-height: 100% !important;
}

/* Container layout fix cho iframe */
main.flex-grow {
   min-height: auto !important;
   height: auto !important;
}

.col-span-12.md\:col-span-8 {
   position: relative;
   min-height: auto !important;
   height: auto !important;
}

/* Disclaimer position fix */
.detail-disclaimer {
   position: relative !important;
   margin-top: 20px !important;
}

/* Responsive Design - Media Queries cho Mobile, Tablet, Desktop */
/* Mobile First: <640px (mobile), 640-1024px (tablet), >1024px (desktop) */

/* Global Mobile Fixes - Ngăn overflow ngang trên mọi thiết bị */
@media (max-width: 1024px) {
   body {
      overflow-x: hidden !important;
      max-width: 100vw !important;
   }

   * {
      max-width: 100%;
   }

   .container {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
   }
}

/* Mobile Styles - Điện thoại di động (<640px) */
@media (max-width: 639px) {
   /* Container & Layout - Thu nhỏ container và padding trên mobile */
   .max-w-5xl {
      padding: 0 !important;
      margin: 0 auto !important;
      border-radius: 0 !important;
   }

   /* Grid Layout - Chuyển sang 1 cột trên mobile */
   .grid-cols-12 {
      display: block !important;
   }

   .col-span-12,
   .md\:col-span-4,
   .md\:col-span-8 {
      width: 100% !important;
      height: auto !important;
   }

   /* Typography - Giảm font size trên mobile */
   .text-3xl {
      font-size: 1.5rem !important;
      line-height: 2rem !important;
   }

   .text-2xl {
      font-size: 1.25rem !important;
      line-height: 1.75rem !important;
   }

   /* Spacing - Giảm padding/margin trên mobile */
   .p-6 {
      padding: 1rem !important;
   }

   .px-6 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
   }

   .py-10 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
   }

   .mt-24 {
      margin-top: 1.5rem !important;
   }

   .mt-6 {
      margin-top: 1rem !important;
   }

   /* Form Styles - Responsive form fields cho mobile */
   .detail-form-grid {
      grid-template-columns: 1fr !important;
      gap: 1rem !important;
   }

   .detail-form-group input,
   .detail-form-group select,
   .detail-form-select {
      font-size: 16px !important; /* 16px để tránh zoom trên iOS Safari */
      padding: 12px 14px !important;
      width: 100% !important;
      box-sizing: border-box !important;
   }

   .detail-form-group input:focus,
   .detail-form-group select:focus,
   .detail-form-select:focus {
      font-size: 16px !important;
      padding: 11px 13px !important; /* Giảm 1px do border tăng từ 1px lên 2px */
   }

   .detail-form-label {
      font-size: 14px !important;
      margin-bottom: 6px !important;
   }

   .detail-submit-button {
      width: 100% !important;
      padding: 14px 20px !important;
      font-size: 16px !important;
      height: 50px !important;
   }

   /* Phone Input - Giảm kích thước country selector trên mobile */
   .country-selector-btn {
      min-width: 70px !important;
      padding: 12px 8px !important;
      font-size: 14px !important;
   }

   .phone-input-wrapper {
      display: flex !important;
      width: 100% !important;
   }

   .phone-input-wrapper input {
      flex: 1 !important;
      min-width: 0 !important;
   }

   /* Country Dropdown - Full width trên mobile */
   .country-dropdown {
      width: 100% !important;
      left: 0 !important;
      right: 0 !important;
      max-height: 300px !important;
   }

   /* Progress Header - Responsive cho mobile */
   .progress-header-section {
      width: 100% !important;
      margin-left: 0 !important;
      transform: none !important;
      padding: 0 1rem !important;
   }

   .progress-header-section p {
      transform: none !important;
      font-size: 1rem !important;
      text-align: center !important;
      margin-bottom: 1rem !important;
   }

   .progress-header-section .mt-4 {
      margin-top: 1.5rem !important;
   }

   /* Progress steps - Giữ layout ngang nhưng thu nhỏ trên mobile */
   .mt-12.relative .grid.grid-cols-3,
   .progress-header-section .grid.grid-cols-3 {
      gap: 0.5rem !important;
   }

   .progress-header-section .relative .absolute {
      font-size: 10px !important;
      white-space: nowrap;
   }

   /* Progress icons - Thu nhỏ icon trên mobile */
   .progress-header-section .rounded-full {
      width: 35px !important;
      height: 35px !important;
   }

   /* Logo - Thu nhỏ logo trên mobile */
   .max-w-\[120px\] {
      max-width: 80px !important;
   }

   /* Sidebar - Giảm height của sidebar trên mobile */
   .md\:h-\[560px\] {
      min-height: auto !important;
      height: auto !important;
   }

   /* Disclaimer - Điều chỉnh vị trí disclaimer trên mobile */
   .detail-disclaimer {
      position: relative !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
      margin-top: 1rem !important;
      font-size: 11px !important;
   }

   /* Calendly Widget - Responsive cho mobile */
   .calendly-inline-widget {
      min-width: 100% !important;
      height: 550px !important;
      margin: 0 !important;
      padding: 0 !important;
   }

   .schedule-section {
      padding: 0.5rem !important;
      margin: 0 !important;
   }

   /* Finish Section - Responsive cho mobile */
   .finish-section {
      padding: 1rem !important;
      margin-top: 1rem !important;
   }

   .finish-section .rounded-lg {
      padding: 1.5rem !important;
   }

   .finish-section h2 {
      font-size: 1.25rem !important;
      margin-bottom: 1rem !important;
   }

   .finish-section p {
      font-size: 0.9rem !important;
   }

   /* Hidden elements on mobile - Ẩn một số phần tử không cần thiết */
   .md\:flex {
      display: none !important;
   }

   /* Border và Shadow - Tắt border radius và shadow trên mobile */
   .md\:border {
      border: none !important;
   }

   .shadow {
      box-shadow: none !important;
   }

   .rounded-md {
      border-radius: 0 !important;
   }
}

/* Tablet Styles - Máy tính bảng (640px - 1024px) */
@media (min-width: 640px) and (max-width: 1024px) {
   /* Container - Điều chỉnh container cho tablet */
   .max-w-5xl {
      max-width: 95% !important;
      margin: 0 auto !important;
   }

   /* Grid Layout - 2 cột trên tablet nếu cần */
   .md\:col-span-4 {
      grid-column: span 5 / span 12 !important;
   }

   .md\:col-span-8 {
      grid-column: span 7 / span 12 !important;
   }

   /* Typography - Font size trung bình cho tablet */
   .text-3xl {
      font-size: 1.75rem !important;
      line-height: 2.25rem !important;
   }

   /* Spacing - Padding trung bình cho tablet */
   .p-6 {
      padding: 1.25rem !important;
   }

   /* Form - Grid 2 cột cho một số fields trên tablet */
   .detail-form-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 1.25rem !important;
   }

   .detail-form-group:nth-child(1),
   .detail-form-group:nth-child(2) {
      grid-column: span 1 / span 2;
   }

   /* Calendly Widget - Height vừa phải cho tablet */
   .calendly-inline-widget {
      height: 650px !important;
   }
}

/* Landscape Mode - Chế độ ngang cho mobile/tablet */
@media (max-width: 1024px) and (orientation: landscape) {
   /* Grid Layout - Giữ layout 2 cột khi ở chế độ ngang */
   .grid-cols-12 {
      display: grid !important;
   }

   .md\:col-span-4 {
      grid-column: span 4 / span 12 !important;
   }

   .md\:col-span-8 {
      grid-column: span 8 / span 12 !important;
   }

   /* Reduce vertical spacing in landscape - Giảm khoảng cách dọc */
   .py-10 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
   }

   .mt-6 {
      margin-top: 0.75rem !important;
   }
}

/* Dark Mode - Theo chủ đề user (prefers-color-scheme: dark) - Windows dark title bar */
@media (prefers-color-scheme: dark) {
   :root {
      --auth-modal-bg: #1e1e1e;
      --auth-modal-title-bg: #2d2d2d;
      --auth-modal-title-border: #3c3c3c;
      --auth-modal-title-text: #e8eaed;
      --auth-modal-url-bg: #2d2d2d;
      --auth-modal-url-text: #e8eaed;
      --auth-modal-body-bg: #1e1e1e;
      --auth-modal-overlay-bg: rgba(0, 0, 0, 0.8);
      --auth-modal-shadow: 0 12px 48px rgba(0,0,0,0.7), 0 24px 96px rgba(0,0,0,0.5);
      --auth-modal-btn-color: #e8eaed;
      --auth-modal-btn-hover-bg: rgba(255, 255, 255, 0.08);
      --auth-modal-close-hover-bg: #e81123;
      --auth-modal-close-hover-color: #ffffff;
      --auth-modal-secure-color: #9aa0a6;
      --auth-modal-protocol-color: #9aa0a6;
   }

   .auth-modal-body iframe {
      background: #1e1e1e;
   }
}