@font-face{font-family:Roboto Flex;src:url(../../../fonts/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf) format("truetype");font-weight:100 900;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:Roboto Flex,sans-serif;font-size:16px;padding:2.8vh 3vw;-ms-touch-action:manipulation;touch-action:manipulation}button{font-family:Roboto Flex,sans-serif}body:before{content:"DESKTOP";position:fixed;top:5px;left:5px;padding:2px 6px;font-size:10px;font-weight:500;background:#008000cc;color:#fff;border-radius:3px;z-index:9999;pointer-events:none}@media screen and (max-width: 1024px){body:before{content:"TABLET";background:#ffa500cc}}@media screen and (max-width: 768px){body:before{content:"MOBILE";background:#f00c}}:root{--red: rgb(205 47 47);--red30: rgba(205, 47, 47, .3);--yellow: rgba(255, 225, 0, .75);--orange: rgb(255, 47, 0);--white90: rgb(255 255 255 / 90%);--white70: rgb(255 255 255 / 70%);--white60: rgb(255 255 255 / 60%);--white50: rgb(255 255 255 / 50%);--white40: rgb(255 255 255 / 40%);--white35: rgb(255 255 255 / 35%);--white30: rgb(255 255 255 / 30%);--white25: rgb(255 255 255 / 25%);--white20: rgb(255 255 255 / 20%);--white15: rgb(255 255 255 / 15%);--white10: rgba(255, 255, 255, .1);--green: rgba(15, 217, 1, 1);--green20: rgba(15 217 1 / 20%);--green70: rgba(15 217 1 / 70%);--black: rgb(0, 0, 0);--black05: rgba(0, 0, 0, .05);--black10: rgba(0, 0, 0, .1);--black15: rgba(0, 0, 0, .15);--black20: rgba(0, 0, 0, .2);--black25: rgba(0, 0, 0, .25);--black30: rgba(0, 0, 0, .3);--black40: rgba(0, 0, 0, .4);--black50: rgba(0, 0, 0, .5);--black60: rgba(0, 0, 0, .6);--black70: rgba(0, 0, 0, .7);--black80: rgba(0, 0, 0, .8);--black90: rgba(0, 0, 0, .9);--btn-primary: rgb(174, 255, 127);--btn-primary-hover: rgb(154, 235, 107);--btn-secondary: #f0f0f0;--btn-secondary-hover: #e0e0e0;--btn-danger: #ef4444;--btn-danger-hover: #dc2626;--btn-yellow: #ffea00;--btn-yellow-hover: #fdd835;--btn-disabled: #e5e7eb;--btn-text-dark: #333;--btn-text-light: #666;--btn-text-white: #ffffff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .7rem;border:1px solid transparent;border-radius:5px;font-size:.8rem;font-weight:500;line-height:1.5;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;box-sizing:border-box;height:36px;min-height:36px;max-height:36px;align-self:center;font-family:Roboto Flex,sans-serif}.btn-primary{background:var(--btn-primary);color:var(--btn-text-dark)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary);color:var(--btn-text-light)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn-danger{background:var(--btn-danger);color:var(--btn-text-white)}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover)}.btn-archive{background:#f0a0a0;color:var(--btn-text-white)}.btn-archive:hover:not(:disabled){background:#e08080}.btn-yellow{background:var(--btn-yellow);color:var(--btn-text-dark)}.btn-yellow:hover:not(:disabled){background:var(--btn-yellow-hover)}.btn:disabled,.btn.disabled{background:var(--btn-disabled);color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-icon{font-size:.85rem;display:inline-flex;align-items:center}.btn-sm{padding:.3rem .5rem;font-size:.75rem;height:25px;min-height:25px;max-height:25px}.btn-lg{padding:.5rem 1rem;font-size:.9rem;height:42px;min-height:42px;max-height:42px}.btn-block{width:100%;justify-content:center}@media screen and (max-width: 768px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}input,textarea,select,.sm-input,.sm-textarea{font-size:16px}}@media screen and (min-width: 769px) and (max-width: 1024px){body{font-size:15px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.2rem}input,textarea{font-size:1rem}}@media screen and (min-width: 1025px){body{font-size:16px}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}input,textarea{font-size:1.1rem}}body:has(.sm-backdrop),body:has(.lg-overlay){overflow:hidden}.sm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;touch-action:none}.sm-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:10001;width:90%;max-width:400px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;touch-action:auto;overscroll-behavior:contain}.sm-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.sm-title{font-size:1.4rem;font-weight:500;color:#333;margin:0}.sm-container.sm-warning{max-width:340px}.sm-title-danger{color:#d32f2f}.sm-container.sm-danger{background:var(--btn-danger);color:var(--white90)}.sm-container.sm-danger .sm-title{color:var(--white90)}.sm-container.sm-danger .sm-header{border-bottom-color:#fff3}.sm-container.sm-danger .sm-footer{border-top-color:#fff3}.sm-container.sm-danger .sm-body-text{color:var(--white90)}.sm-container.sm-danger .sm-body-text strong{color:#fff}.sm-subtitle{font-size:.9rem;color:#666;margin:0;line-height:1.4}.sm-subtitle strong{color:#333}.sm-close-btn{background:#f0f0f0;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.sm-close-btn:hover{background:#d7d5d5}.sm-body{padding:1rem;overflow-y:auto;flex:1;overscroll-behavior:contain;touch-action:pan-y}.sm-body-text{font-size:.95rem;color:#333;line-height:1.5;margin:0}.sm-form-fields{display:flex;flex-direction:column;gap:1rem}.sm-form-field{display:flex;flex-direction:column;gap:.25rem}.sm-form-field label{font-size:.85rem;font-weight:500;color:#555}.sm-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;background:#fff}.sm-input:focus{outline:none;border-color:#aeff7f}.sm-input:read-only{background:#f5f5f5;color:#666}.sm-select{cursor:pointer}.sm-textarea{resize:vertical;font-family:inherit;min-height:60px}.sm-input[type=number]::-webkit-outer-spin-button,.sm-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sm-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.sm-footer{display:flex;justify-content:space-between;gap:.75rem;padding:1rem;border-top:1px solid #e0e0e0}.sm-footer .btn{flex:none}.sm-section-label{font-size:.85rem;font-weight:500;color:#555}.sm-char-counter{font-size:.75rem;color:#999;text-align:right}.sm-char-counter.near-limit{color:#ef4444}.sm-input-with-unit{position:relative;display:flex;align-items:center}.sm-input-with-unit .sm-input{padding-right:3rem}.sm-unit-suffix{position:absolute;right:.75rem;color:#888;font-size:.9rem;pointer-events:none}.sm-error{color:#d32f2f;font-size:.8rem;min-height:1.2rem}.lg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;touch-action:none}.lg-container{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto;padding:1rem 1.8rem 1.2rem;display:flex;flex-direction:column;touch-action:auto;overscroll-behavior:contain}.lg-close-btn{position:absolute;top:.75rem;right:.75rem;background:#f0f0f0;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;z-index:1}.lg-close-btn:hover{background:#d7d5d5}.lg-title{font-size:1.4rem;font-weight:600;color:#333;margin:0;line-height:1.4}.lg-subtitle{font-size:1rem;color:#888}.lg-header-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;margin-top:1rem}.lg-header-text{display:flex;flex-direction:column}.lg-section-label{font-size:.85rem;font-weight:500;color:#555}.lg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem}.lg-loading p{color:#666;margin:0}.lg-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#aeff7f;border-radius:50%;animation:lg-spin .8s linear infinite}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;text-align:center}.lg-error-state p{color:#666;margin:0}.lg-error-icon{width:48px;height:48px;border-radius:50%;background:#fee;color:#c00;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.lg-overlay{padding:0;pointer-events:none}.lg-overlay>*{pointer-events:auto}.lg-container{position:fixed;top:0;left:0;right:0;bottom:0;border-radius:0;max-height:100vh;height:100%}.lg-close-btn{top:1rem;right:1rem}}@media (min-width: 768px) and (max-width: 1023px){.lg-container{width:50%;min-width:400px}}@media (min-width: 1024px){.lg-container{width:90%;max-width:90%}}