:root{--gold: #c9a84c;--gold2: #f0d878;--gold3: #7a5010;--gold4: #e8c060;--bg: #050401;--bg2: #0c0a02;--bg3: #111000;--bg4: #181400;--border: #c9a84c1a;--border2: #c9a84c44;--border3: #c9a84c66;--text: #f2e8a0;--text2: #c8a860;--text3: #8a6a30;--text4: #5a4020;--red: #e05555;--green: #4cc44c;--blue: #5a9ae0;--purple: #b080c8;--orange: #e0a050}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);font-family:Inter,sans-serif;color:var(--text);line-height:1.5;font-size:13px;-webkit-font-smoothing:antialiased}.db{padding:22px;max-width:1200px;margin:0 auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.card{background:linear-gradient(160deg,#0e0b02,#080600);border:.5px solid var(--border2);border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold3),transparent)}.card-hi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 20%,rgba(201,168,76,.03),transparent 70%)}.orn{display:flex;align-items:center;gap:6px;margin-bottom:18px}.orn-line{flex:1;height:.5px}.orn-line.l{background:linear-gradient(90deg,transparent,var(--gold3))}.orn-line.r{background:linear-gradient(90deg,var(--gold3),transparent)}.orn-d{width:5px;height:5px;background:var(--gold3);transform:rotate(45deg);flex-shrink:0}.orn-d.sm{width:3px;height:3px;opacity:.5}.sec-label{font-family:Playfair Display,serif;font-size:10px;letter-spacing:3px;color:var(--text2);white-space:nowrap;font-weight:500}.header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;padding:40px 30px 20px;position:relative;border-radius:16px;overflow:hidden;background-size:cover;background-position:center}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#050401eb,#050401bf 50%,#050401eb)}.header>*{position:relative;z-index:1}.logo-name{font-family:Playfair Display,serif;font-size:34px;font-weight:700;letter-spacing:6px;background:linear-gradient(180deg,#fff8e0,#f0d878 30%,#c9a84c 60%,#a07020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;filter:drop-shadow(0 2px 8px rgba(201,168,76,.15))}.logo-tag{font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:6px;color:var(--text2);margin-top:6px}.hdate{font-family:Playfair Display,serif;font-size:14px;color:var(--gold);text-align:right;font-weight:400}.htime{font-family:Inter,sans-serif;font-size:11px;color:var(--text3);text-align:right;margin-top:2px;letter-spacing:4px;font-weight:300}.type-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.5px solid #ffffff05}.type-row:last-of-type{border-bottom:none}.type-name{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:var(--gold);width:38px;flex-shrink:0}.type-name-vip{color:#d4af6a}.bar-track{flex:1;height:4px;background:#1e1800;border-radius:2px}.bar-fill{height:4px;border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.type-right{display:flex;align-items:baseline;gap:12px;min-width:165px;justify-content:flex-end}.type-count{font-family:Inter,sans-serif;font-size:18px;font-weight:500;color:var(--gold)}.type-rev-vip{color:#d4af6a!important}.type-total-row{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-top:4px;border-top:.5px solid var(--border2)}.type-total-lbl{font-family:Playfair Display,serif;font-size:10px;letter-spacing:3px;color:var(--text2);font-weight:500}.type-total-val{font-family:Inter,sans-serif;font-size:32px;font-weight:600;color:var(--gold2)}.pay-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pay-amt{font-family:Inter,sans-serif;font-size:20px;font-weight:500;color:var(--gold);min-width:95px;text-align:right;line-height:1}.suite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:2px 2px 10px}.suite-card{background:#0a0800;border:.5px solid var(--border);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden;width:100%}.suite-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--border3),transparent)}.suite-name{font-family:Playfair Display,serif;font-size:14px;font-weight:600;color:var(--gold);margin-bottom:4px}.suite-unit{font-size:10px;color:var(--text2);margin-bottom:10px}.suite-rev-lbl{font-size:10px;letter-spacing:2px;color:var(--text2);margin-bottom:4px;font-weight:500}.suite-rev{font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:1}.suite-bar-track{height:3px;background:#1e1800;border-radius:2px;margin-top:10px}.suite-bar-fill{height:3px;border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.ctry-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:.5px solid #ffffff05}.ctry-row:last-child{border-bottom:none}.ctry-rank{font-family:Inter,sans-serif;font-size:13px;font-weight:500;font-style:italic;color:var(--text4);width:22px}.ctry-flag{font-size:16px;width:28px;text-align:center}.ctry-name{font-size:13px;color:var(--text2);min-width:70px;font-weight:300}.ctry-bar-w{flex:1;height:4px;background:#1e1800;border-radius:2px}.ctry-bar{height:4px;border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.ctry-val{font-family:Playfair Display,serif;font-size:21px;color:var(--gold);min-width:90px;text-align:right;line-height:1}.mem-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);border:.5px solid var(--border2);border-radius:12px;overflow:hidden;margin-bottom:16px}.mem-kpi{text-align:center;padding:14px 8px;border-right:.5px solid var(--border)}.mem-kpi:last-child{border-right:none}.mem-kpi-big{font-family:Inter,sans-serif;font-size:36px;font-weight:600;color:var(--gold2);line-height:1}.mem-kpi-lbl{font-size:11px;letter-spacing:2px;color:var(--text2);margin-top:6px}.mem-revenue-box{background:#0d0b00;border:.5px solid var(--border2);border-radius:12px;padding:14px 16px;margin-bottom:14px}.mem-rev-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.mem-rev-lbl{font-family:Playfair Display,serif;font-size:10px;letter-spacing:3px;color:var(--text2);font-weight:500}.mem-rev-val{font-family:Inter,sans-serif;font-size:28px;font-weight:600;color:var(--gold2);line-height:1}.mem-detail-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:.5px solid #ffffff05}.mem-detail-row:last-child{border-bottom:none}.mem-detail-key{font-size:13px;color:var(--text)}.mem-detail-val{font-family:Inter,sans-serif;font-size:17px;font-weight:500;color:var(--gold)}.topup-box{background:#0a0800;border:.5px solid #c9a84c33;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.topup-box:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold4) 55%,transparent)}.topup-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.topup-lbl{font-family:Playfair Display,serif;font-size:10px;letter-spacing:3px;color:var(--text2);font-weight:500}.topup-total{font-family:Inter,sans-serif;font-size:26px;font-weight:600;color:var(--gold2);line-height:1}.topup-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:.5px solid #ffffff05}.topup-row:last-child{border-bottom:none}.topup-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.topup-name{font-size:13px;color:var(--text);flex:1}.topup-bar-w{width:70px}.topup-bar-track{height:3px;background:#1e1800;border-radius:2px}.topup-bar-fill{height:3px;border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.topup-amt{font-family:Inter,sans-serif;font-size:15px;font-weight:500;min-width:75px;text-align:right;line-height:1}.summary{margin-top:16px;position:relative;border-radius:18px;border:.5px solid var(--gold3);overflow:hidden;background:linear-gradient(135deg,#140f00,#0a0800 40%,#0f0c00)}.summary:before{content:"BLACK CAVIAR";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Playfair Display,serif;font-size:80px;color:#c9a84c04;white-space:nowrap;pointer-events:none;letter-spacing:16px}.sum-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold3),var(--gold2),var(--gold3),transparent)}.sum-body{display:flex;flex-direction:column;align-items:center;padding:28px 30px;gap:14px}.sum-lbl{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:5px;color:var(--text2)}.sum-big{font-family:Inter,sans-serif;font-size:60px;font-weight:600;color:var(--gold2);line-height:1;text-shadow:0 0 40px #c9a84c18}.sum-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 12px;border-radius:20px}.tag-g{background:#0a220a;color:var(--green);border:.5px solid #1a4a1a55}.tag-r{background:#220a0a;color:var(--red);border:.5px solid #4a1a1a55}.tag-gold{background:#160e00;color:var(--gold);border:.5px solid var(--gold3)}.sum-sub-grid{display:flex;gap:28px;margin-top:4px;flex-wrap:wrap;justify-content:center}.sum-sub-item{text-align:center;min-width:48px}.sum-sub-val{font-family:Inter,sans-serif;font-size:24px;font-weight:500;color:var(--gold);line-height:1}.sum-sub-lbl{font-size:10px;letter-spacing:2px;color:var(--text2);margin-top:5px}.sum-sub-divider{width:.5px;height:40px;background:linear-gradient(180deg,transparent,var(--gold3),transparent);align-self:center}.btn-gold{padding:4px 14px;background:linear-gradient(135deg,#6a4510,#c9a84c);border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#050401;letter-spacing:1px;white-space:nowrap;transition:all .3s}.btn-gold:hover{opacity:.85}.btn-gold-lg{padding:6px 16px;background:linear-gradient(135deg,#3a2000,#c9a84c);border:none;border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#050401;letter-spacing:1px;white-space:nowrap;transition:all .3s;box-shadow:0 0 12px #c9a84c4d}.btn-gold-lg:hover{opacity:.85;box-shadow:0 0 18px #c9a84c80}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#c9a84c0f;border:.5px solid var(--border2);border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--text2);letter-spacing:1px;transition:all .3s}.btn-back:hover{background:#c9a84c1f;border-color:var(--border3)}.fnb-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px}.fnb-title{font-family:Playfair Display,serif;font-size:28px;font-weight:700;letter-spacing:4px;background:linear-gradient(180deg,#fff8e0,#f0d878 30%,#c9a84c 60%,#a07020);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fnb-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.fnb-section-title .line{flex:1;height:.5px}.fnb-section-title .diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.fnb-section-title .label{font-family:Playfair Display,serif;font-size:11px;letter-spacing:4px;color:var(--gold);white-space:nowrap}.fnb-card{background:linear-gradient(160deg,#0e0b02,#080600);border:.5px solid var(--border2);border-radius:14px;padding:14px;text-align:center;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.fnb-card:hover{border-color:var(--gold);box-shadow:0 0 20px #c9a84c14;transform:translateY(-2px)}.fnb-card.is-captain{border-color:#c9a84c4d}.fnb-card.is-captain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.06),transparent 70%);pointer-events:none}.fnb-card.is-captain:after{content:"★";position:absolute;top:8px;right:10px;font-size:10px;color:var(--gold)}.fnb-avatar-ring{width:72px;height:72px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,var(--gold3),var(--gold),var(--gold3));padding:2px}.fnb-avatar{width:100%;height:100%;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);font-family:Playfair Display,serif;font-weight:600}.fnb-name{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.fnb-nickname{font-size:11px;color:var(--text2);margin-bottom:6px}.fnb-role-badge{display:inline-block;font-size:9px;letter-spacing:2px;font-weight:600;padding:3px 10px;border-radius:6px;margin-bottom:8px}.fnb-stat-row{display:flex;justify-content:center;gap:14px;margin-top:6px}.fnb-stat{text-align:center}.fnb-stat-val{font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1}.fnb-stat-lbl{font-size:8px;letter-spacing:1px;color:var(--text3);margin-top:3px}.fnb-section-band{padding:20px 0}.fnb-section-band.captain-band{border-left:2px solid var(--gold);padding-left:20px;margin-left:8px}.fnb-section-band.waiter-band{border-left:2px solid var(--blue);padding-left:20px;margin-left:8px}.fnb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@keyframes fnbSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fnb-animate{animation:fnbSlideIn .5s ease-out}@media (max-width: 900px){.db{padding:12px}.grid2,.grid3{grid-template-columns:1fr}.header{padding:24px 16px 16px}.logo-name{font-size:24px}.suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:12px}.fnb-grid{grid-template-columns:repeat(2,1fr)}.sum-big{font-size:40px}.sum-body{padding:20px 16px}.sum-lbl{text-align:center}.sum-sub-grid{gap:16px 20px}.sum-sub-divider{display:none}.summary:before{font-size:40px}}.btn-logout{position:absolute;top:12px;right:16px;padding:6px 14px;border-radius:8px;border:.5px solid rgba(180,153,2,.3);background:#ffffff1a;color:#c9a84c;font-size:12px;cursor:pointer;letter-spacing:1px;transition:background .2s}.btn-logout:hover{background:#fff3}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#020201;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 600px at 30% 40%,rgba(201,168,76,.06),transparent 70%),radial-gradient(ellipse 600px 400px at 70% 60%,rgba(201,168,76,.04),transparent 70%)}.login-overlay:after{content:"CAVIAR";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Playfair Display,serif;font-size:180px;font-weight:700;letter-spacing:30px;color:#c9a84c05;white-space:nowrap;pointer-events:none}.login-box{position:relative;z-index:1;width:400px;padding:56px 44px 48px;background:linear-gradient(160deg,#120e04f2,#080602fa);border:1px solid rgba(201,168,76,.15);border-radius:24px;box-shadow:0 30px 80px #000c,0 0 120px #c9a84c08;text-align:center}.login-logo{font-family:Playfair Display,serif;font-size:13px;letter-spacing:8px;color:#c8a86099;margin-bottom:6px}.login-brand{font-family:Playfair Display,serif;font-size:42px;font-weight:700;letter-spacing:10px;line-height:1;margin-bottom:6px;background:linear-gradient(180deg,#fff8e0,#f0d878 25%,#c9a84c,#a07020 75%,#c9a84c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-sub{font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:7px;color:#c8a86066;margin-bottom:40px}.login-divider{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-divider-line{flex:1;height:.5px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)}.login-divider-dot{width:4px;height:4px;background:#c9a84c4d;transform:rotate(45deg)}.login-field{width:100%;padding:15px 20px;margin-bottom:16px;background:#0a080299;border:1px solid rgba(201,168,76,.12);border-radius:14px;color:#f2e8a0;font-family:Inter,sans-serif;font-size:14px;outline:none;transition:all .3s}.login-field::placeholder{color:#c8a86040;letter-spacing:1px}.login-field:focus{border-color:#c9a84c66;background:#0f0c04cc;box-shadow:0 0 0 3px #c9a84c0d}.login-btn{width:100%;padding:16px;margin-top:6px;background:linear-gradient(135deg,#6a4510,#c9a84c 50%,#6a4510);border:none;border-radius:14px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#050401;letter-spacing:4px;transition:all .4s}.login-btn:hover{box-shadow:0 6px 30px #c9a84c40;transform:translateY(-2px)}.login-error{color:#e05555;font-size:12px;margin-top:14px;min-height:18px}