.base-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;cursor:auto}.base-modal .overlay{position:absolute;inset:0;z-index:0;background-color:rgba(4,7,15,.75);backdrop-filter:blur(2px)}.base-modal .modal-wrapper{position:fixed;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background-color:var(--popover);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--border),0 16px 48px rgba(0,0,0,.4);color:var(--gray-600);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:20px;padding:24px}.base-modal .modal-wrapper h1{font-size:20px}.base-modal .modal-wrapper h1,.base-modal .modal-wrapper h2{font-family:var(--font-display);color:var(--foreground);font-weight:600;line-height:28px}.base-modal .modal-wrapper h2{font-size:18px;margin-bottom:10px}.base-modal .modal-wrapper h2.modal-title{font-size:16px;font-weight:500;line-height:1.375;margin-bottom:8px}.base-modal .modal-wrapper h3{font-family:var(--font-display);color:var(--foreground);font-size:16px;font-weight:600;line-height:28px}.base-modal .modal-wrapper h4{color:var(--foreground);font-size:14px;font-weight:600;line-height:28px}.base-modal .modal-wrapper h4.full{width:100%}.base-modal .modal-wrapper button.modal-close{position:absolute;right:12px;top:12px;font-size:32px;line-height:1;color:var(--gray-600);background:none;border:none;cursor:pointer;border-radius:var(--radius-md);padding:0 8px;transition:color .15s,background-color .15s}.base-modal .modal-wrapper button.modal-close:hover{color:var(--foreground);background-color:var(--muted)}.base-modal .modal-wrapper button.modal-close:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(93,163,249,.35)}.base-modal .modal-wrapper .field-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:16px}.base-modal .modal-wrapper .field-wrapper.inline{display:flex;flex-direction:row;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:0;margin-bottom:12px}.base-modal .modal-wrapper input[type=number],.base-modal .modal-wrapper input[type=password],.base-modal .modal-wrapper input[type=text]{padding:8px 12px;min-height:36px;border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--foreground)}.base-modal .modal-wrapper input[type=number]::-moz-placeholder,.base-modal .modal-wrapper input[type=password]::-moz-placeholder,.base-modal .modal-wrapper input[type=text]::-moz-placeholder{color:var(--gray-500)}.base-modal .modal-wrapper input[type=number]::placeholder,.base-modal .modal-wrapper input[type=password]::placeholder,.base-modal .modal-wrapper input[type=text]::placeholder{color:var(--gray-500)}.base-modal .modal-wrapper input[type=number]:focus,.base-modal .modal-wrapper input[type=number]:focus-visible,.base-modal .modal-wrapper input[type=password]:focus,.base-modal .modal-wrapper input[type=password]:focus-visible,.base-modal .modal-wrapper input[type=text]:focus,.base-modal .modal-wrapper input[type=text]:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgba(93,163,249,.35)}.base-modal .modal-wrapper input[type=number]::-webkit-inner-spin-button,.base-modal .modal-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.base-modal .modal-wrapper input[type=number]{-moz-appearance:textfield}.base-modal .modal-wrapper input[type=checkbox]{width:auto!important}.base-modal .modal-wrapper input.full,.base-modal .modal-wrapper select.full,.base-modal .modal-wrapper textarea.full{width:100%}.base-modal .modal-wrapper textarea{padding:8px 12px;border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--foreground);height:50px}.base-modal .modal-wrapper textarea:focus,.base-modal .modal-wrapper textarea:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgba(93,163,249,.35)}.base-modal .modal-wrapper select{padding:8px 12px;min-height:36px;border:1px solid var(--input);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--foreground)}.base-modal .modal-wrapper select::-moz-placeholder{color:var(--gray-500)}.base-modal .modal-wrapper select::placeholder{color:var(--gray-500)}.base-modal .modal-wrapper select:focus,.base-modal .modal-wrapper select:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgba(93,163,249,.35)}.base-modal .modal-wrapper p{margin-bottom:10px}.base-modal .modal-wrapper ul.modal-nav{list-style:none;display:flex;gap:24px;justify-content:flex-start;padding:0 0 10px;margin:20px 0 24px;border-bottom:1px solid var(--border)}.base-modal .modal-wrapper ul.modal-nav li{font-size:15px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s;padding:5px 0;position:relative}.base-modal .modal-wrapper ul.modal-nav li:hover{color:var(--foreground)}.base-modal .modal-wrapper ul.modal-nav li:after{width:0;content:"";position:absolute;height:0;bottom:0;left:50%;transform:translateX(-50%);border-bottom:2px solid var(--primary);border-radius:20px;transition:all .2s}.base-modal .modal-wrapper ul.modal-nav li.active{color:var(--foreground)}.base-modal .modal-wrapper ul.modal-nav li.active:after{width:100%;border-color:var(--primary)}.base-modal .modal-wrapper .section{margin:20px 0;position:relative;flex-direction:column;display:flex;flex-wrap:wrap}.base-modal .modal-wrapper .section h3{padding-bottom:10px}.base-modal .modal-wrapper .section .rewardType{margin-bottom:10px;display:flex;align-items:center}.base-modal .modal-wrapper .section .rewardType input{margin-left:auto;max-width:80px}.base-modal .modal-wrapper .section button{margin:10px auto 0 0;font-size:14px;font-weight:500;color:var(--primary-foreground);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:8px 16px;min-height:36px;cursor:pointer;transition:background-color .15s,border-color .15s,transform .05s;background-color:var(--primary)}.base-modal .modal-wrapper .section button.center{margin:10px auto 0}.base-modal .modal-wrapper .section buttonright{margin:10px 0 0 auto}.base-modal .modal-wrapper .section button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.base-modal .modal-wrapper .section button:active{transform:translateY(1px)}.base-modal .modal-wrapper .section button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(93,163,249,.35)}