.card-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;padding:24px 0;background-color:#333}.card-grid-container.card-grid-home{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:600px}.card-grid-container.card-grid-home .pro-card-dark{padding:0;border-top:3px solid var(--theme-color)}.card-grid-container.card-grid-home .pro-card-dark .pro-grid-header{display:flex;background:#fff;align-items:center;padding:10px 24px}.card-grid-container.card-grid-home .pro-card-dark .pro-grid-header .pro-grid-icon{width:10px;height:10px;margin-right:12px;box-shadow:0 0 8px var(--theme-color);border-radius:50%}.card-grid-container.card-grid-home .pro-card-dark .pro-grid-header .pro-grid-title{margin:0}.card-grid-container.card-grid-home .pro-card-dark .pro-grid-footer{flex:1;display:flex;justify-content:flex-end;align-items:center}@media(max-width:1024px){.card-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 0}.card-grid-container.card-grid-home{grid-template-columns:1fr;grid-template-rows:auto;height:auto}}@media(max-width:768px){.card-grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px 0}.card-grid-container.card-grid-home{grid-template-columns:1fr;grid-template-rows:auto;height:auto;flex:1}.card-grid-container .pro-grid-header{padding:0 16px!important}.card-grid-container .pro-grid-header .pro-grid-title{font-size:14px}}@media(max-width:480px){.card-grid-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:8px 0}.card-grid-container.card-grid-home{grid-template-columns:1fr;grid-template-rows:auto;height:auto}}.card-grid-container .pro-card-dark{background:#3d3d3d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:150px;background:#0e2231}.card-grid-container .pro-card-dark:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--theme-color);opacity:.6;transition:height .3s}.card-grid-container .pro-card-dark:hover{transform:translateY(-3px);background:#444;border-color:var(--theme-color);box-shadow:0 10px 30px #0000004d,0 0 15px -5px var(--theme-color)}.card-grid-container .pro-card-dark:hover:before{height:4px;opacity:1}@media(max-width:768px){.card-grid-container .pro-card-dark{padding:16px;border-radius:10px;min-height:160px}}@media(max-width:480px){.card-grid-container .pro-card-dark{padding:12px;border-radius:8px;min-height:100px}}.card-grid-container .pro-card-dark .pro-card-header{display:flex;align-items:center;margin-bottom:16px}.card-grid-container .pro-card-dark .pro-card-header .pro-card-icon{width:10px;height:10px;border-radius:50%;margin-right:12px;box-shadow:0 0 8px var(--theme-color)}.card-grid-container .pro-card-dark .pro-card-header .pro-card-title{margin:0;font-size:18px;font-weight:600;color:#fffffff2}@media(max-width:768px){.card-grid-container .pro-card-dark .pro-card-header{margin-bottom:12px}.card-grid-container .pro-card-dark .pro-card-header .pro-card-icon{width:8px;height:8px;margin-right:8px}.card-grid-container .pro-card-dark .pro-card-header .pro-card-title{font-size:14px}}@media(max-width:480px){.card-grid-container .pro-card-dark .pro-card-header{margin-bottom:8px}.card-grid-container .pro-card-dark .pro-card-header .pro-card-icon{width:6px;height:6px;margin-right:6px}.card-grid-container .pro-card-dark .pro-card-header .pro-card-title{font-size:12px}}.card-grid-container .pro-card-dark .pro-card-body{flex:1}.card-grid-container .pro-card-dark .pro-card-body .pro-desc{font-size:14px;color:#ffffff80;line-height:1.6;margin:0}.card-grid-container .pro-card-dark .pro-card-body .pro-tag{display:inline-flex;align-items:center;background:#ffffff0d;padding:4px 12px;border-radius:6px;font-size:12px;color:#fffc;border:1px solid rgba(255,255,255,.1)}.card-grid-container .pro-card-dark .pro-card-body .pro-tag .tag-label{font-size:10px;font-weight:800;color:var(--theme-color);margin-right:8px;letter-spacing:.5px}@media(max-width:768px){.card-grid-container .pro-card-dark .pro-card-body .pro-desc{font-size:12px}.card-grid-container .pro-card-dark .pro-card-body .pro-tag{padding:3px 8px;font-size:11px}.card-grid-container .pro-card-dark .pro-card-body .pro-tag .tag-label{font-size:9px;margin-right:4px}}@media(max-width:480px){.card-grid-container .pro-card-dark .pro-card-body .pro-desc{font-size:11px}.card-grid-container .pro-card-dark .pro-card-body .pro-tag{padding:2px 6px;font-size:10px}.card-grid-container .pro-card-dark .pro-card-body .pro-tag .tag-label{font-size:8px;margin-right:2px}}.card-grid-container .pro-card-dark .pro-card-footer{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--theme-color);font-weight:500;opacity:.6;transition:all .3s}.card-grid-container .pro-card-dark .pro-card-footer .arrow{transition:transform .3s}@media(max-width:768px){.card-grid-container .pro-card-dark .pro-card-footer{margin-top:16px;padding-top:12px;font-size:12px}}@media(max-width:480px){.card-grid-container .pro-card-dark .pro-card-footer{margin-top:12px;padding-top:8px;font-size:11px}}.card-grid-container .pro-card-dark:hover .pro-card-footer{opacity:1}.card-grid-container .pro-card-dark:hover .pro-card-footer .arrow{transform:translate(6px)}@font-face{font-family:val;src:url(/font/RigidSquare.otf) format("opentype");font-weight:400;font-style:normal}.slide{border-radius:20px;overflow:hidden;border:2px solid #e8f4f8;background:#fff;min-height:380px;display:grid;place-items:center;box-shadow:0 4px 16px #0000001a}.slide img{width:100%;max-height:70vh;object-fit:contain;display:block}@media(max-width:768px){.slide{border-radius:12px;min-height:280px;border:1px solid #e8f4f8}.slide img{max-height:60vh}}@media(max-width:480px){.slide{border-radius:8px;min-height:200px;border:1px solid #e8f4f8;box-shadow:0 2px 8px #00000014}.slide img{max-height:50vh}}.t-fade{animation:fade .45s ease both}.t-zoom{animation:zoom .45s ease both}.t-slideL{animation:slideL .45s ease both}.t-slideR{animation:slideR .45s ease both}.t-rotate{animation:rotate .45s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{opacity:.2;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideL{0%{opacity:.2;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes slideR{0%{opacity:.2;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes rotate{0%{opacity:.2;transform:rotate(-1.2deg) scale(.985)}to{opacity:1;transform:rotate(0) scale(1)}}.quiz-container.dark-mode{background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;padding:30px;font-family:Inter,system-ui,sans-serif;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}@media(max-width:768px){.quiz-container.dark-mode{padding:20px;height:100vh}}@media(max-width:480px){.quiz-container.dark-mode{padding:12px}}.quiz-container.dark-mode .progress-bar{height:6px;background:#ffffff1a;border-radius:4px;margin-bottom:24px;overflow:hidden}.quiz-container.dark-mode .progress-bar .fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .4s cubic-bezier(.4,0,.2,1)}@media(max-width:480px){.quiz-container.dark-mode .progress-bar{height:4px;margin-bottom:16px}}.quiz-container.dark-mode .quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:12px}.quiz-container.dark-mode .quiz-header .info-badge{background:#ffffff14;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.quiz-container.dark-mode .quiz-header .timer.danger{color:#f87171;background:#f871711a;animation:blink 1s infinite}@media(max-width:768px){.quiz-container.dark-mode .quiz-header{margin-bottom:20px}.quiz-container.dark-mode .quiz-header .info-badge{padding:6px 12px;font-size:12px}}@media(max-width:480px){.quiz-container.dark-mode .quiz-header{margin-bottom:16px}.quiz-container.dark-mode .quiz-header .info-badge{padding:4px 8px;font-size:11px}}.quiz-container.dark-mode .question-text{font-size:22px;margin-bottom:32px;line-height:1.5;font-weight:600}@media(max-width:768px){.quiz-container.dark-mode .question-text{font-size:18px;margin-bottom:24px}}@media(max-width:480px){.quiz-container.dark-mode .question-text{font-size:16px;margin-bottom:16px;line-height:1.4}}.quiz-container.dark-mode .options-grid{display:flex;flex-direction:column;gap:16px}.quiz-container.dark-mode .option-card{background:#2d2d2d;border:2px solid transparent;border-radius:12px;padding:16px 24px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;text-align:left;color:#fff;font-size:16px;min-height:54px}.quiz-container.dark-mode .option-card .option-label{width:32px;height:32px;background:#ffffff1a;border-radius:8px;display:flex;justify-content:center;align-items:center;margin-right:16px;font-weight:700;flex-shrink:0}.quiz-container.dark-mode .option-card:hover:not(:disabled){background:#3d3d3d;border-color:#3b82f6}.quiz-container.dark-mode .option-card.picked{border-color:#3b82f6;background:#3b82f61a}.quiz-container.dark-mode .option-card.picked .option-label{background:#3b82f6;color:#fff}.quiz-container.dark-mode .option-card.correct{border-color:#22c55e;background:#22c55e26!important}.quiz-container.dark-mode .option-card.correct .option-label{background:#22c55e!important;color:#fff}.quiz-container.dark-mode .option-card.wrong{border-color:#ef4444;background:#ef444426!important;opacity:.8}.quiz-container.dark-mode .option-card.wrong .option-label{background:#ef4444!important;color:#fff}.quiz-container.dark-mode .option-card:disabled{cursor:default}@media(max-width:768px){.quiz-container.dark-mode .option-card{padding:12px 16px;border-radius:8px;font-size:14px;min-height:48px}.quiz-container.dark-mode .option-card .option-label{width:28px;height:28px;margin-right:12px;font-size:14px}}@media(max-width:480px){.quiz-container.dark-mode .option-card{padding:10px 12px;border-radius:6px;font-size:13px;min-height:44px}.quiz-container.dark-mode .option-card .option-label{width:24px;height:24px;margin-right:8px;font-size:12px}}.quiz-container.dark-mode .feedback-area{margin-top:30px;padding:24px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .4s ease-out;flex-wrap:wrap;gap:16px}.quiz-container.dark-mode .feedback-area.pass{background:#22c55e1a;border-left:4px solid #22c55e}.quiz-container.dark-mode .feedback-area.fail{background:#ef44441a;border-left:4px solid #ef4444}.quiz-container.dark-mode .feedback-area .feedback-content{flex:1;padding-right:20px;min-width:200px}.quiz-container.dark-mode .feedback-area .next-btn{background:#fff;color:#111;border:none;padding:14px 28px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s;white-space:nowrap;min-height:44px;display:flex;align-items:center}.quiz-container.dark-mode .feedback-area .next-btn:hover{background:#e5e5e5}@media(max-width:768px){.quiz-container.dark-mode .feedback-area{margin-top:20px;padding:16px;border-radius:12px}.quiz-container.dark-mode .feedback-area .feedback-content{padding-right:12px}.quiz-container.dark-mode .feedback-area .next-btn{padding:10px 20px;font-size:14px;min-height:40px}}@media(max-width:480px){.quiz-container.dark-mode .feedback-area{margin-top:16px;padding:12px;border-radius:8px;flex-direction:column-reverse}.quiz-container.dark-mode .feedback-area .feedback-content{padding-right:0;width:100%}.quiz-container.dark-mode .feedback-area .next-btn{width:100%;padding:12px 16px;font-size:13px;min-height:36px}}.quiz-container.dark-mode .quiz-footer{margin-top:auto;padding:40px 0 20px;display:flex;gap:16px}.quiz-container.dark-mode .quiz-footer .submit-btn{flex:1;background:#3b82f6;color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;min-height:48px}.quiz-container.dark-mode .quiz-footer .submit-btn:hover:not(:disabled){background:#2563eb}.quiz-container.dark-mode .quiz-footer .submit-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.quiz-container.dark-mode .quiz-footer{padding:20px 0 10px;gap:12px}.quiz-container.dark-mode .quiz-footer .submit-btn{padding:12px;font-size:14px;min-height:44px}}@media(max-width:480px){.quiz-container.dark-mode .quiz-footer{padding:16px 0 8px;gap:8px}.quiz-container.dark-mode .quiz-footer .submit-btn{padding:10px;font-size:12px;min-height:40px}}.top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top-nav .back-btn{background:transparent;color:#9ca3af;border:none;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;padding:4px 8px 4px 0;transition:color .2s;font-family:inherit;min-height:44px}.top-nav .back-btn:hover{color:#fff}.top-nav .lesson-title{color:#6b7280;font-size:14px;font-weight:500}@media(max-width:768px){.top-nav{margin-bottom:16px}.top-nav .back-btn{font-size:13px}.top-nav .lesson-title{font-size:12px}}@media(max-width:480px){.top-nav{margin-bottom:12px}.top-nav .back-btn{font-size:12px;padding:2px 4px 2px 0;min-height:40px}.top-nav .lesson-title{font-size:11px}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@font-face{font-family:val;src:url(/font/RigidSquare.otf) format("opentype");font-weight:400;font-style:normal}.iframeWrap{height:calc(100vh - 200px);border-radius:8px;overflow:hidden;background:#fff}.iframeWrap iframe{width:100%;height:100%;border:0}@media(max-width:768px){.iframeWrap{height:calc(100vh - 150px);border-radius:4px}}@media(max-width:480px){.iframeWrap{height:calc(100vh - 120px);border-radius:0}}.topbar{position:relative;max-width:1200px;display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.topbar .linkBtn{position:relative}@media(max-width:768px){.topbar{gap:4px;margin-bottom:12px}}@media(max-width:480px){.topbar{gap:2px;margin-bottom:8px}}.page{width:100%;box-sizing:border-box}@media(max-width:768px){.page{padding:16px}}._gLogin_2pep5_1{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#eef2f9);overflow:hidden}._gLogin_2pep5_1 ._bgSphere1_2pep5_11{position:absolute;top:-10%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(22,119,255,.25) 0%,transparent 70%);filter:blur(60px);animation:_move_2pep5_1 20s infinite alternate}._gLogin_2pep5_1 ._bgSphere2_2pep5_21{position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(114,46,209,.2) 0%,transparent 70%);filter:blur(60px);animation:_move_2pep5_1 15s infinite alternate-reverse}._mLoginWrapper_2pep5_31{z-index:10;width:100%;max-width:420px;padding:20px;animation:_fadeIn_2pep5_1 .8s ease-out}._mLoginWrapper_2pep5_31 ._mLogoArea_2pep5_38{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}._mLoginWrapper_2pep5_31 ._mLogoArea_2pep5_38 ._logoHexagon_2pep5_45{display:inline-flex;justify-content:center;align-items:center;border-radius:6px}._mLoginWrapper_2pep5_31 ._mLogoArea_2pep5_38 ._logoHexagon_2pep5_45 ._mainLogo_2pep5_51{width:100px;height:100px;object-fit:contain}._mLoginWrapper_2pep5_31 ._mLogoArea_2pep5_38 ._mainTitle_2pep5_56{color:#1f1f1f!important;margin:0!important;letter-spacing:6px;font-weight:800!important;text-shadow:none}._mLoginWrapper_2pep5_31 ._mLogoArea_2pep5_38 ._subTitle_2pep5_63{color:#666;font-size:20px;letter-spacing:2px;display:block;margin-top:8px}._mFormCard_2pep5_70{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff;border-radius:24px;padding:40px 32px;box-shadow:0 20px 40px #0000000d}._mFormCard_2pep5_70 ._customInput_2pep5_79{background:#fff!important;border:1px solid #e1e6eb!important;border-radius:12px;height:50px;padding:0 16px;transition:all .3s cubic-bezier(.645,.045,.355,1)}._mFormCard_2pep5_70 ._customInput_2pep5_79 .ant-input{background:transparent!important;color:#1f1f1f!important;font-size:16px;border:none!important;box-shadow:none!important}._mFormCard_2pep5_70 ._customInput_2pep5_79 .ant-input::placeholder{color:#bbb}._mFormCard_2pep5_70 ._customInput_2pep5_79:hover,._mFormCard_2pep5_70 ._customInput_2pep5_79.ant-input-affix-wrapper-focused{background:#fff!important;border-color:#1677ff!important;box-shadow:0 0 0 3px #1677ff1a!important}._mFormCard_2pep5_70 ._customInput_2pep5_79 .ant-input-prefix{color:#999;margin-right:10px;transition:color .3s}._mFormCard_2pep5_70 ._customInput_2pep5_79:hover .ant-input-prefix,._mFormCard_2pep5_70 ._customInput_2pep5_79.ant-input-affix-wrapper-focused .ant-input-prefix{color:#1677ff}._mFormCard_2pep5_70 ._customInput_2pep5_79 .ant-input-suffix span{color:#999!important}._mFormCard_2pep5_70 ._customInput_2pep5_79 .ant-input-suffix span:hover{color:#1677ff!important}._mFormCard_2pep5_70 ._loginBtn_2pep5_118{height:50px;border-radius:12px;background:linear-gradient(90deg,#1677ff,#722ed1);border:none;font-size:16px;font-weight:600;margin-top:20px;box-shadow:0 6px 16px #1677ff40}._mFormCard_2pep5_70 ._loginBtn_2pep5_118:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1677ff59;opacity:.95}._loginFooter_2pep5_133{text-align:center;margin-top:24px}._loginFooter_2pep5_133 ._footerText_2pep5_137{color:#9ca3af;font-size:12px}.ant-input-affix-wrapper input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;-webkit-text-fill-color:#1f1f1f!important;transition:background-color 5000s ease-in-out 0s}.ant-input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #ffffff inset!important;-webkit-text-fill-color:#1f1f1f!important;transition:background-color 5000s ease-in-out 0s}@keyframes _fadeIn_2pep5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _move_2pep5_1{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;color:#2c3e50;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:14px}li{list-style:none}a{color:#333}#root{width:100%;min-height:100vh;background:#333;display:flex;flex-direction:column;align-items:center;justify-content:center}.page{max-width:1200px;margin:0 auto;padding:24px;box-sizing:border-box;width:100%}@media(max-width:768px){.page{padding:16px;min-height:100vh;display:flex;flex-direction:column}}@media(max-width:480px){.page{padding:12px}}.topbar{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:center}.topbar h1{margin:0;font-size:42px;font-weight:900;color:#1890ff;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.sub{opacity:.7;font-size:16px;color:#eee;font-weight:500}@media(max-width:768px){.topbar{gap:8px;margin-bottom:24px}.topbar h1{font-size:28px}.sub{font-size:14px}}@media(max-width:480px){.topbar{gap:6px;margin-bottom:16px}.topbar h1{font-size:20px}.sub{font-size:12px}}.linkBtn{width:fit-content;background:transparent;border:1px solid rgba(232,236,255,.25);color:#e8ecff;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .3s ease;min-height:44px;display:flex;align-items:center}@media(max-width:768px){.linkBtn{padding:6px 8px;font-size:12px;min-height:40px}}@media(max-width:480px){.linkBtn{padding:5px 6px;font-size:11px;min-height:36px}}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:768px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.grid{grid-template-columns:1fr;gap:10px}}.card{text-align:center;padding:24px 20px;border-radius:24px;cursor:pointer;border:none;background:linear-gradient(135deg,#fff5e6,#fff9f0);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.card{padding:16px;border-radius:16px;min-height:100px}.controls button,.panel button{flex:1;padding:15px 5px!important}.controls button:last-child,.panel button:last-child{width:100vw!important;flex:unset}}@media(max-width:480px){.card{padding:12px;border-radius:12px;min-height:80px}}.card:before{content:"";position:absolute;inset:0;background:#ffffff80;opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.card:active{transform:translateY(-4px) scale(.99)}.cardTitle{font-size:20px;font-weight:800;margin-bottom:8px;color:#1890ff;position:relative;z-index:1}.cardDesc{font-size:14px;opacity:.7;line-height:1.5;color:#555;position:relative;z-index:1}.player{display:flex;flex-direction:column;gap:16px}.audio{width:100%}.controls{display:flex;gap:12px;flex-wrap:wrap}.controls button,.panel button{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;color:#fff;padding:12px 18px;border-radius:16px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #1890ff4d}.controls button:hover,.panel button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1890ff66}.controls button:disabled{opacity:.5;cursor:not-allowed}.panel{border:2px solid #e8f4f8;background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 16px #00000014}.options{display:grid;gap:12px}:root{--sys-wid: 1279px;--pop-width: 800px;--cell-width: 85px;--sell-width: 75px;--edit-width: 1279px;--dashboard-bg: #061027;--dashboard-panel: rgba(13, 28, 50, .85);--dashboard-border: rgba(65, 132, 228, .6);--dashboard-text: #c9e2f7;--dashboard-highlight: #1890ff;--dashboard-secondary: #177ddc;--dashboard-header: #0a1929;--dashboard-card: rgba(16, 38, 71, .85);--dashboard-success: #52c41a;--dashboard-warning: #faad14;--dashboard-danger: #f5222d;--dashboard-glow: 0 0 10px rgba(24, 144, 255, .5);--clr-ch: #1db387;--clr-chg: #106349;--clr-chp: #4db0d4;--clr-chpg: #316e84;--clr-cwp: #ff6600;--clr-cwpg: #a04101;--clr-ct: #e91b4c;--clr-ctg: #8c122e;--clr-sys: #333;--clr-main: #0a873c;--fil-alarm: brightness(0) saturate(100%) invert(14%) sepia(97%) saturate(5046%) hue-rotate(357deg) brightness(82%) contrast(115%);--sd-md: 4px 4px 8px rgba(0, 0, 0, .4), -4px -4px 6px rgba(0, 0, 0, .2);--sd-sm: 0 2px 4px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .16)}@font-face{font-family:val;src:url(/font/RigidSquare.otf) format("opentype");font-weight:400;font-style:normal}