﻿@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/_assets/font/inter/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/_assets/font/inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/_assets/font/inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/_assets/font/inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/_assets/font/inter/Inter-Bold.woff2") format("woff2");
}

.u-hide { display: none !important; }
.u-w-100 { width: 100%; }
.u-h-100 { height: 100%; }
.u-flex { display: flex; }
.u-inline-block { display: inline-block; }
.u-z-front { z-index: 9999; }
.u-float-right { float: right; }
.u-float-left { float: left; }
.u-text-center { text-align: center; }
.u-text-right { text-align: right; }
.u-rel { position: relative; }
.u-abs { position: absolute; }
.u-mono { font-family: monospace; }
.u-ml-10 { margin-left: 10px; }
.u-ml-5 { margin-left: 5px; }
.u-mt-8 { margin-top: 8px; }
.u-mt-20 { margin-top: 20px; }
.u-mt-30 { margin-top: 30px; }
.u-my-20 { margin: 20px 0; }
.u-my-30 { margin: 30px 0; }
.u-mb-0 { margin-bottom: 0; }
.u-h-350 { height: 350px; }
.u-h-300 { height: 300px; }
.u-h-250 { height: 250px; }
.u-h-450 { height: 450px; }
.u-w-45 { width: 45px; }
.u-w-80 { width: 80px; }
.u-w-200 { width: 200px; }
.u-w-220 { width: 220px; max-width: 220px; }
.u-max-220 { max-width: 220px; }
.u-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.u-warn { color: orangered; text-align: center; }
.u-w-35 { width: 35px; }
.cms-user-menu.u-hide, #myModal.u-hide { display: none !important; }

.u-x-045f6b26 { align-items:center; gap:8px; margin:0; color:#475166; }

.u-x-048b9a2b { display: block; }

.u-x-09d9314f { padding: 50px; color: red; }

.u-x-0c4680cb { width:1px; height:1px; }

.u-x-0e952666 { font-size: 24px; letter-spacing: 5px; }

.u-x-1146eb30 { display:block; margin-bottom:5px; font-weight:500; }

.u-x-1299ad9f { max-height: 300px; overflow-y: auto; border: 1px solid #ddd; padding: 10px; border-radius: 4px; }

.u-x-1661d263 { font-size:18px; color:#007bff; letter-spacing:1px; }

.u-x-18c474cb { max-width: 100px; }

.u-x-1a7cb235 { color:#dc3545; }

.u-x-1e616f1d { font-size:48px; color:#dc3545; }

.u-x-29ee55a0 { word-break:break-all; }

.u-x-2d98adf5 { margin-bottom: 10px; }

.u-x-2dcc256f { color:black; margin-bottom: 10px; }

.u-x-2f7a343b { color:#667eea; margin-bottom:12px; }

.u-x-38ff8ca4 { font-size: 14px; font-weight: bold; }

.u-x-3a980c23 { max-width:240px; max-height:120px; border:1px solid #ddd; padding:4px; border-radius:4px; background:#fff; }

.u-x-3b0b62ba { width:8%; }

.u-x-3e47212a { height: 38px; padding: 2px; }

.u-x-3ef1fa1a { margin-bottom:12px; }

.u-x-44cd1236 { padding:8px; }

.u-x-4609ec51 { background-color: #f44336; color: white; padding: 3px 6px; border-radius: 4px; }

.u-x-464ac385 { color:#ffc107; font-size:48px; }

.u-x-46b326ad { max-height:400px; overflow-y:auto; }

.u-x-481ed7e7 { padding:10px; }

.u-x-4a3180e2 { margin-bottom: 15px; }

.u-x-4a53c903 { height:48px; }

.u-x-4c5f7b07 { gap:8px; align-items:center; }

.u-x-4dd4b16e { color:white; }

.u-x-4e087fad { margin-left:30px; }

.u-x-5363e89e { width:130px; background-color: black; }

.u-x-53db596f { padding:15px; }

.u-x-543d8c6d { flex-direction:column; gap:10px; }

.u-x-55f5195f { table-layout:fixed; }

.u-x-5a465be1 { color:#28a745; }

.u-x-66c01745 { height:600px; }

.u-x-68b025a1 { display: contents; }

.u-x-6ae5f7d3 { margin: 30px 0; }

.u-x-6befe1c9 { align-items:flex-end; }

.u-x-6c22edf0 { margin-left:20px; }

.u-x-6c62809b { width:150px !important; }

.u-x-6d5c3f00 { background-color:black; color:aquamarine; padding:8px; }

.u-x-72cbd9d8 { color:#374151; font-size:16px; font-weight:500; }

.u-x-772017bd { margin-right:auto; color:#d32f2f; }

.u-x-7c947ef6 { clear:both; }

.u-x-7dde5e56 { margin-bottom:20px; }

.u-x-85434153 { margin:5px; }

.u-x-87be8458 { margin:25px; }

.u-x-87ed75b4 { border: 2px solid #ddd; padding: 10px; background: white; max-width: 300px; }

.u-x-8811773c { background:#f8f9fa; padding:15px; border-radius:5px; }

.u-x-8cddc29a { padding:20px; }

.u-x-8eace7f6 { margin-top:5px; }

.u-x-9374e842 { margin-top:12px; }

.u-x-9392060e { align-items:center; gap:12px; }

.u-x-9d33f924 { max-width:150px; }

.u-x-9f676911 { align-items:end; }

.u-x-a1336325 { align-items:flex-end; gap:8px; flex-wrap:wrap; }

.u-x-adee707a { resize:none; }

.u-x-af3fee87 { margin-bottom:10px; }

.u-x-afa7d15a { cursor: grab; }

.u-x-b4ff88d5 { background-color:black; max-width: 100px; }

.u-x-b5c7b276 { gap:60px; }

.u-x-bc1989dc { width:12%; }

.u-x-bf10e6ca { border:1px solid gray; }

.u-x-c393e341 { flex-direction:column; align-items:center; justify-content:center; padding:40px; border:2px dashed #cbd5e1; border-radius:8px; background:#fff; cursor:pointer; transition:all 0.3s ease; }

.u-x-ce545ff6 { --q: 75%; }

.u-x-ce5a7bad { font-size: 20px; letter-spacing: 5px; }

.u-x-d1fe5e28 { max-width: 64px; max-height: 64px; border: 1px solid #ddd; padding: 5px; border-radius: 4px; }

.u-x-d230d151 { width: 40px; }

.u-x-d6a15567 { font-size:48px; color:#28a745; }

.u-x-d8213ed2 { flex: 0 0 18%; }

.u-x-da303dcf { margin-bottom:15px; }

.u-x-db34b21c { position: sticky; top: 90px; align-self: flex-start; }

.u-x-de53b5b2 { margin-top:15px; }

.u-x-e1cb7b03 { font-size: 22px; letter-spacing: 6px; }

.u-x-e4f1a204 { height: 400px; }

.u-x-e71ae94b { font-size:12px; }

.u-x-eb04473f { flex: 0 0 9%; }

.u-x-ed3aac5e { background-color: #ff9800; color: black; padding: 3px 6px; border-radius: 4px; }

.u-x-ee3d55bf { flex: 1; }

.u-x-ef97e545 { margin-right:10px; }

.u-x-f0242232 { width:40%; }

.u-x-fbf9cd60 { max-height:300px; overflow-y:auto; }
