:root{font-family:Segoe UI Variable,Segoe UI,sans-serif;color:#192421;background:#eef3f1;font-synthesis:none;--mint:#22a985;--mint-dark:#14795f;--violet:#7868d7;--red:#d85f6e;--line:rgba(37,72,63,.1);--muted:#76837f;--shadow:0 18px 48px rgba(29,55,49,.07)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:1100px;width:100%;height:100%}body{overflow:hidden;background:radial-gradient(circle at 70% -10%,rgba(106,210,181,.18),transparent 28%),#f1f5f3}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}.glass{background:linear-gradient(140deg,#ffffffd6,#ffffff8f);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px #fff,var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}.control-logo{height:48px;display:flex;align-items:center;gap:9px}.control-logo>span{position:relative;width:31px;height:31px;display:grid;place-items:center;transform:rotate(45deg);border-radius:9px;border:1px solid rgba(29,158,126,.4);background:linear-gradient(145deg,#26ba932b,#7668d714);box-shadow:inset 0 1px #ffffffb3,0 5px 18px #1a99781a}.control-logo>span i{position:absolute;width:4px;height:4px;background:#25a985;transform:rotate(-45deg)}.control-logo>span i:nth-child(1){left:8px;top:8px}.control-logo>span i:nth-child(2){right:8px;top:8px}.control-logo>span i:nth-child(3){width:9px;height:3px;bottom:7px}.control-logo b{font-size:16px;letter-spacing:-.5px}.control-logo em{font-style:normal;font-weight:400;color:#687672}.control-logo small{align-self:center;margin-left:-4px;padding:3px 5px;border-radius:5px;background:#e2f2ed;color:#278c72;font-size:5px;letter-spacing:1px;font-weight:800}.admin-login{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#d7eee7,#f2f5f4 48%,#e7eeeb)}.admin-login:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(29,158,126,.08);border-radius:42%;transform:rotate(45deg)}.login-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:#24b18d29;filter:blur(85px);left:15%;top:12%}.login-panel{position:relative;width:410px;border-radius:28px;padding:28px 34px 30px}.login-panel .control-logo{justify-content:center;margin-bottom:26px}.login-badge{display:flex;align-items:center;justify-content:center;gap:6px;color:#338a73;font-size:7px;letter-spacing:1.5px;font-weight:800}.login-badge svg{width:12px}.login-panel h1{text-align:center;font-size:29px;letter-spacing:-1.3px;margin:10px 0 3px}.login-panel>p{text-align:center;color:#78847f;font-size:10px;margin:0 0 22px}.login-panel form{display:flex;flex-direction:column;gap:13px}.login-panel label{font-size:8px;color:#606d68;font-weight:700}.login-panel input{display:block;width:100%;height:43px;margin-top:6px;border-radius:11px;border:1px solid rgba(35,76,65,.11);background:#ffffffa3;padding:0 13px;color:#21312c;outline:none}.login-panel input:focus{border-color:#1ea38173;box-shadow:0 0 0 3px #1ea38112}.login-panel form>button{height:44px;border:1px solid rgba(255,255,255,.5);border-radius:12px;background:linear-gradient(110deg,#2eb693,#239a7d);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:800;box-shadow:inset 0 1px #ffffff4d,0 10px 25px #1f9e7e33}.login-panel form>button svg{width:14px}.login-panel>small{display:block;text-align:center;margin-top:18px;color:#98a29e;font-size:7px}.login-error{padding:9px;border-radius:9px;background:#fce8ea;color:#b84b59;font-size:8px}.admin-shell{width:100%;height:100%;display:grid;grid-template-columns:205px 1fr;background:radial-gradient(circle at 98% 0,rgba(35,183,144,.08),transparent 28%),#f0f4f2}.admin-sidebar{position:relative;z-index:3;display:flex;flex-direction:column;padding:18px 14px 14px;background:#f9fbfac2;border-right:1px solid rgba(31,70,60,.08);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.admin-sidebar>.control-logo{padding:0 11px;margin-bottom:24px}.admin-sidebar nav,.sidebar-bottom{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav button,.sidebar-bottom button{position:relative;height:40px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:#788480;padding:0 11px;font-size:9px;font-weight:600;transition:.2s}.admin-sidebar button:hover{background:#1fa4820b;color:#3b524b}.admin-sidebar button.active{background:linear-gradient(110deg,#23af8c1f,#23af8c0a);color:#18866b}.admin-sidebar button.active:before{content:"";position:absolute;left:-14px;height:20px;width:2px;border-radius:2px;background:#25aa86;box-shadow:0 0 8px #25aa8673}.admin-sidebar button svg{width:15px}.admin-sidebar nav i{margin-left:auto;width:19px;height:16px;display:grid;place-items:center;border-radius:8px;background:#e5efec;color:#5d756e;font-style:normal;font-size:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(31,70,60,.07);padding-top:10px}.admin-main{min-width:0;overflow:auto}.admin-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;border-bottom:1px solid rgba(38,74,64,.07);background:#fafcfb6e;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.admin-header h1{margin:0 0 4px;font-size:18px;letter-spacing:-.6px}.admin-header p{margin:0;color:#85908c;font-size:8px}.header-actions{display:flex;align-items:center;gap:7px}.header-actions>button{border:1px solid rgba(38,74,64,.08);background:#ffffffa3;box-shadow:inset 0 1px #fff;border-radius:10px;height:35px}.header-actions>button:not(.admin-chip){width:35px;display:grid;place-items:center;color:#77837f}.header-actions svg{width:14px}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d75a69;border:1px solid white;right:8px;top:7px}.header-actions .admin-chip{height:39px;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px}.admin-chip>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#d9eee8,#e4e2f4);color:#247d67;font-size:8px;font-weight:800}.admin-chip b{display:flex;flex-direction:column;text-align:left;font-size:8px}.admin-chip small{font-weight:500;color:#8a9591;font-size:6px;margin-top:2px}.admin-chip>svg{width:10px;color:#88938f}.admin-page{padding:23px 3.2% 35px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric{border-radius:16px;padding:14px 16px}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-top>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#18876c;background:#22a9851a}.metric-top svg{width:15px}.metric-top small{padding:4px 7px;border-radius:10px;background:#e5f3ef;color:#258a71;font-size:6px;font-weight:700}.metric>b{display:block;font-size:23px;margin-top:12px;letter-spacing:-1px}.metric>p{margin:2px 0 0;color:#7c8884;font-size:8px}.tone-violet .metric-top>span{color:#6958c8;background:#7868d71a}.tone-violet .metric-top small{color:#6958c8;background:#efecfb}.tone-red .metric-top>span{color:#ca5262;background:#d85f6e1a}.tone-red .metric-top small{color:#b94d5b;background:#fae9eb}.tone-blue .metric-top>span{color:#4f84bd;background:#4c89c91a}.tone-blue .metric-top small{color:#4f84bd;background:#e8f0f8}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:11px;margin-top:11px}.chart-card,.server-health,.activity-card{border-radius:17px;padding:16px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h3{margin:0 0 3px;font-size:11px}.card-heading p{margin:0;color:#87928e;font-size:7px}.card-heading button{border:1px solid var(--line);background:#ffffff85;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:5px;color:#71807a;font-size:7px}.card-heading button svg{width:10px}.chart-wrap{height:215px;margin-top:10px}.recharts-text{fill:#87938e}.recharts-tooltip-wrapper{font-size:8px}.live{display:flex;align-items:center;gap:4px;color:#229171;font-size:6px;font-weight:800}.live i{width:5px;height:5px;border-radius:50%;background:#2db892;box-shadow:0 0 6px #2db892}.health-list{display:flex;flex-direction:column;margin-top:12px}.health-list>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(38,74,64,.06)}.health-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.health-list b{font-size:8px}.health-list small{font-size:6px;color:#8a9590}.server-glyph{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ebf2ef;color:#5c756e}.server-glyph svg{width:14px}.health-list em{margin-left:auto;font-style:normal;padding:4px 7px;border-radius:9px;font-size:6px}.status-online{color:#228a6f!important;background:#e4f3ee!important}.status-maintenance{color:#a87927!important;background:#f8efd9!important}.status-offline{color:#9a5260!important;background:#f7e7ea!important}.activity-card{grid-column:1/-1}.activity-card.full{max-width:1000px}.audit-list{margin-top:11px}.audit-list>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid rgba(38,74,64,.06)}.audit-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf4f1;color:#4b766a}.audit-icon svg{width:12px}.audit-list p{display:flex;flex-direction:column;gap:2px;margin:0;font-size:7px}.audit-list small{color:#929c98;font-size:6px}.audit-list>div>svg{margin-left:auto;width:13px;color:#95a09c}.toolbar{height:57px;border-radius:15px;padding:8px;display:flex;align-items:center;gap:7px;margin-bottom:11px}.searchbox{height:39px;flex:1;position:relative}.searchbox svg{position:absolute;left:12px;top:12px;width:14px;color:#899590}.searchbox input{width:100%;height:100%;border:1px solid rgba(38,74,64,.08);border-radius:10px;background:#ffffff8a;padding:0 12px 0 35px;outline:none;font-size:8px}.searchbox input:focus{border-color:#22a98559}.filter,.primary,.danger-button{height:35px;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:7px;font-weight:700}.filter{border:1px solid var(--line);background:#ffffff80;color:#71807a}.filter svg,.primary svg{width:11px}.primary{border:1px solid rgba(255,255,255,.5);background:linear-gradient(110deg,#32b994,#239c7e);color:#fff;box-shadow:inset 0 1px #ffffff40,0 7px 18px #1e997a29}.data-table{border-radius:16px;overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th{text-align:left;height:39px;background:#e9f0ed8c;color:#7a8782;font-size:6px;letter-spacing:.4px;text-transform:uppercase;font-weight:700}.data-table th,.data-table td{padding:0 11px;border-bottom:1px solid rgba(38,74,64,.06)}.data-table td{height:53px;color:#596762;font-size:7px}.data-table tbody tr:hover{background:#22a98506}.data-table input[type=checkbox]{accent-color:#28a986}.player-cell{display:flex;align-items:center;gap:8px}.player-cell>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#d8ece6,#e5e3f3);color:#327b68;font-size:7px;font-weight:800}.player-cell p{display:flex;flex-direction:column;margin:0;gap:2px}.player-cell b{color:#263b35;font-size:8px}.player-cell small{color:#8d9894;font-size:6px}.role-pill,.loader-tag{padding:4px 6px;border-radius:7px;background:#eef2f1;color:#687672;font-size:5px;font-weight:700}.user-status{display:flex;align-items:center;gap:4px;font-size:6px}.user-status i{width:5px;height:5px;border-radius:50%}.user-status.active{color:#20896e}.user-status.active i{background:#29aa87}.user-status.suspended{color:#c24e5d}.user-status.suspended i{background:#d65c6b}.row-menu{width:28px;height:28px;border:0;background:transparent;color:#909b97}.row-menu svg{width:13px}.table-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909b97;font-size:8px;gap:4px}.table-empty>svg{width:25px;color:#75a89a;margin-bottom:4px}.table-empty b{color:#53645e}.build-name{display:flex;align-items:center;gap:6px}.build-name svg{width:14px;color:#2d9c7f}.build-status{padding:4px 7px;border-radius:8px;font-size:5px}.build-status.draft{background:#f2eee2;color:#9b762e}.build-status.published{background:#e3f2ed;color:#26876e}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.info-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;background:#ffffff8c;border:1px solid var(--line);color:#6e7e78;font-size:7px}.info-chip svg{width:12px;color:#2b9c7e}.admin-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-server-card{border-radius:18px;overflow:hidden}.server-card-art{height:90px;display:flex;align-items:center;padding:15px;background:radial-gradient(circle at 20% 20%,rgba(35,174,139,.22),transparent 30%),linear-gradient(135deg,#d9e9e4,#e5e4ef);position:relative}.server-card-art>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#278d72;background:#ffffff8c;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px #fff}.server-card-art svg{width:19px}.server-card-art em{position:absolute;right:12px;top:12px;font-style:normal;padding:4px 7px;border-radius:8px;font-size:6px}.admin-server-body{padding:14px}.admin-server-body h3{margin:0;font-size:12px}.admin-server-body p{margin:3px 0 0;color:#899590;font-size:7px}.admin-server-body dl{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 12px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.admin-server-body dl div{display:flex;flex-direction:column;gap:3px}.admin-server-body dt{color:#909b97;font-size:5px}.admin-server-body dd{margin:0;color:#43554f;font-size:7px;font-weight:700}.admin-server-body footer{display:flex;align-items:center;justify-content:space-between}.admin-server-body footer>span{color:#82908b;font-size:6px}.admin-server-body footer button{border:0;background:transparent;color:#218b70;font-size:7px;display:flex;align-items:center;gap:3px}.admin-server-body footer svg{width:10px}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#17252152;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:370px;border-radius:22px;padding:27px;text-align:center}.modal-close{position:absolute;right:12px;top:12px;border:0;background:transparent;color:#87928e}.modal-close svg{width:14px}.modal-icon{margin:auto;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#fae8eb;color:#c94f5f}.modal-icon svg{width:19px}.modal h2{font-size:16px;margin:13px 0 4px}.modal>p{color:#7e8a85;font-size:8px}.modal label{display:block;text-align:left;color:#65736e;font-size:7px;margin-top:18px}.modal textarea{display:block;width:100%;height:75px;resize:none;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff9;padding:9px;outline:none;font-size:8px}.modal>div{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.danger-button{border:0;background:#cf5968;color:#fff}.danger-button:disabled{opacity:.45}.settings-placeholder{min-height:330px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.settings-placeholder>svg{width:40px;color:#2b9d7f}.settings-placeholder h2{margin:13px 0 4px;font-size:16px}.settings-placeholder p{max-width:430px;color:#7c8984;font-size:8px;line-height:1.6}.settings-placeholder .primary{margin-top:10px}@media(max-width:1250px){.admin-server-grid,.metrics{grid-template-columns:repeat(2,1fr)}}button:disabled{cursor:not-allowed;opacity:.58}.admin-shell{grid-template-columns:224px 1fr}.admin-sidebar nav button,.sidebar-bottom button{height:44px;font-size:12px}.admin-sidebar button svg{width:17px}.admin-header{height:88px}.admin-header h1{font-size:22px}.admin-header p{font-size:11px}.admin-page{padding-top:28px}.metric{padding:18px}.metric>p{font-size:11px}.metric-top>span{width:38px;height:38px}.card-heading h3{font-size:14px}.card-heading p,.health-list b{font-size:10px}.health-list small,.audit-list p{font-size:9px}.audit-list small{font-size:8px}.data-table th{font-size:9px}.data-table td{font-size:10px;height:58px}.player-cell b{font-size:11px}.player-cell small{font-size:9px}.role-pill,.loader-tag,.build-status{font-size:8px}.page-actions .primary,.toolbar .primary,.release-hero .primary{height:40px;font-size:10px}.info-chip{font-size:10px}.admin-server-body h3{font-size:15px}.admin-server-body p,.admin-server-body dd,.admin-server-body footer button{font-size:10px}.admin-server-body dt,.admin-server-body footer>span{font-size:8px}.table-empty{font-size:11px}.admin-server-grid>.table-empty{grid-column:1/-1;min-height:320px}.dashboard-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.activity-card{grid-column:auto}.activity-card.full{max-width:none}.icon-action{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#ffffff8c;display:grid;place-items:center;color:#60736d}.icon-action svg{width:14px}.icon-action.danger{color:#c55362;background:#fbeaec}.small-action{height:30px;padding:0 9px;border:1px solid rgba(31,159,127,.16);border-radius:8px;background:#e8f5f1;color:#20856c;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.small-action svg{width:13px}.server-card-art{background-size:cover!important;background-position:center!important}.server-card-art em{font-size:8px}.admin-server-body footer button svg{width:12px}.release-hero{min-height:108px;margin-bottom:13px;border-radius:19px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between}.release-hero>div{display:flex;align-items:center;gap:14px}.release-hero>div>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#d9eee8,#e7e4f4);color:#208a6f}.release-hero svg{width:21px}.release-hero h2{margin:0 0 5px;font-size:16px}.release-hero p{margin:0;max-width:600px;color:var(--muted);font-size:10px}.hash{padding:5px 7px;border-radius:7px;background:#edf2f0;color:#3d6157;font-size:9px}.mandatory-tag,.optional-tag{padding:5px 7px;border-radius:8px;font-size:8px;font-weight:700}.mandatory-tag{background:#f9e8eb;color:#b84e5d}.optional-tag{background:#e6f3ef;color:#23866d}.settings-card{max-width:820px;border-radius:22px;padding:25px}.settings-title{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.settings-title>svg{width:36px;color:#249476}.settings-title h2{margin:0 0 4px;font-size:18px}.settings-title p{margin:0;color:var(--muted);font-size:10px}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);cursor:pointer}.setting-row>div{display:flex;flex-direction:column;gap:4px}.setting-row b{font-size:12px}.setting-row small{max-width:610px;color:var(--muted);font-size:10px;line-height:1.45}.setting-row input{position:absolute;opacity:0}.switch{flex:0 0 auto;width:43px;height:24px;border-radius:20px;background:#cad4d0;padding:3px;transition:.2s}.switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #14282233;transition:.2s}.setting-row input:checked+.switch{background:#28a985}.setting-row input:checked+.switch:after{transform:translate(19px)}.setting-row.disabled{cursor:not-allowed;opacity:.58}.smtp-state{margin-top:18px;padding:13px 15px;border-radius:12px;background:#e9f0edb3;display:grid;grid-template-columns:9px 1fr;align-items:center;gap:2px 8px}.smtp-state>span{grid-row:1/3;width:8px;height:8px;border-radius:50%}.smtp-state>span.ok{background:#27a784;box-shadow:0 0 8px #27a784}.smtp-state>span.off{background:#cb6773}.smtp-state b{font-size:10px}.smtp-state small{color:var(--muted);font-size:9px}.settings-card footer{display:flex;justify-content:flex-end;margin-top:20px}.form-modal{width:480px;max-height:88vh;overflow:auto;text-align:left;padding:27px}.form-modal.wide{width:720px}.form-modal h2{margin:0 30px 4px 0;font-size:20px}.form-modal>p{margin:0 30px 20px 0;font-size:10px;line-height:1.5}.control-form{display:flex;flex-direction:column;gap:14px}.control-form>label,.control-form .form-grid label,.form-modal>label{display:flex;flex-direction:column;gap:6px;color:#566761;font-size:10px;font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.control-form input,.control-form select,.control-form textarea,.form-modal>label textarea{width:100%;min-height:39px;border:1px solid rgba(37,72,63,.14);border-radius:10px;background:#ffffffb8;padding:9px 11px;color:#23352f;outline:none;font-size:11px}.control-form textarea,.form-modal>label textarea{resize:vertical;line-height:1.45}.control-form input:focus,.control-form select:focus,.control-form textarea:focus{border-color:#22a9858c;box-shadow:0 0 0 3px #22a98514}.control-form input[type=file]{padding:8px}.control-form .inline-check{display:flex;flex-direction:row;align-items:center;gap:8px}.inline-check input{width:15px;min-height:15px;accent-color:#27a985}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions .filter,.modal-actions .primary,.modal-actions .danger-button{height:39px;font-size:10px}.form-error{padding:10px 12px;border-radius:10px;background:#fbe8eb;color:#b54756;font-size:10px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.folder-upload{display:flex;flex-direction:column}.drop-zone{min-height:190px;border:1.5px dashed rgba(35,153,122,.35);border-radius:16px;background:linear-gradient(145deg,#e1f3ed9e,#ebe8f859);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#5f736d;cursor:pointer}.drop-zone:hover{border-color:#25a580;background:#e2f4eed1}.drop-zone svg{width:34px;color:#269579}.drop-zone b{font-size:13px}.drop-zone span{font-size:9px;color:var(--muted)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-summary{display:flex;justify-content:space-between;padding:11px 2px;color:#60736c;font-size:10px}.progress{position:relative;height:24px;border-radius:12px;background:#e4ece9;overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#29aa87,#7066cf);transition:width .2s}.progress span{position:absolute;inset:0;display:grid;place-items:center;color:#203b33;font-size:9px;font-weight:800}.toast{position:fixed;z-index:30;right:24px;top:98px;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:12px;background:#213d35;color:#fff;box-shadow:0 15px 40px #14282238;font-size:11px}.toast svg{width:16px;color:#61d6b7}