.qx-intro{padding:68px 0 72px;background:radial-gradient(circle at 85% 15%,#175369 0,#0d3445 37%,#082532 78%);color:#f6fbfc}
.qx-intro-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr);align-items:center;gap:clamp(35px,5vw,78px)}
.qx-intro h1{margin:20px 0 18px;font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.067em;line-height:1.05}
.qx-intro-description{max-width:720px;margin:0;color:#b4d1d8;font-size:1rem;line-height:1.76}
.qx-intro-note{width:100%;max-width:440px;margin-left:auto;border:1px solid #467785;border-radius:16px;background:#123b4b;box-shadow:0 20px 40px rgba(2,21,29,.19);overflow:hidden}
.qx-intro-note-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;border-bottom:1px solid #3a6673;background:#164657}.qx-intro-note-head img{flex:none;object-fit:contain}.qx-intro-note-head span{color:#a8d2da;font-size:.6rem;font-weight:800;letter-spacing:.16em}.qx-intro-note-body{padding:22px 24px 25px}.qx-intro-note strong{display:block;color:#f8fcfd;font-size:1rem;line-height:1.35}.qx-intro-note p{margin:10px 0 0;color:#bdd5dc;font-size:.76rem;line-height:1.7}
.qx-tour{padding:38px 0 90px;background:linear-gradient(155deg,#e9f3f5,#f6fafb 55%,#e4eff1)}
.qx-tour-container{max-width:1440px}
.qx-tour-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.qx-tour-bar>div:first-child{display:grid;gap:4px}.qx-tour-bar span{color:#478893;font-size:.62rem;font-weight:800;letter-spacing:.15em}.qx-tour-bar strong{color:#123545;font-size:1.1rem;letter-spacing:-.025em}.qx-tour-bar p{margin:3px 0 0;color:#5a7c88;font-size:.71rem;line-height:1.5}
.qx-tour-actions{display:flex;flex-wrap:wrap;gap:9px}.qx-tour-actions button,.qx-context button{padding:10px 13px;border:1px solid #b6d4d9;border-radius:7px;background:#fff;color:#245b68;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.qx-tour-actions #qx-start{border-color:#126f80;background:#126f80;color:#fff}.qx-tour-actions #qx-start:hover{background:#0d5362}.qx-tour-actions button:disabled{opacity:.48;cursor:not-allowed}
.qx-tour-actions button:hover,.qx-context button:hover{background:#e9f5f6}
.qx-progress{height:4px;margin-bottom:18px;overflow:hidden;border-radius:9px;background:#c7e1e5}.qx-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#247d8a,#e7a13b);transition:width .45s ease}
.qx-app{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:690px;border:1px solid #c8dbe0;border-radius:16px;background:#eef2f6;box-shadow:0 30px 65px rgba(20,59,70,.18);overflow:hidden;scroll-margin-top:75px}
.qx-sidebar{display:flex;flex-direction:column;min-width:0;padding:23px 14px;background:#0d2b3c;color:#d8edf0}
.qx-app-brand{display:flex;align-items:center;gap:11px;padding:0 7px 25px;border-bottom:1px solid rgba(223,250,252,.17)}.qx-app-brand img{object-fit:contain}.qx-app-brand strong,.qx-app-brand small{display:block}.qx-app-brand strong{color:#fff;font-size:.91rem;letter-spacing:.14em}.qx-app-brand small{margin-top:3px;color:#89b9c2;font-size:.61rem}
.qx-sidebar>p{margin:30px 10px 10px;color:#7cadb9;font-size:.57rem;font-weight:800;letter-spacing:.17em}.qx-sidebar nav{display:grid;gap:4px}.qx-sidebar nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:#bbd5dc;text-align:left;font:inherit;font-size:.72rem;font-weight:760;cursor:pointer;transition:background .2s,color .2s}.qx-sidebar nav button:hover{background:#174252;color:#fff}.qx-sidebar nav button.is-active{background:#1b5363;color:#fff}.qx-sidebar nav button span{width:21px;color:#8bc9d3;text-align:center;font-size:1rem}.qx-sidebar-foot{margin-top:auto;padding:24px 10px 4px;color:#80b5be;font-size:.57rem;letter-spacing:.12em}
.qx-main{min-width:0}.qx-app-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;padding:13px 31px;border-bottom:1px solid #dbe4ea;background:#fff}.qx-app-top strong,.qx-app-top small{display:block}.qx-app-top strong{color:#17283b;font-size:1.05rem}.qx-app-top small{margin-top:4px;color:#64778a;font-size:.65rem}.qx-user{display:flex;align-items:center;gap:8px;color:#3d5c69;font-size:.64rem;font-weight:750;white-space:nowrap}.qx-user b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e0f0f2;color:#167487}.qx-health{margin-right:13px;color:#40828b}.qx-health i{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#4fb19c}
.qx-context{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 31px;border-bottom:1px solid #d7e5e8;background:#e7f5f6;color:#326b79;font-size:.61rem;font-weight:800;letter-spacing:.07em}.qx-context>span{display:flex;align-items:center;gap:6px}.qx-context i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e9a737;box-shadow:0 0 0 4px rgba(233,167,55,.16)}.qx-context small{margin-left:auto;color:#6b9ba4;font-size:.55rem}.qx-context button{padding:6px 8px;font-size:.57rem}
.qx-view[hidden],.qx-error[hidden],.qx-context button[hidden],.qx-report-card+button[hidden]{display:none!important}
.qx-view{padding:27px 31px 38px;animation:qx-enter .35s ease both}@keyframes qx-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.qx-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.qx-heading p{margin:0 0 5px;color:#147486;font-size:.6rem;font-weight:850;letter-spacing:.16em}.qx-heading h2{margin:0;color:#17283b;font-size:clamp(1.45rem,2vw,1.9rem);letter-spacing:-.04em;line-height:1.16}.qx-heading div>span{display:block;margin-top:6px;color:#60768a;font-size:.73rem}
.qx-pill{display:inline-block;padding:7px 10px;border-radius:99px;font-size:.59rem;font-weight:800;white-space:nowrap}.qx-pill-amber{background:#fff1d3;color:#8a5b0a}.qx-pill-blue{background:#e5edff;color:#315ec1}.qx-pill-gray{background:#e8eef2;color:#516b7b}
.qx-surface,.qx-scope{border:1px solid #d6e1e9;border-radius:8px;background:#fff;box-shadow:0 9px 24px rgba(25,54,78,.055)}.qx-surface{overflow:hidden}.qx-scope{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;margin-bottom:15px}.qx-scope strong{color:#25364a;font-size:.75rem}.qx-scope span{padding:7px 10px;border-radius:6px;background:#eff4f7;color:#516b7a;font-size:.65rem}
.qx-import-card{max-width:900px}.qx-import-file{display:flex;align-items:center;gap:15px;padding:22px;border-bottom:1px solid #e1e9ed}.qx-import-file>span{display:grid;place-items:center;width:50px;height:50px;border-radius:9px;background:#e9f3f5;color:#1b7a88;font-size:1.5rem}.qx-import-file strong,.qx-import-file small{display:block}.qx-import-file strong{color:#1e3547;font-size:.92rem}.qx-import-file small{margin-top:5px;color:#708598;font-size:.66rem}.qx-import-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px}.qx-import-metrics div{padding:14px;border:1px solid #e0e9ed;border-radius:7px;background:#f7fafb}.qx-import-metrics b,.qx-import-metrics span{display:block}.qx-import-metrics b{color:#176f7f;font-size:1.5rem}.qx-import-metrics span{color:#64798a;font-size:.62rem}.qx-screen-note{margin:15px 0;color:#657d8d;font-size:.67rem;line-height:1.6}
.qx-panel-action{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;border-top:1px solid #e2eaef}.qx-panel-action p{margin:0;color:#596f80;font-size:.69rem;line-height:1.5}
.qx-primary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;border:1px solid #106677;border-radius:7px;background:#126f80;color:#fff;font:inherit;font-size:.68rem;font-weight:800;text-align:center;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.qx-primary:hover{background:#0d5362;transform:translateY(-1px);box-shadow:0 8px 17px rgba(14,79,94,.2)}
.qx-primary:focus-visible,.qx-tour button:focus-visible,.qx-guide button:focus-visible,.qx-view :is(select,input):focus-visible{outline:3px solid #edaa3e;outline-offset:3px}
.qx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.qx-metrics>div{min-width:0;padding:16px;border:1px solid #d6e1e9;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(25,54,78,.05)}.qx-metrics span,.qx-metrics strong,.qx-metrics small{display:block}.qx-metrics span{color:#687e93;font-size:.62rem;font-weight:750}.qx-metrics strong{margin:12px 0;color:#1a293c;font-size:clamp(1.28rem,2vw,1.85rem);line-height:1.05}.qx-metrics small{min-height:25px;color:#647c8c;font-size:.55rem;line-height:1.4}.qx-metrics i{display:block;height:4px;margin-top:10px;border-radius:7px;background:#e0e9ee}.qx-metrics i::after{content:"";display:block;width:var(--fill);height:100%;border-radius:inherit;background:#19788a;transition:width .4s}.qx-metrics .qx-fill-20{--fill:20%}.qx-metrics .qx-fill-25{--fill:25%}.qx-metrics .qx-fill-40{--fill:40%}.qx-metrics .qx-fill-60{--fill:60%}.qx-metrics .qx-fill-80{--fill:80%}
.qx-surface-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #e1e9ee}.qx-surface-head h3{margin:0;color:#1b2d41;font-size:.9rem}.qx-surface-head small{display:block;margin-top:3px;color:#73899b;font-size:.59rem}.qx-surface-head>span{color:#5b9ca8;font-size:.53rem;font-weight:800;letter-spacing:.1em}
.qx-table-wrap{width:100%;overflow-x:auto}.qx-table-wrap table{width:100%;border-collapse:collapse;color:#26364a;font-size:.66rem;white-space:nowrap}.qx-table-wrap th{text-align:left;padding:12px 17px;background:#f7fafc;color:#687e91;font-size:.58rem}.qx-table-wrap td{padding:14px 17px;border-top:1px solid #e8eef1}.qx-table-wrap tr:hover td{background:#fbfdfd}.qx-table-link{padding:7px 9px;border:1px solid #a9ced3;border-radius:6px;background:#eff8f9;color:#166d7c;font:inherit;font-weight:800;cursor:pointer}
.qx-assignment-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.qx-assignment-document dl{display:grid;gap:15px;margin:0;padding:22px}.qx-assignment-document dl div{display:flex;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #e5ecef}.qx-assignment-document dl div:last-child{padding-bottom:0;border-bottom:0}.qx-assignment-document dt{color:#6a8291;font-size:.67rem}.qx-assignment-document dd{margin:0;color:#253a4c;font-size:.69rem;font-weight:800}.qx-assignment-form{padding:21px}.qx-assignment-form h3{margin:0 0 18px;color:#1b2f42;font-size:1rem}.qx-assignment-form label{display:block;margin-bottom:7px;color:#506c7d;font-size:.65rem;font-weight:800}.qx-assignment-form select,.qx-count-grid input{width:100%;min-height:42px;padding:0 11px;border:1px solid #bdd2d9;border-radius:6px;background:#fff;color:#193647;font:inherit;font-size:.71rem}.qx-assignment-form select{margin-bottom:15px}.qx-error{margin:-5px 0 13px;color:#a74731;font-size:.62rem}
.qx-app.is-field{grid-template-columns:1fr}.qx-app.is-field .qx-sidebar,.qx-app.is-field .qx-app-top{display:none}.qx-app.is-field .qx-context{padding-inline:26px}.qx-tablet-view{padding:26px}.qx-device{max-width:1050px;margin:auto;border:1px solid #cfdfe7;border-radius:15px;background:#f7fafc;box-shadow:0 16px 33px rgba(32,65,83,.14);overflow:hidden}.qx-device-top{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 20px;border-bottom:3px solid #177687;background:#fff;color:#243a4e;font-size:.68rem;font-weight:800}.qx-device-top>div{display:flex;align-items:center;gap:9px}.qx-device-top small{color:#738c99;font-size:.59rem}.qx-device-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;background:#fff}.qx-device-nav>*{padding:10px;border-radius:6px;text-align:center;color:#5c7889;font-size:.68rem}.qx-device-nav strong{background:#187687;color:#fff}.qx-device-body,.qx-sync-body{padding:22px}.qx-device-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.qx-device-summary div{padding:13px;border:1px solid #dce8ed;border-radius:7px;background:#fff}.qx-device-summary small,.qx-device-summary strong{display:block}.qx-device-summary small{color:#6e8a97;font-size:.52rem;font-weight:800;letter-spacing:.1em}.qx-device-summary strong{margin-top:5px;color:#20364a;font-size:.83rem}.qx-device-body h3{margin:0 0 6px;color:#1c3145;font-size:1.25rem}.qx-device-body>p{margin:0 0 17px;color:#5f7c8c;font-size:.71rem;line-height:1.55}.qx-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.qx-count-grid label{min-width:0;padding:13px;border:1px solid #dce8ed;border-radius:7px;background:#fff}.qx-count-grid label span strong,.qx-count-grid label span small{display:block}.qx-count-grid label span strong{color:#1d3949;font-size:.78rem}.qx-count-grid label span small{margin:3px 0 10px;color:#718b99;font-size:.57rem}
.qx-sync-flow{display:flex;align-items:center;max-width:700px;margin:15px auto 25px}.qx-sync-flow span{display:grid;place-items:center;width:165px;min-height:72px;border:1px solid #81b8c0;border-radius:10px;background:#e8f5f6;color:#176d7c;font-size:.7rem;font-weight:850}.qx-sync-flow i{position:relative;flex:1;height:2px;background:linear-gradient(90deg,#16808d,#e9a638,#16808d)}.qx-sync-flow i::after{content:"";position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:50%;background:#efa83d;box-shadow:0 0 0 5px #efa83d33;animation:qx-data 2s linear infinite}@keyframes qx-data{to{left:calc(100% - 12px)}}.qx-sync-list{max-width:700px;margin:0 auto 20px;padding:16px;border:1px solid #d6e4e8;border-radius:7px;background:#fff}.qx-sync-list strong{font-size:.8rem}.qx-sync-list p{margin:5px 0;color:#567687;font-size:.68rem}.qx-sync-list small{color:#7b919e;font-size:.6rem}.qx-sync-body>.qx-primary{display:flex;margin:auto}
.qx-review-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.qx-table-wrap td.has-difference{color:#b26619;font-weight:850}.qx-report-card{display:flex;align-items:center;gap:20px;max-width:800px;padding:27px}.qx-report-icon{display:grid;place-items:center;flex:none;width:74px;height:74px;border-radius:14px;background:#e8f4f6}.qx-report-card h3{margin:0 0 6px;color:#203347;font-size:1.35rem}.qx-report-card p{margin:0;color:#627b8b;font-size:.76rem;line-height:1.65}.qx-report-card+button{margin-top:18px}
.qx-below-note{margin:16px 0 0;color:#65838e;font-size:.68rem;line-height:1.6}
.qx-spotlight{position:relative;outline:3px solid rgba(237,170,62,.78);outline-offset:5px;box-shadow:0 0 0 9px rgba(237,170,62,.11),0 12px 31px rgba(15,76,89,.13)!important;transition:outline .25s,box-shadow .25s}
.qx-guide{width:min(540px,calc(100% - 28px));max-height:calc(100vh - 30px);margin:auto;padding:0;border:1px solid #80b6bf;border-radius:16px;background:linear-gradient(140deg,#103a49,#082936);color:#f4fbfc;box-shadow:0 30px 100px rgba(0,20,28,.55);overflow:auto}.qx-guide::backdrop{background:rgba(3,23,31,.74);backdrop-filter:blur(8px)}.qx-guide-inner{position:relative;display:grid;justify-items:start;padding:29px 35px 34px}.qx-guide-inner>img{margin:0 0 17px;object-fit:contain}.qx-guide-inner>span{color:#eaaa4a;font-size:.61rem;font-weight:850;letter-spacing:.16em}.qx-guide h2{margin:10px 0 11px;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.15;letter-spacing:-.045em}.qx-guide-inner>p{margin:0 0 17px;color:#bed7dc;font-size:.82rem;line-height:1.7}.qx-guide-tip{width:100%;padding:14px 15px;margin-bottom:18px;border:1px solid rgba(171,221,226,.23);border-radius:9px;background:rgba(183,228,233,.07)}.qx-guide-tip strong{color:#a9d7df;font-size:.64rem}.qx-guide-tip p{margin:5px 0 0;color:#b6d0d6;font-size:.72rem;line-height:1.6}.qx-guide-inner>small{margin-top:14px;color:#8eb7c0;font-size:.61rem}.qx-guide-close{position:absolute;right:19px;top:18px;width:32px;height:32px;border:1px solid rgba(171,221,226,.3);border-radius:7px;background:rgba(183,228,233,.08);color:#e8f7f7;font-size:1.35rem;line-height:1;cursor:pointer}
@media(max-width:1050px){.qx-app{grid-template-columns:190px minmax(0,1fr)}.qx-sidebar nav button{font-size:.65rem}.qx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.qx-user>span:last-child{display:none}}
@media(max-width:800px){.qx-intro-grid{grid-template-columns:1fr}.qx-intro-note{max-width:620px}.qx-app{display:block}.qx-sidebar{padding:12px}.qx-app-brand,.qx-sidebar>p,.qx-sidebar-foot{display:none}.qx-sidebar nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:thin}.qx-sidebar nav button{flex:none;min-height:38px;padding:8px 10px;font-size:.63rem}.qx-sidebar nav button span{width:auto}.qx-app-top{min-height:62px;padding:10px 17px}.qx-context{padding-inline:17px}.qx-view{padding:20px}.qx-assignment-grid{grid-template-columns:1fr}}
@media(max-width:560px){.qx-intro{padding:45px 0}.qx-intro h1{font-size:clamp(2.6rem,11vw,3.65rem)}.qx-tour{padding:26px 0 65px}.qx-tour-bar{align-items:start;flex-direction:column}.qx-tour-actions{width:100%}.qx-tour-actions button{flex:1}.qx-app{border-radius:10px}.qx-app-top small,.qx-context small,.qx-health{display:none}.qx-context{flex-wrap:wrap}.qx-heading{align-items:start;flex-direction:column}.qx-view{padding:17px 13px 25px}.qx-metrics{gap:7px}.qx-metrics>div{padding:11px}.qx-metrics strong{font-size:1.3rem}.qx-import-metrics{gap:6px;padding:12px}.qx-import-metrics div{padding:9px}.qx-import-metrics b{font-size:1.1rem}.qx-import-metrics span{font-size:.5rem}.qx-import-file{padding:15px}.qx-import-file strong{font-size:.75rem}.qx-import-file small{font-size:.57rem}.qx-panel-action{align-items:stretch;flex-direction:column}.qx-scope{align-items:start;flex-direction:column}.qx-device-top{padding:9px}.qx-device-top small,.qx-device-top>span{font-size:.5rem}.qx-device-body,.qx-sync-body{padding:13px}.qx-device-summary{gap:5px}.qx-device-summary div{padding:8px}.qx-device-summary strong{font-size:.66rem}.qx-count-grid{grid-template-columns:1fr}.qx-sync-flow span{width:85px;min-height:64px;font-size:.55rem}.qx-report-card{align-items:start;flex-direction:column}.qx-guide-inner{padding:27px 24px}}
@media(prefers-reduced-motion:reduce){.qx-view,.qx-sync-flow i::after{animation:none}.qx-progress i,.qx-primary,.qx-spotlight{transition:none}}
@media(max-width:800px){.qx-intro-note{margin-left:0}}
@media(max-width:560px){.qx-tour-actions #qx-start{flex-basis:100%}}