.q9-auth,.q9-dashboard{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#161821}.q9-auth{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;background:#090a0e;border-radius:28px;overflow:hidden;position:relative}.q9-auth-media{background:#151722 center/cover no-repeat;display:flex;align-items:center;justify-content:center;min-height:680px;overflow:hidden}.q9-auth-media video{width:100%;height:100%;object-fit:cover}.q9-media-empty{background:radial-gradient(circle at 40% 30%,#2a2c3a,#101116)}.q9-logo{max-width:180px;max-height:100px;object-fit:contain}.q9-mark{font-size:64px;font-weight:900;color:#fff}.q9-auth-card{padding:55px 42px;background:#101116;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center}.q9-floating-logo{position:absolute;right:28px;top:22px;max-width:70px;max-height:40px;object-fit:contain}.q9-skip{position:absolute;right:25px;top:22px;background:none;border:0;color:#9296a5}.q9-brand{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a39bff;font-weight:800}.q9-auth-card h2{font-size:34px;margin:9px 0}.q9-auth-card p{color:#8d91a0}.q9-auth-methods{margin-top:30px;display:grid;gap:10px}.q9-auth input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #2d303a;background:#181a21;color:#fff;border-radius:14px}.q9-auth button:not(.q9-skip),.q9-password{padding:14px;border:0;border-radius:14px;background:linear-gradient(135deg,#6358e6,#8972ff);color:#fff;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.q9-social{background:#191b22!important;border:1px solid #30333d!important}.q9-password{background:transparent!important;color:#9da1af!important}.hidden{display:none!important}.q9-otp{margin-top:25px}.q9-otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0}.q9-otp-boxes input{text-align:center;font-size:22px}.q9-link{background:transparent!important;color:#a69cff!important}.q9-auth.q9-style-2{display:block;min-height:680px;padding-top:270px;background:linear-gradient(160deg,#161824,#0a0b10)}.q9-style-2 .q9-auth-media{display:none}.q9-style-2 .q9-auth-card{border-radius:30px 30px 0 0;min-height:410px;padding:28px 30px}.q9-style-2 .q9-auth-card:before{content:'';display:block;width:44px;height:4px;border-radius:99px;background:#565a67;margin:-12px auto 22px}.q9-auth.q9-style-3{display:grid;place-items:center;grid-template-columns:1fr;min-height:680px;background:radial-gradient(circle at 50% 20%,#2a2b3c,#0d0e13 60%)}.q9-style-3 .q9-auth-media{display:none}.q9-style-3 .q9-auth-card{width:min(410px,88%);border:1px solid #30323c;border-radius:26px;padding:34px;background:#111319;box-shadow:0 30px 80px rgba(0,0,0,.4)}.q9-auth.q9-style-4{grid-template-columns:1.1fr .9fr}.q9-style-4 .q9-auth-card{background:rgba(16,17,22,.98)}
.q9-dashboard{display:grid;grid-template-columns:240px 1fr;background:#f7f8fb;border-radius:28px;overflow:hidden;min-height:700px}.q9-dashboard aside{background:#101218;color:#fff;padding:25px}.q9-user{display:grid;gap:4px;margin-bottom:25px}.q9-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#6358e6,#8972ff);display:grid;place-items:center;font-weight:900}.q9-user small{color:#8d91a0}.q9-dashboard nav{display:grid;gap:5px}.q9-dashboard nav button,.q9-dashboard aside>a{padding:11px 12px;border:0;background:transparent;color:#b7bbc8;text-align:left;border-radius:11px;text-decoration:none;cursor:pointer}.q9-dashboard nav button:hover{background:#1d2029;color:#fff}.q9-dashboard main{padding:35px;max-width:980px;width:100%;box-sizing:border-box}.q9-welcome{padding:24px;border-radius:22px;background:linear-gradient(135deg,#eceeff,#e3eaff 55%,#f1e9ff)}.q9-welcome span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#655ae0}.q9-welcome h1{margin:8px 0}.q9-section{margin-top:18px;background:#fff;border:1px solid #e7e8ef;border-radius:20px;padding:20px}.q9-section h2{margin:0 0 15px}.q9-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.q9-estimate{font-size:12px;color:#655ae0}.q9-order,.q9-payment,.q9-receipt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border-top:1px solid #eee}.q9-order div,.q9-payment{display:flex;gap:12px;align-items:center}.q9-order span,.q9-payment em{color:#858995;font-size:12px}.q9-order a{font-weight:800;color:#655ae0}.q9-track{position:relative;padding:40px 10px 20px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.q9-track-line{position:absolute;left:8%;right:8%;top:54px;height:4px;background:#e8e9ee;border-radius:10px}.q9-track-line i{display:block;height:100%;background:linear-gradient(90deg,#655ae0,#8b72ff);border-radius:10px}.q9-van{position:absolute;top:33px;transform:translateX(-50%);font-size:25px;transition:left 1s ease}.q9-step{font-size:10px;text-align:center;color:#9699a5;padding-top:42px}.q9-step.done{color:#4039a4;font-weight:800}.q9-track-timeline{display:block;padding-left:20px}.q9-track-timeline .q9-step{text-align:left;border-left:2px solid #ddd;padding:9px 0 9px 15px}.q9-track-timeline .q9-track-line,.q9-track-timeline .q9-van{display:none}.q9-track-roadmap{padding-bottom:25px}.q9-track-roadmap .q9-step{background:#f7f7fb;border-radius:10px;padding:38px 5px 10px}.q9-received-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.q9-received{border:0;border-radius:12px;padding:11px 15px;background:#101218;color:#fff;font-weight:800;cursor:pointer}.q9-received-note{font-size:11px;color:#888c98}.q9-received.complete{background:linear-gradient(135deg,#6257d8,#8a73ff)}.q9-invoices{display:grid;gap:5px}.q9-receipt{width:100%;background:#fff;border:0;cursor:pointer}.q9-receipt span{font-size:24px}.q9-receipt div{flex:1;text-align:left}.q9-receipt small{display:block;color:#858995;margin-top:4px}.q9-profile{display:grid;gap:10px}.q9-profile label{display:grid;gap:5px;font-size:12px;font-weight:800}.q9-profile input{padding:12px;border:1px solid #dddfe7;border-radius:12px}.q9-profile button{width:max-content;padding:11px 16px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:800;cursor:pointer}.q9-receipt-modal{position:fixed;inset:0;background:rgba(8,9,14,.7);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:999999}.q9-receipt-modal.open{display:flex}.q9-receipt-paper{width:min(440px,90vw);background:#fff;border-radius:22px;padding:28px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.35);animation:q9receipt .65s cubic-bezier(.2,.9,.2,1)}.q9-receipt-close{position:absolute;right:14px;top:10px;border:0;background:#f1f2f5;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.q9-printer{height:115px;background:#20232c;border-radius:18px 18px 8px 8px;position:relative;margin:12px auto 20px;width:210px}.q9-printer-slot{position:absolute;left:18px;right:18px;top:22px;height:8px;background:#090a0e;border-radius:8px}.q9-paper{position:absolute;background:#fff;left:50%;transform:translateX(-50%);top:28px;width:140px;height:100px;padding:12px;box-sizing:border-box;text-align:center;box-shadow:0 7px 20px rgba(0,0,0,.12);animation:q9paper 1.1s ease-out}.q9-paper span{font-size:11px;font-weight:900;display:block}.q9-paper small{font-size:8px;color:#777}.q9-receipt-content{border-top:1px dashed #ddd;padding-top:15px;color:#555;font-size:12px}.q9-receipt-content:after{content:'Verified WooCommerce order receipt';display:block;margin-top:10px;color:#999}@keyframes q9paper{0%{transform:translate(-50%,-42px);opacity:.2}100%{transform:translate(-50%,0);opacity:1}}@keyframes q9receipt{0%{transform:translateY(40px) scale(.97);opacity:0}100%{transform:none;opacity:1}}
@media(max-width:800px){.q9-auth{grid-template-columns:1fr;min-height:700px}.q9-auth-media{min-height:230px}.q9-style-2 .q9-auth-media,.q9-style-3 .q9-auth-media{display:none}.q9-dashboard{grid-template-columns:1fr}.q9-dashboard aside{padding:18px}.q9-dashboard nav{display:flex;overflow:auto}.q9-dashboard nav button{white-space:nowrap}.q9-dashboard main{padding:18px}.q9-track{overflow:auto;grid-template-columns:repeat(7,100px)}.q9-track-line{min-width:560px}.q9-style-3 .q9-auth-card{width:88%}}