@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&display=swap";.luxury-breakdown{background:#181818;border:1.5px solid #C9A84C;border-radius:14px;box-shadow:0 2px 24px #000a;margin-top:18px;margin-bottom:18px;padding:22px 18px 18px}.luxury-breakdown .row-label{font-family:var(--font);font-size:1em}.luxury-breakdown .row-value{font-family:var(--mono);font-size:1.08em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #ffffff;--gold: #C9A84C;--gold-lt: #e8c97a;--grey-1: #111111;--grey-2: #1a1a1a;--grey-3: #2a2a2a;--grey-4: #3a3a3a;--grey-5: #666666;--grey-6: #999999;--grey-7: #cccccc;--green: #1a6b2a;--green-lt:#d4f0da;--red: #8b1a1a;--red-lt: #fce8e8;--blue: #1a3a6b;--blue-lt: #e8f0fc;--radius: 10px;--radius-sm: 6px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}html{font-size:16px}body{font-family:var(--font);background:var(--grey-1);color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:max-width .3s ease}.app.desktop-mode{max-width:960px}.view-toggle-btn{position:fixed;bottom:18px;right:18px;z-index:1000;background:#1a1a1a;border:1px solid #C9A84C;color:#c9a84c;border-radius:20px;padding:7px 14px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #0008;letter-spacing:.5px}body{overflow-x:hidden}.app-header{background:var(--black);border-bottom:1px solid var(--grey-3);padding:16px 20px;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:baseline;gap:10px}.logo{display:flex;align-items:center;gap:8px;box-shadow:0 0 0 4px #fff,0 2px 16px #222;background:#111;border-radius:20px;transition:transform .7s cubic-bezier(.4,2,.6,1),box-shadow .3s;animation:logo-spin 2.2s cubic-bezier(.4,2,.6,1)}.logo:hover{transform:rotate(18deg) scale(1.08);box-shadow:0 0 0 6px #fff,0 4px 32px #222}@keyframes logo-spin{0%{transform:rotate(-30deg) scale(.7);opacity:0}60%{transform:rotate(12deg) scale(1.1);opacity:1}to{transform:rotate(0) scale(1);opacity:1}}.logo-mark{font-family:var(--mono);font-size:13px;font-weight:500;background:var(--gold);color:var(--black);padding:3px 8px;border-radius:var(--radius-sm);letter-spacing:1px}.logo-text{font-size:16px;font-weight:600;color:var(--white)}.logo-sub{font-size:12px;color:var(--grey-5);font-family:var(--mono)}.tab-nav{background:#0d0d0d;border-bottom:1px solid rgba(201,168,76,.15);padding:10px 16px}.tab-nav.dropdown-nav{display:flex;justify-content:flex-start;position:relative;z-index:200}.dropdown-container{position:relative;min-width:200px}.dropdown-toggle{padding:7px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .18s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:space-between}.dropdown-toggle:hover{background:#c9a84c14;border-color:#c9a84c4d;color:#fffc}.dropdown-arrow{display:inline-block;transition:transform .2s ease;font-size:10px}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#0d0d0dfa;border:1px solid rgba(201,168,76,.3);border-top:none;border-radius:0 0 8px 8px;margin-top:-1px;z-index:500;box-shadow:0 8px 24px #000000b3;overflow:hidden}.dropdown-item{display:block;width:100%;padding:10px 18px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffff73;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;text-align:left;transition:all .12s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#c9a84c14;color:#fffc}.dropdown-item.active{background:#c9a84c1f;border-left:3px solid #C9A84C;padding-left:15px;color:#c9a84c}.main-content{flex:1;padding:16px;overflow-y:auto}.loading{text-align:center;padding:40px;color:var(--grey-5);font-size:14px}.card{background:var(--grey-2);border:1px solid var(--grey-3);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-title{font-size:11px;font-weight:500;color:var(--grey-5);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--grey-3)}.row:last-child{border-bottom:none}.row-label{font-size:14px;color:var(--white)}.row-hint{font-size:12px;color:var(--grey-5);margin-top:2px}.row-value{font-size:14px;color:var(--white);font-family:var(--mono)}.input-num{width:80px;max-width:100%;padding:7px 10px;background:var(--grey-3);border:1px solid var(--grey-4);border-radius:var(--radius-sm);color:var(--white);font-family:var(--mono);font-size:14px;text-align:right;outline:none;transition:border-color .15s;box-sizing:border-box}.input-num:focus{border-color:#fff}.input-text{width:160px;max-width:100%;padding:7px 10px;background:var(--grey-3);border:1px solid var(--grey-4);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font);font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.input-text:focus{border-color:#fff}.select{padding:7px 10px;background:var(--grey-3);border:1px solid var(--grey-4);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font);font-size:13px;outline:none;cursor:pointer}.select:focus{border-color:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--mono);margin-left:6px}.badge-vip,.badge-std,.badge-club,.badge-ph1,.badge-ph2{background:#222;color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.metric{background:var(--grey-3);border-radius:var(--radius-sm);padding:12px 10px}.metric-label{font-size:11px;color:var(--grey-5);margin-bottom:6px}.metric-value{font-size:18px;font-weight:500;font-family:var(--mono);color:var(--white)}.metric-sub{font-size:10px;color:var(--grey-6);margin-top:3px}.payout-block{background:var(--grey-2);border:1px solid var(--grey-3);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.payout-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--grey-3)}.payout-row:last-child{border-bottom:none}.payout-name{font-size:14px;font-weight:500;color:var(--white)}.payout-role{font-size:12px;color:var(--grey-5);margin-top:2px}.payout-amt{font-size:16px;font-weight:500;font-family:var(--mono);color:var(--white)}.payout-timi{background:var(--grey-1);border-top:1px solid #fff}.payout-timi .payout-amt{font-size:22px;color:#fff}.total-bar{background:#fff;border-radius:var(--radius);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.total-bar .lbl{font-size:13px;color:#111;font-weight:500}.total-bar .amt{font-size:20px;font-weight:600;color:#111;font-family:var(--mono)}.prog-wrap{background:var(--grey-3);border-radius:4px;height:8px;overflow:hidden;margin:8px 0}.prog-fill{height:100%;background:#fff;border-radius:4px;transition:width .4s ease}.prog-fill.full{background:#2ecc71}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px;border:1px solid}.alert-warn{background:#2a2000;color:#f0c060;border-color:#3a3000}.alert-info{background:#001a2a;color:#60b0f0;border-color:#002a3a}.alert-success{background:#002a10;color:#60f090;border-color:#003a18}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid}.btn-primary{background:var(--gold);color:var(--black);border-color:var(--gold)}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--grey-6);border-color:var(--grey-4)}.btn-ghost:hover{color:var(--white);border-color:var(--grey-5)}.btn-danger{background:transparent;color:#f06060;border-color:#3a1a1a;font-size:12px;padding:6px 14px}.flex-end{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.log-item{padding:12px 16px;border-bottom:1px solid var(--grey-3);display:flex;justify-content:space-between;align-items:flex-start}.log-item:last-child{border-bottom:none}.log-name{font-size:14px;font-weight:500;color:var(--white)}.log-meta{font-size:12px;color:var(--grey-5);margin-top:3px}.log-timi{font-size:16px;font-weight:500;font-family:var(--mono);color:var(--gold);text-align:right}.log-date{font-size:11px;color:var(--grey-6);margin-top:3px}.section-title{font-size:11px;font-weight:500;color:var(--grey-5);text-transform:uppercase;letter-spacing:.8px;padding:14px 16px 10px;border-bottom:1px solid var(--grey-3)}.float-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--grey-3);align-items:flex-start}.float-step:last-child{border-bottom:none}.float-num{width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--black);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--mono)}.float-text{font-size:14px;color:var(--white);line-height:1.5}.float-sub{font-size:12px;color:var(--grey-5);margin-top:3px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--grey-1)}::-webkit-scrollbar-thumb{background:var(--grey-4);border-radius:2px}.header{background:#0d0d0d;border-bottom:1px solid rgba(201,168,76,.25);padding:18px 28px 12px;position:sticky;top:0;z-index:101;box-shadow:0 2px 24px #0009}.headerTop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.brandBlock{display:flex;align-items:center;gap:14px}.brandLogo{width:46px;height:46px;border-radius:10px;object-fit:contain;flex-shrink:0;box-shadow:0 0 14px #c9a84c59;background:#181818;padding:4px;border:1px solid rgba(201,168,76,.3)}.brandTextGroup{display:flex;flex-direction:column;gap:2px}.brandTitle{font-size:22px;font-weight:800;color:#fff;letter-spacing:.3px;line-height:1.1}.brandBy{font-weight:400;color:#c9a84c;font-style:italic}.brandTagline{font-size:11px;color:#fff6;letter-spacing:1.5px;text-transform:uppercase}.headerMeta{display:flex;align-items:center;gap:10px;font-size:13px}.headerContact{color:#ffffffa6;font-family:var(--mono);letter-spacing:.5px}.headerDivider{color:#c9a84c66;font-size:18px}.headerLink{color:#c9a84c;text-decoration:none;font-weight:600;letter-spacing:.3px;transition:color .2s}.headerLink:hover{color:#e6c46a}.headerSub{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#ffffff59;letter-spacing:.5px;text-align:center}.contactInfo{font-size:12px;color:var(--grey-6);font-family:var(--mono)}.machinePreview{background:var(--grey-2);border:1px solid var(--grey-3);border-radius:var(--radius);padding:20px;margin-bottom:16px}.machinePreview h2{font-size:16px;font-weight:600;color:var(--white);margin-bottom:16px;letter-spacing:.5px}.machineGrid{display:flex;justify-content:center;align-items:center;gap:16px}.machineImg{width:100%;max-width:200px;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:12px;border:2px solid var(--grey-3);transition:all .3s ease;cursor:pointer;display:block}.machineImg:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 28px #c9a84c33}*{min-width:0}.header-user-email{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}@media (max-width: 420px){.metric-value{font-size:14px}.metric-label{font-size:10px}.metric{padding:10px 6px}.row{flex-wrap:wrap;gap:6px}.row-label,.row-hint{flex:1 1 100%}.input-num{width:100%;text-align:left}.input-text{width:100%}.select{width:100%;max-width:100%;font-size:12px}.log-meta{font-size:11px;word-break:break-word}.log-name,.log-timi{font-size:13px}.flex-end{flex-wrap:wrap}.flex-end .btn{flex:1 1 auto;text-align:center}.section-title{font-size:10px;padding:10px 12px 8px}.card{padding:12px}.payout-row{flex-wrap:wrap;gap:4px;padding:10px 12px}.payout-amt{font-size:14px}.payout-timi .payout-amt{font-size:18px}.total-bar .amt{font-size:16px}.total-bar .lbl{font-size:12px}}@media (max-width: 360px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-label{display:none}.metric-value{font-size:13px}}