/* FLUX STUDIO | EDITION 03 - original warm editorial SMM UI */
:root{scroll-behavior:smooth}
body.flux-studio{--fx-paper:#f3f2eb;--fx-ink:#161b18;--fx-lime:#d8fb65;--fx-coral:#f7836f;--fx-line:#d8dcd0;--fx-dim:#687069;--fx-card:#fffefa;--fx-muted:#e9ebe2;--fx-soft:#f8f8f2;--nv-bg:var(--fx-paper);--nv-text:var(--fx-ink);--nv-surface:var(--fx-card);--nv-surface-soft:var(--fx-soft);--nv-border:var(--fx-line);--nv-primary:#333e29;--nv-tint:#eaf1d5;--nv-muted:var(--fx-dim);--nv-green:#5b765b;--nv-shadow:none;max-width:100%;overflow-x:clip;background:var(--fx-paper)!important;color:var(--fx-ink)!important;font-family:'DM Sans',Arial,sans-serif!important;letter-spacing:0;line-height:1.5;-webkit-font-smoothing:antialiased}
html.fx-dark-pre body.flux-studio,body.flux-studio.fx-dark{--fx-paper:#171c19;--fx-ink:#f3f4ed;--fx-lime:#d8fb65;--fx-line:#414942;--fx-dim:#a1ada2;--fx-card:#222a25;--fx-muted:#2b322d;--fx-soft:#222a25;--nv-primary:#d8fb65;--nv-tint:#353e30;--nv-shadow:none;color-scheme:dark}
body.flux-studio *{box-sizing:border-box}body.flux-studio a{text-decoration:none;color:inherit}body.flux-studio a:hover{text-decoration:none}body.flux-studio :is(h1,h2,h3,h4,h5,h6){font-family:'Space Grotesk',Arial,sans-serif;color:inherit;letter-spacing:-.058em}body.flux-studio :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a5d734!important;outline-offset:3px}
body.flux-studio .hidden,body.flux-studio [hidden]{display:none!important}
body.flux-studio .fx-shell{min-height:100vh;background:var(--fx-paper);display:block!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
/* A HORIZONTAL OPERATIONS MASTHEAD — NOT A SIDE NAVIGATION */
body.flux-studio .fx-top{height:90px;display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:1035;background:#161b18;color:#fff;padding:0 clamp(22px,3.5vw,72px);border-bottom:1px solid #3c433c}
body.flux-studio .fx-brand{color:white!important;display:flex;align-items:center;gap:13px;flex-shrink:0;max-width:260px}
body.flux-studio .fx-logomark{background:var(--fx-lime);border-radius:50%;width:44px;height:44px;flex:0 0 44px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:4px;place-content:center;transform:rotate(-14deg)}
body.flux-studio .fx-logomark i{border-radius:2px;background:#1e251d}body.flux-studio .fx-logomark i:nth-child(2){border-radius:50%}body.flux-studio .fx-logomark i:nth-child(3){border-radius:50% 50% 0 50%}
body.flux-studio .fx-brand-copy{display:flex;flex-direction:column;min-width:0}body.flux-studio .fx-brand-copy strong{font:700 18px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.055em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:182px}body.flux-studio .fx-brand-copy small{font-size:8px;letter-spacing:.24em;font-weight:800;color:#a8b3a4;margin-top:6px;white-space:nowrap}
body.flux-studio .fx-nav{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none;height:100%;background:none;border:0;margin:0;padding:0}
body.flux-studio .fx-nav::-webkit-scrollbar{display:none}body.flux-studio .fx-nav-link{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;color:#bec6bb!important;padding:11px 13px;font-size:11.5px;font-weight:750;border:1px solid transparent;border-radius:40px;min-height:42px;transition:background .15s,color .15s}body.flux-studio .fx-nav-link:hover{background:#2b342c;color:#fff!important}body.flux-studio .fx-nav-link.is-active,body.flux-studio .fx-nav-link[aria-current=page]{background:var(--fx-lime);color:#161b18!important;border-color:var(--fx-lime)}body.flux-studio .fx-nav-link .fx-count{font-size:9px;border-radius:50%;padding:2px 5px;background:#ff806d;color:#111}
body.flux-studio .fx-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}body.flux-studio .fx-mode-btn,body.flux-studio .fx-menu-button{width:39px;height:39px;border:1px solid #4c564d;color:#fff;background:#252d27;display:grid;place-items:center;border-radius:50%;cursor:pointer}body.flux-studio .fx-mode-btn .pr-icon{height:19px;width:19px}
body.flux-studio .fx-wallet{display:flex;align-items:center;gap:12px;border:1px solid #667165;border-radius:100px;min-height:47px;color:#fff;padding:5px 14px 5px 6px;min-width:135px}body.flux-studio .fx-wallet-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#191d19;background:var(--fx-lime);font:700 23px 'Space Grotesk',Arial,sans-serif;flex-shrink:0}body.flux-studio .fx-wallet span:nth-child(2){display:flex;flex-direction:column;line-height:1.25}body.flux-studio .fx-wallet small{color:#99a79d;letter-spacing:.16em;font-size:9px;font-weight:800}body.flux-studio .fx-wallet strong{color:#fff;font:700 15px 'Space Grotesk',sans-serif}
body.flux-studio .fx-user{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;background:#f4e1d7;color:#20251f!important;font-weight:900;font-size:13px}body.flux-studio .fx-menu-button{display:none;flex-direction:column;gap:5px}body.flux-studio .fx-menu-button span{display:block;width:16px;height:2px;background:currentColor;border-radius:2px}body.flux-studio .fx-drawer-only{display:none}
body.flux-studio .fx-currency button{background:transparent;color:#e4eadb;border:0;font-size:11px}
body.flux-studio .fx-main{margin:0!important;padding:0 0 72px!important;display:block!important;min-width:0!important;width:100%!important;max-width:none!important;overflow:visible!important;background:var(--fx-paper)!important}
body.flux-studio .fx-context{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.5vw,72px);border-bottom:1px solid var(--fx-line);background:var(--fx-card);font-size:9px;font-weight:850;letter-spacing:.19em;color:var(--fx-dim)}body.flux-studio .fx-context-left,body.flux-studio .fx-context-right{display:flex;align-items:center;gap:11px}body.flux-studio .fx-context strong{font-weight:900;color:var(--fx-ink)}body.flux-studio .fx-context-slash{color:#abb4aa}body.flux-studio .fx-context-dot,body.flux-studio .fx-context-live{width:7px;height:7px;background:#a4da51;border-radius:50%;box-shadow:0 0 0 4px #a4da512b}
body.flux-studio .fx-page{padding:24px clamp(22px,3.5vw,72px) 65px;max-width:1700px;margin:auto;min-width:0}
/* DISPLAY PANEL: expressive editorial art, CSS-only */
body.flux-studio .fx-intro{background:#1b211c;border-radius:8px;min-height:335px;position:relative;overflow:hidden;color:#f7f8f1;display:grid;grid-template-columns:minmax(0,1fr) 44%;box-shadow:none}
body.flux-studio .fx-intro-main{z-index:2;padding:34px 24px 54px clamp(30px,4.1vw,68px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.flux-studio .fx-eyebrow{font:800 10px/1.35 'DM Sans',sans-serif;letter-spacing:.19em;color:#d9fb74;display:flex;align-items:center;gap:9px}
body.flux-studio .fx-eyebrow-bar{width:26px;height:2px;background:currentColor;flex-shrink:0}
body.flux-studio .fx-intro h1{margin:16px 0 12px;font:600 clamp(49px,5.9vw,98px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.084em;color:#f7f8f1;max-width:780px}
body.flux-studio .fx-intro h1 em{color:var(--fx-lime);font-style:normal}
body.flux-studio .fx-intro p{font-size:13px;line-height:1.65;max-width:370px;color:#b5c0b5;margin:0 0 18px}
body.flux-studio .fx-action-on-dark{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--fx-lime);color:#1a201a!important;min-height:44px;padding:0 18px;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:.08em}body.flux-studio .fx-action-on-dark span{font-size:20px;font-weight:400}
body.flux-studio .fx-intro-art{position:relative;overflow:hidden;min-height:260px;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 45px),repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 45px)}body.flux-studio .fx-art-outline{position:absolute;width:360px;height:360px;border:1px solid #cad5c61b;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03}
body.flux-studio .fx-art-outline:before,body.flux-studio .fx-art-outline:after{content:'';position:absolute;inset:34px;border:1px dashed #eaf8de20;border-radius:50%}body.flux-studio .fx-art-outline:after{inset:83px;border-style:solid}
body.flux-studio .fx-art-disc{width:205px;height:205px;border-radius:50%;background:var(--fx-lime);display:grid;place-items:center;transform:rotate(-22deg);box-shadow:22px 22px 0 #9cae5842}
body.flux-studio .fx-art-core{color:#1c231b;font:400 185px/1 'Space Grotesk',sans-serif;margin:-34px 0 0 -8px}
body.flux-studio .fx-art-caption{position:absolute;color:#c2d9b0;font-size:9px;font-weight:850;letter-spacing:.14em}body.flux-studio .fx-art-caption-top{top:30px;right:24px}body.flux-studio .fx-art-caption-bottom{bottom:55px;left:20px;transform:rotate(-90deg);transform-origin:0 100%;white-space:nowrap}
body.flux-studio .fx-intro-bottom{position:absolute;left:0;right:0;bottom:0;height:34px;border-top:1px solid #5e68563d;padding:0 26px;display:flex;align-items:center;justify-content:space-between;color:#b7c2b3;font-size:8px;font-weight:800;letter-spacing:.17em}body.flux-studio .fx-intro-bottom b{color:var(--fx-lime);font-size:16px;margin-left:10px}
/* numerical ledger instead of dashboard cards */
body.flux-studio .fx-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--fx-card);border:1px solid var(--fx-line);margin-top:16px;border-radius:5px}
body.flux-studio .fx-stat-strip>div{display:flex;flex-direction:column;gap:11px;min-width:0;padding:20px 28px 22px}body.flux-studio .fx-stat-strip>div+div{border-left:1px solid var(--fx-line)}body.flux-studio .fx-stat-strip small,body.flux-studio .fx-dstat small{font-size:9px;letter-spacing:.16em;color:var(--fx-dim);font-weight:850}body.flux-studio .fx-stat-strip strong{font:650 clamp(18px,2vw,27px)/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere}body.flux-studio .fx-stat-strip strong.fx-stat-user{font-size:21px}
body.flux-studio .fx-platforms,body.flux-studio .fx-builder,body.flux-studio .fx-shortcuts{margin-top:45px}body.flux-studio .fx-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:19px}body.flux-studio .fx-eyebrow-light{color:#646e5b;font-size:9px}body.flux-studio .fx-section-heading h2{font:650 clamp(27px,3.4vw,41px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:8px 0 0}body.flux-studio .fx-arrow-link{color:var(--fx-ink);font-size:10px;letter-spacing:.12em;font-weight:900;white-space:nowrap;border-bottom:1px solid var(--fx-ink);padding-bottom:5px}body.flux-studio .fx-heading-period{color:#90ab39}
body.flux-studio .fx-chip-track{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding-bottom:9px}body.flux-studio .nwo-cat-btn{white-space:nowrap;flex-shrink:0;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:5px;padding:11px 17px;color:var(--fx-ink);font-size:12px;font-weight:750;min-height:46px;cursor:pointer}body.flux-studio .nwo-cat-btn:hover{border-color:#879d65}body.flux-studio .nwo-cat-btn.is-active{background:var(--fx-lime);color:#1c2419;border-color:#bdde52}body.flux-studio .nwo-cat-btn span{padding-left:15px}
body.flux-studio .fx-workflow{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--fx-dim);display:flex;align-items:center;gap:10px;white-space:nowrap}body.flux-studio .fx-pulse{width:7px;height:7px;border-radius:50%;background:#87bd53;box-shadow:0 0 0 4px #9bc45c30}
body.flux-studio .fx-build-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:18px;align-items:start}
body.flux-studio .fx-build-card{min-width:0;background:var(--fx-card);border:1px solid var(--fx-line);border-radius:6px;overflow:hidden;box-shadow:none}
body.flux-studio .fx-card-top{padding:24px 27px;background:var(--fx-soft);border-bottom:1px solid var(--fx-line);display:flex;justify-content:space-between;align-items:center;gap:15px}body.flux-studio .fx-card-overline{color:#7b836b;font-size:9px;font-weight:900;letter-spacing:.2em}body.flux-studio .fx-card-top h3{font:650 24px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;margin:7px 0 3px}body.flux-studio .fx-card-top p{color:var(--fx-dim);font-size:11px;margin:0}body.flux-studio .fx-index-circle{width:46px;height:46px;border:1px solid #b5bdab;border-radius:50%;display:grid;place-items:center;font:600 16px 'Space Grotesk',Arial,sans-serif;color:var(--fx-ink);flex-shrink:0}body.flux-studio .fx-card-body{padding:26px 27px 30px}body.flux-studio .fx-field{margin-bottom:19px;position:relative}body.flux-studio .fx-field label,body.flux-studio .fx-field .form-label,body.flux-studio #neworder_fields label,body.flux-studio #addfunds_fields label{font-size:10px;letter-spacing:.11em;font-weight:850;color:var(--fx-ink);display:block;margin-bottom:9px}body.flux-studio .fx-field label small{font-size:8px;color:var(--fx-dim);margin-left:7px}body.flux-studio .fx-field label b{color:#d5755f}
body.flux-studio :is(.form-control,.form-select,select.form-control,textarea,.select2-selection,.bootstrap-select>.dropdown-toggle){border:1px solid #ced3c7!important;background:var(--fx-card)!important;color:var(--fx-ink)!important;border-radius:4px!important;min-height:49px!important;font:500 13px 'DM Sans',Arial,sans-serif!important;padding:11px 14px!important;box-shadow:none!important;max-width:100%!important}body.flux-studio .form-control::placeholder{color:#899288}body.flux-studio .form-control:focus{border-color:#94b558!important;box-shadow:0 0 0 3px #b7e97923!important}body.flux-studio .form-control[readonly]{background:var(--fx-muted)!important;font-weight:750!important}
body.flux-studio #neworder_fields :is(input,textarea,select){max-width:100%}body.flux-studio #neworder_fields .form-group{margin-bottom:18px}body.flux-studio #dropdown_for_search{position:absolute;left:0;right:0;z-index:40;background:var(--fx-card);border:1px solid var(--fx-line);box-shadow:0 12px 25px #1019101c;border-radius:5px;max-height:240px;overflow-y:auto}
body.flux-studio .fx-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0!important;border-radius:4px!important;background:#1f2921!important;color:#fff!important;padding:0 19px!important;min-height:54px;font-size:11px;font-weight:900;letter-spacing:.1em;box-shadow:none!important}body.flux-studio .fx-submit:hover{background:#374a36!important}body.flux-studio .fx-submit span{color:var(--fx-lime);font-size:23px;font-weight:400}body.flux-studio .fx-form-footnote{font-size:10px;color:var(--fx-dim);text-align:center;margin:12px 0 0}
body.flux-studio .fx-info-card{background:var(--fx-card)}body.flux-studio .fx-info-body{min-height:250px}body.flux-studio #servicesId{font-size:9px;letter-spacing:.14em;font-weight:850;color:var(--fx-dim)}body.flux-studio .fx-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:12px 6px 25px}body.flux-studio .fx-empty.is-hidden{display:none}body.flux-studio .fx-empty-art{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;border:1px dashed #b1bdac;background:var(--fx-soft);margin:6px auto 21px}body.flux-studio .fx-empty-art span{color:#93a579;font:400 95px/.8 'Space Grotesk'}body.flux-studio .fx-empty strong{font:650 20px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em}body.flux-studio .fx-empty p{font-size:12px;line-height:1.6;color:var(--fx-dim);max-width:265px;margin:8px auto 0}body.flux-studio .fx-info-footer{display:flex;justify-content:space-between;gap:14px;padding:16px 27px;border-top:1px solid var(--fx-line);font-size:9px;letter-spacing:.1em;font-weight:850;color:var(--fx-dim)}body.flux-studio .fx-info-footer a{color:var(--fx-ink);border-bottom:1px solid currentColor}
body.flux-studio .fx-endline{margin-top:34px;padding:16px 0;border-top:1px solid var(--fx-line);display:flex;justify-content:space-between;color:var(--fx-dim);font-size:9px;letter-spacing:.14em;font-weight:850}
/* DASHBOARD */
body.flux-studio .fx-dash-hero .fx-art-disc{background:#f5bda3;box-shadow:20px 20px 0 #f5bda330}body.flux-studio .fx-dash-hero .fx-intro h1{font-size:clamp(49px,5.2vw,84px)}body.flux-studio .fx-dashboard-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}body.flux-studio .fx-dstat{background:var(--fx-card);border:1px solid var(--fx-line);padding:25px;display:flex;flex-direction:column;min-height:145px;border-radius:5px}body.flux-studio .fx-dstat strong{font:650 clamp(28px,3.3vw,45px)/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:14px 0 8px;overflow-wrap:anywhere}body.flux-studio .fx-dstat span{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--fx-dim)}body.flux-studio .fx-dstat:hover span{color:#5a853b}body.flux-studio .fx-short-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}body.flux-studio .fx-short{display:flex;flex-direction:column;min-height:190px;border:1px solid var(--fx-line);border-radius:5px;padding:22px;background:var(--fx-card);position:relative}body.flux-studio .fx-short:first-child{background:var(--fx-lime);color:#161c17;border-color:#c6e75d}body.flux-studio .fx-short-num{font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--fx-dim)}body.flux-studio .fx-short strong{font:650 25px/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;margin-top:20px}body.flux-studio .fx-short-arrow{font-size:25px;font-weight:500;margin-top:auto;align-self:flex-end}
/* OTHER CLIENT PAGES: consistent editorial framing, retain native app hooks */
body.flux-studio .pr-page-strip{background:#1d271d;color:#f7f8f2;padding:34px 37px;border-radius:5px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}body.flux-studio .pr-page-strip h2{font-size:36px;line-height:1.05;color:#fff!important;margin:8px 0}body.flux-studio .pr-page-strip p{color:#b0beb1;font-size:12px;margin:0}body.flux-studio .pr-kicker{font-size:9px;font-weight:850;letter-spacing:.15em;color:var(--fx-lime)}body.flux-studio .pr-page-strip-link{color:#182018!important;background:var(--fx-lime);padding:12px 16px;border-radius:3px;font-size:11px;font-weight:850;white-space:nowrap}
body.flux-studio.flux-auth #content:not(.fx-page){padding:24px clamp(22px,3.5vw,72px) 60px;max-width:1700px;margin:auto;min-width:0}body.flux-studio.flux-auth #content:not(.fx-page) .container-fluid{padding-left:0;padding-right:0}body.flux-studio #content:not(.fx-page) .card,body.flux-studio.flux-auth .card_v2{border:1px solid var(--fx-line)!important;border-radius:5px!important;background:var(--fx-card)!important;box-shadow:none!important;color:var(--fx-ink)}body.flux-studio .card-body{color:var(--fx-ink)}body.flux-studio .btn-primary{background:#1f2921!important;border:1px solid #1f2921!important;color:white!important;border-radius:4px}body.flux-studio .btn-secondary,body.flux-studio .btn-default{background:var(--fx-soft)!important;border:1px solid var(--fx-line)!important;color:var(--fx-ink)!important;border-radius:4px}
body.flux-studio :is(.table-responsive,.table_responsive,.table-wr,.responsive-table){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}body.flux-studio .table{min-width:660px;background:var(--fx-card);color:var(--fx-ink);border-color:var(--fx-line);font-size:12px}body.flux-studio .table thead th{background:#29372c!important;color:#edf4e9!important;font-size:10px;font-weight:850;letter-spacing:.07em;padding:16px 13px;vertical-align:middle;white-space:nowrap;border-color:#455444}body.flux-studio .table tbody td{background:var(--fx-card)!important;color:var(--fx-ink)!important;border-color:var(--fx-line);padding:14px 13px;vertical-align:middle;line-height:1.5}body.flux-studio .table tbody tr:hover td{background:var(--fx-soft)!important}body.flux-studio .table a{overflow-wrap:anywhere}body.flux-studio .table .services-list-category-title td,body.flux-studio tr.services-list-category-title td{background:var(--fx-muted)!important;font-weight:800}body.flux-studio .table .btn_serv{font-size:10px;padding:7px 10px;white-space:nowrap}
body.flux-studio .ordStatus{border-radius:4px!important;color:#172018!important;font-size:11px!important;font-weight:800!important;min-width:90px!important}body.flux-studio .ordStatus span{color:#172018!important}body.flux-studio .dropdown-menu{background:var(--fx-card);color:var(--fx-ink);border:1px solid var(--fx-line);box-shadow:0 10px 24px #10181026;padding:8px;max-height:350px;overflow:auto}body.flux-studio .dropdown-item{color:var(--fx-ink);border-radius:4px;font-size:12px;padding:9px 12px}body.flux-studio .dropdown-item:hover{background:var(--fx-muted)}body.flux-studio .modal-content{background:var(--fx-card);color:var(--fx-ink)}body.flux-studio .form-group{margin-bottom:16px}body.flux-studio .form-group label{font-size:11px;font-weight:750;color:var(--fx-ink);margin-bottom:8px}body.flux-studio :is(.alert,.nav-pills .nav-link){border-radius:4px}body.flux-studio .modal-backdrop{z-index:1100}
/* login / public pages: a true split-screen layout */
body.flux-studio.flux-public{background:var(--fx-paper)!important}body.flux-studio .fx-public-top{position:relative;z-index:1050}body.flux-studio .fx-public-links{margin-left:auto;display:flex;align-items:center;gap:28px}body.flux-studio .fx-public-links>a{font-size:12px;font-weight:750;color:#c0c9c0}body.flux-studio .fx-public-links>a:hover{color:var(--fx-lime)}body.flux-studio .fx-public-links>.fx-public-signin{color:#fff}body.flux-studio .fx-public-links>.fx-public-join{color:#1a231b!important;background:var(--fx-lime);border-radius:4px;padding:12px 17px}body.flux-studio .fx-public-join span{font-size:17px;margin-left:8px}
body.flux-studio .fx-public-main{padding:24px clamp(22px,3.5vw,72px) 60px}body.flux-studio .fx-login-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:640px;border-radius:5px;overflow:hidden;border:1px solid var(--fx-line)}body.flux-studio .fx-login-story{position:relative;background:#1d271e;color:white;padding:75px clamp(30px,5vw,80px) 50px;min-height:640px;overflow:hidden;display:flex;align-items:flex-start;flex-direction:column}body.flux-studio .fx-login-story h1{font:650 clamp(72px,8vw,145px)/.88 'Space Grotesk',Arial,sans-serif;letter-spacing:-.095em;margin:25px 0 27px}body.flux-studio .fx-login-story h1 em{font-style:normal;color:var(--fx-lime)}body.flux-studio .fx-login-story>p{max-width:370px;font-size:13px;color:#b7c4b3;line-height:1.75}body.flux-studio .fx-login-art{position:absolute;right:-55px;bottom:39px;width:280px;height:250px;display:grid;place-items:center;opacity:.75}body.flux-studio .fx-art-giant{width:230px;height:230px;border-radius:50%;background:var(--fx-lime);color:#1b231e;font:400 225px/1 'Space Grotesk',Arial,sans-serif;display:grid;place-items:center;padding-bottom:30px;transform:rotate(-20deg)}body.flux-studio .fx-login-art span{position:absolute;top:0;right:0;letter-spacing:.18em;font-size:8px;font-weight:800;color:#d7e8d4}body.flux-studio .fx-login-story-foot{margin-top:auto;display:flex;flex-direction:column;gap:5px;z-index:2;color:#b6c5b4;font-size:9px;font-weight:800;letter-spacing:.14em}
body.flux-studio .fx-login-side{background:var(--fx-card);display:grid;place-items:center;padding:50px clamp(24px,4vw,66px)}body.flux-studio .fx-login-card{width:min(100%,420px)}body.flux-studio .fx-login-card h2{font:650 clamp(33px,3.8vw,49px)/1.04 'Space Grotesk',Arial,sans-serif;margin:20px 0 12px}body.flux-studio .fx-login-card>p{color:var(--fx-dim);font-size:12px;margin-bottom:38px}body.flux-studio .fx-login-card>p a{font-weight:800;color:var(--fx-ink);border-bottom:1px solid currentColor}body.flux-studio .fx-login-card .fx-field{margin-bottom:20px}body.flux-studio .fx-login-card .fx-field label{font-size:10px}body.flux-studio .fx-remember{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 20px;font-size:11px;color:var(--fx-dim)}body.flux-studio .fx-remember label{display:flex;align-items:center;gap:7px}body.flux-studio .fx-remember a{color:var(--fx-ink);font-weight:750}body.flux-studio .fx-login-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--fx-line);font-size:10px;font-weight:850;letter-spacing:.11em;display:flex;justify-content:space-between;color:var(--fx-dim)}body.flux-studio .fx-login-bottom a{color:var(--fx-ink)}body.flux-studio .fx-login-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--fx-line);margin-top:15px;background:var(--fx-card)}body.flux-studio .fx-login-links>div{display:flex;flex-direction:column;padding:23px;gap:6px;border-right:1px solid var(--fx-line)}body.flux-studio .fx-login-links>div:last-child{border-right:0}body.flux-studio .fx-login-links b{font-size:10px;letter-spacing:.1em;color:var(--fx-dim)}body.flux-studio .fx-login-links strong{font:650 17px 'Space Grotesk'}body.flux-studio .fx-login-links span{font-size:11px;color:var(--fx-dim)}body.flux-studio .nova-footer{background:#161b18;color:#b8c3b7;padding:22px clamp(22px,3.5vw,72px);font-size:11px}body.flux-studio .nova-footer-inner{display:flex;justify-content:space-between;gap:16px}body.flux-studio .nova-footer a{margin-left:18px}
/* public pages still using original HTML structure */
body.flux-studio.flux-public #content:not(.fx-public-main),body.flux-studio.flux-public main:not(.fx-public-main){max-width:1550px;margin:0 auto;padding:35px clamp(22px,3.5vw,72px)}body.flux-studio.flux-public #page_banner{background:#1d271e;color:#fff;padding:35px;border-radius:5px}body.flux-studio.flux-public #page_banner h1{color:#fff;font-size:clamp(36px,5vw,65px)}body.flux-studio.flux-public #page_banner p{color:#d1d9cb}body.flux-studio.flux-public .btn-primary{background:var(--fx-lime)!important;color:#1b231b!important}
/* responsive: mobile collapses horizontal nav into bottom dock + drawer */
body.flux-studio .fx-overlay{display:none}
@media (max-width:1320px){body.flux-studio .fx-top{gap:14px;padding-left:25px;padding-right:25px}body.flux-studio .fx-nav-link{padding:10px 9px;font-size:10.5px}body.flux-studio .fx-brand-copy small{font-size:7px}body.flux-studio .fx-brand-copy strong{font-size:15px}body.flux-studio .fx-wallet{min-width:115px}}
@media (max-width:1100px){body.flux-studio .fx-nav{position:fixed;left:-310px;top:0;bottom:0;z-index:1070;width:280px;max-width:86vw;height:100dvh;overflow:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:100px 17px 30px;background:#1c251e;box-shadow:12px 0 45px #0003;transition:left .2s ease}body.flux-studio.fx-nav-open .fx-nav{left:0}body.flux-studio .fx-nav-link{padding:14px;font-size:13px;justify-content:flex-start}body.flux-studio .fx-drawer-only{display:flex;flex-direction:column;gap:12px;margin-top:15px;border-top:1px solid #435044;padding-top:20px}body.flux-studio .fx-drawer-only a{color:#edf1eb;font-size:13px}body.flux-studio .fx-menu-button{display:flex}body.flux-studio .fx-overlay{position:fixed;inset:0;background:#121a1680;z-index:1055}body.flux-studio.fx-nav-open .fx-overlay{display:block}body.flux-studio .fx-public-links{position:absolute;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;background:#1b221c;border:1px solid #3e4e40;padding:19px;width:220px;box-shadow:0 18px 40px #0003}body.flux-studio .fx-public-links.is-open{display:flex}body.flux-studio .fx-public-links a{padding:8px 0}body.flux-studio .fx-public-links .fx-public-join{padding:14px}}
@media (max-width:780px){body.flux-studio .fx-top{height:70px;padding:0 18px}body.flux-studio .fx-brand-copy strong{font-size:17px}body.flux-studio .fx-brand-copy small{font-size:7px}body.flux-studio .fx-logomark{width:39px;height:39px;flex-basis:39px}body.flux-studio .fx-mode-btn,body.flux-studio .fx-user,body.flux-studio .fx-currency{display:none}body.flux-studio .fx-wallet{min-width:0;padding:4px 6px;background:none;border:0;gap:7px}body.flux-studio .fx-wallet-symbol{width:30px;height:30px;font-size:18px}body.flux-studio .fx-wallet small{font-size:7px}body.flux-studio .fx-wallet strong{font-size:12px}body.flux-studio .fx-context{height:39px;padding:0 17px}body.flux-studio .fx-context-right{display:none}body.flux-studio .fx-page{padding:14px 15px 95px}body.flux-studio .fx-intro{grid-template-columns:1fr;min-height:0}body.flux-studio .fx-intro-main{padding:35px 26px 28px;min-height:275px}body.flux-studio .fx-intro h1{font-size:clamp(54px,10vw,82px);margin:15px 0 12px}body.flux-studio .fx-intro-art{min-height:150px;overflow:hidden}body.flux-studio .fx-art-outline{width:250px;height:250px;top:50%;left:65%}body.flux-studio .fx-art-disc{width:145px;height:145px}body.flux-studio .fx-art-core{font-size:145px;margin-top:-27px}body.flux-studio .fx-intro-bottom{height:32px}body.flux-studio .fx-art-caption-top{top:17px}body.flux-studio .fx-art-caption-bottom{display:none}body.flux-studio .fx-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.flux-studio .fx-stat-strip>div{padding:18px}body.flux-studio .fx-stat-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--fx-line)}body.flux-studio .fx-stat-strip>div:nth-child(4){border-top:1px solid var(--fx-line)}body.flux-studio .fx-stat-strip strong{font-size:20px}body.flux-studio .fx-platforms,body.flux-studio .fx-builder,body.flux-studio .fx-shortcuts{margin-top:34px}body.flux-studio .fx-section-heading h2{font-size:29px}body.flux-studio .fx-build-grid{grid-template-columns:1fr}body.flux-studio .fx-workflow{display:none}body.flux-studio .fx-short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.flux-studio .fx-dashboard-stat{grid-template-columns:1fr}body.flux-studio .fx-dstat{min-height:120px}body.flux-studio .fx-login-wrap{grid-template-columns:1fr}body.flux-studio .fx-login-story{min-height:300px;padding:35px 26px}body.flux-studio .fx-login-story h1{font-size:72px}body.flux-studio .fx-login-art{right:0;bottom:-60px;opacity:.38}body.flux-studio .fx-login-side{padding:35px 24px}body.flux-studio .fx-public-main{padding:15px 15px 40px}body.flux-studio .fx-login-links{grid-template-columns:1fr}body.flux-studio .fx-login-links>div{border-right:0;border-bottom:1px solid var(--fx-line)}body.flux-studio .pr-page-strip{padding:22px;display:block}body.flux-studio .pr-page-strip h2{font-size:28px}body.flux-studio .pr-page-strip a{margin-top:12px;display:inline-flex}body.flux-studio.flux-auth #content:not(.fx-page){padding:15px 15px 95px}body.flux-studio .fx-endline span:last-child{display:none}body.flux-studio .fx-short{min-height:165px;padding:16px}body.flux-studio .fx-short strong{font-size:22px}
/* Mobile route dock: no fake app tabs; every action links to a real page */
body.flux-studio.flux-auth .fx-mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1040;min-height:66px;background:#1b241c;border-top:1px solid #526053;justify-content:space-around;padding:7px 5px calc(7px + env(safe-area-inset-bottom))}body.flux-studio .fx-mobile-dock a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#9fada0;font-size:9px;font-weight:800;min-width:55px}body.flux-studio .fx-mobile-dock a.is-active{color:var(--fx-lime)}body.flux-studio .fx-mobile-dock svg{width:18px;height:18px}body.flux-studio.flux-auth .fx-main{padding-bottom:90px!important}}
@media (min-width:781px){body.flux-studio .fx-mobile-dock{display:none}}
@media (max-width:430px){body.flux-studio .fx-top{gap:6px;padding:0 12px}body.flux-studio .fx-brand{gap:8px}body.flux-studio .fx-brand-copy strong{font-size:14px;max-width:121px}body.flux-studio .fx-brand-copy small{font-size:5.5px;letter-spacing:.1em}body.flux-studio .fx-wallet strong{font-size:11px}body.flux-studio .fx-wallet small{font-size:7px}body.flux-studio .fx-top-actions{gap:4px}body.flux-studio .fx-menu-button{width:33px;height:33px}body.flux-studio .fx-intro h1{font-size:clamp(48px,13.5vw,67px)}body.flux-studio .fx-intro p{font-size:12px}body.flux-studio .fx-art-outline{left:62%}body.flux-studio .fx-section-heading{align-items:start}body.flux-studio .fx-arrow-link{font-size:9px}body.flux-studio .fx-card-top,body.flux-studio .fx-card-body{padding:21px 18px}body.flux-studio .fx-info-footer{padding:16px 18px}body.flux-studio .fx-chip-track{margin-right:-15px;padding-right:15px}body.flux-studio .fx-stat-strip>div{padding:16px 12px}body.flux-studio .fx-stat-strip strong{font-size:17px}body.flux-studio .fx-stat-strip small{font-size:8px}}
@media (prefers-reduced-motion:reduce){body.flux-studio *,body.flux-studio *::before,body.flux-studio *::after{scroll-behavior:auto!important;transition:none!important}}

/* no web-font fallback regression */
body.flux-studio .fx-intro :is(h1,h2),body.flux-studio .fx-login-story h1,body.flux-studio .fx-stat-strip strong,body.flux-studio .fx-section-heading h2,body.flux-studio .fx-card-top h3,body.flux-studio .fx-short strong,body.flux-studio .fx-empty strong,body.flux-studio .fx-login-card h2,body.flux-studio .fx-login-links strong,body.flux-studio .fx-login-links h2{font-family:'Space Grotesk',Arial,sans-serif!important}
@media(max-width:780px){body.flux-studio .fx-art-caption-top{right:15px;top:12px}body.flux-studio .fx-intro-art{min-height:176px}body.flux-studio .fx-intro-bottom{z-index:2;background:#1b211cc7}}
/* custom wallet flow: visually distinct from old payment template */
body.flux-studio .fx-funds-hero{background:#1e281f;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);min-height:260px;border-radius:5px;overflow:hidden}
body.flux-studio .fx-funds-hero>div:first-child{padding:35px clamp(25px,4vw,70px)}body.flux-studio .fx-funds-hero h1{font:650 clamp(52px,6vw,83px)/.94 'Space Grotesk',Arial,sans-serif;letter-spacing:-.082em;margin:15px 0;color:#fff}body.flux-studio .fx-funds-hero h1 em{font-style:normal;color:var(--fx-lime)}body.flux-studio .fx-funds-hero p{max-width:380px;font-size:12px;color:#bbc8b5;line-height:1.65;margin:0}
body.flux-studio .fx-funds-balance{background:var(--fx-lime);color:#1a221a;padding:34px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}body.flux-studio .fx-funds-icon{font:600 47px/.9 'Space Grotesk',Arial,sans-serif}body.flux-studio .fx-funds-balance small{font-size:10px;font-weight:850;letter-spacing:.16em}body.flux-studio .fx-funds-balance strong{font:650 clamp(34px,3.7vw,60px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere}body.flux-studio .fx-funds-balance>a{font-size:10px;font-weight:850;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:3px}
body.flux-studio .fx-funds-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:19px;margin-top:19px}body.flux-studio .fx-payment-step{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:850;letter-spacing:.12em;color:var(--fx-dim);margin:0 0 23px}body.flux-studio .fx-payment-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--fx-line);color:var(--fx-ink)}body.flux-studio .fx-payments-panel .table{min-width:480px}body.flux-studio .fx-payments-panel .table th{color:#dfe9d7!important;font-size:10px}body.flux-studio .fx-payments-panel .table .fx-no-payments{text-align:center;color:var(--fx-dim)!important;padding:28px}body.flux-studio .fx-funds-layout .fx-card-body{padding:26px}
@media(max-width:780px){body.flux-studio .fx-funds-hero{grid-template-columns:1fr}body.flux-studio .fx-funds-hero>div:first-child{padding:30px 25px}body.flux-studio .fx-funds-balance{padding:25px;gap:8px}body.flux-studio .fx-funds-balance strong{font-size:38px}body.flux-studio .fx-funds-layout{grid-template-columns:1fr}body.flux-studio .fx-funds-layout .fx-card-body{padding:20px}}
body.flux-studio .fx-catalog-hero{display:grid;grid-template-columns:1fr minmax(250px,.43fr);background:#202920;color:#fff;min-height:310px;border-radius:5px;overflow:hidden}body.flux-studio .fx-catalog-hero>div:first-child{padding:34px clamp(26px,4vw,70px) 37px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body.flux-studio .fx-catalog-hero h1{font:650 clamp(52px,5.7vw,86px)/.95 'Space Grotesk',Arial,sans-serif;letter-spacing:-.079em;margin:15px 0 14px;color:#fff}body.flux-studio .fx-catalog-hero h1 em{color:var(--fx-lime);font-style:normal}body.flux-studio .fx-catalog-hero p{max-width:450px;font-size:12px;line-height:1.7;color:#bac8ba;margin:0 0 19px}body.flux-studio .fx-catalog-art{display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#364530 0%,#202920 70%)}body.flux-studio .fx-catalog-rings{height:235px;width:235px;display:grid;place-items:center;border-radius:50%;border:1px dashed #a9c1a54d;box-shadow:0 0 0 43px #d4fcb009,0 0 0 89px #d4fcb009}body.flux-studio .fx-catalog-rings span{height:160px;width:160px;display:grid;place-items:center;border-radius:50%;background:var(--fx-lime);color:#1c251b;font:700 105px 'Space Grotesk',Arial,sans-serif;transform:rotate(18deg)}body.flux-studio .fx-catalog-art small{position:absolute;bottom:25px;right:20px;color:#c4d4c4;font-size:9px;font-weight:800;letter-spacing:.16em}body.flux-studio .fx-catalog-layout{margin-top:37px}body.flux-studio .fx-catalog-filters{display:flex;align-items:center;gap:12px;border:1px solid var(--fx-line);padding:14px;background:var(--fx-card);margin-bottom:15px;border-radius:5px}body.flux-studio .fx-category-dropdown{min-width:260px;max-width:100%}body.flux-studio .fx-category-dropdown>.btn{width:100%;background:var(--fx-soft);border:1px solid var(--fx-line);color:var(--fx-ink);display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 15px;border-radius:4px;font-size:11px}body.flux-studio .fx-category-dropdown>.btn span:first-child{color:var(--fx-dim);font-size:9px;letter-spacing:.07em}body.flux-studio .fx-category-dropdown>.btn strong{font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.flux-studio .fx-category-dropdown .dropdown-menu{max-height:350px;overflow:auto}body.flux-studio .fx-catalog-search{display:flex;flex:1;min-width:0;gap:8px}body.flux-studio .fx-catalog-search input{flex:1;min-width:0}body.flux-studio .fx-catalog-search button{border:0;background:#253426;color:var(--fx-lime);width:50px;flex:0 0 50px;border-radius:4px;font-size:22px}body.flux-studio .fx-catalog-table{border-radius:5px;border:1px solid var(--fx-line);background:var(--fx-card)}body.flux-studio .fx-catalog-table .table{margin:0;min-width:760px}body.flux-studio .fx-catalog-table .table tbody tr.services-list-category-title td{background:var(--fx-muted)!important;color:var(--fx-ink)!important;padding:13px 15px!important;font-size:12px}body.flux-studio .fx-service-details{background:var(--fx-lime);color:#1f251f;border:0;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:.07em;border-radius:3px;white-space:nowrap}body.flux-studio .fx-public-currency .btn{padding:12px 14px;border:1px solid var(--fx-line);background:var(--fx-soft);color:var(--fx-ink);border-radius:4px}
@media(max-width:780px){body.flux-studio .fx-catalog-hero{grid-template-columns:1fr}body.flux-studio .fx-catalog-hero>div:first-child{padding:35px 25px}body.flux-studio .fx-catalog-hero h1{font-size:clamp(45px,11.5vw,70px)}body.flux-studio .fx-catalog-art{min-height:105px}body.flux-studio .fx-catalog-rings{height:100px;width:100px;margin:7px}body.flux-studio .fx-catalog-rings span{height:70px;width:70px;font-size:52px}body.flux-studio .fx-catalog-art small{bottom:12px}body.flux-studio .fx-catalog-filters{flex-direction:column;align-items:stretch}body.flux-studio .fx-category-dropdown{width:100%}body.flux-studio .fx-catalog-search{width:100%}}
body.flux-studio .fx-empty-orders{text-align:center!important;padding:36px!important;color:var(--fx-dim)!important}body.flux-studio .fx-empty-orders a{color:#52773c!important;font-weight:850;border-bottom:1px solid currentColor}body.flux-studio #orders_filter .btn-default{min-height:49px;min-width:48px;border-radius:0 4px 4px 0!important}body.flux-studio .pr-page-strip{position:relative;overflow:hidden}body.flux-studio .pr-page-strip::after{content:'↗';position:absolute;right:23%;top:-115px;font:400 250px 'Space Grotesk',Arial,sans-serif;color:#d6fb6014;pointer-events:none}body.flux-studio .pr-page-strip>*{z-index:1;position:relative}