*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;margin:0;padding:0;overflow:hidden;}@media(max-width:768px){html,body{overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;}}
body{background:var(--black);color:var(--white);font-family:'Cabinet Grotesk','Segoe UI',Arial,sans-serif;transition:background 0.3s,color 0.3s;}
:root{
--gold:#9DABA4;--gold-light:#BEC8C3;
--gold-dim:rgba(157,171,164,0.12);--gold-b:rgba(157,171,164,0.25);
--red:#e05555;--green:#4caf7d;
/* DARK MODE (default) */
--black:#08080A;--dark:#0E0E12;--card:#131318;
--white:#F5F0E8;--dim:rgba(245,240,232,0.45);--dim2:rgba(245,240,232,0.22);
--border:rgba(255,255,255,0.07);--shadow:rgba(0,0,0,0.5);
--input-bg:rgba(255,255,255,0.04);--topbar-bg:#0E0E12;
}
body.light-mode{
--black:#F5F5F0;--dark:#EEEEE8;--card:#FFFFFF;
--white:#1A1A1A;--dim:rgba(26,26,26,0.55);--dim2:rgba(26,26,26,0.35);
--border:rgba(0,0,0,0.1);--shadow:rgba(0,0,0,0.15);
--input-bg:rgba(0,0,0,0.03);--topbar-bg:#EEEEE8;
}
.page{display:none;}
#app-loader{position:fixed;inset:0;background:#08080A;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.4s ease;}
#app-loader.hidden{opacity:0;pointer-events:none;}
.loader-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.loader-box{width:42px;height:42px;border:2px solid var(--gold);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--gold);background:var(--gold-dim);}
.loader-name{font-size:26px;font-weight:600;letter-spacing:3px;color:var(--white);}
.loader-name span{color:var(--gold);}
.loader-spinner{width:32px;height:32px;border:2px solid rgba(157,171,164,0.2);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(157,171,164,0);}50%{box-shadow:0 0 20px 4px rgba(157,171,164,0.12);}}
/* Onboarding modal */
#onboardingModal{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;}
.onboard-box{background:var(--card);border:1px solid rgba(157,171,164,0.3);border-radius:20px;padding:48px 40px;max-width:520px;width:100%;text-align:center;box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 40px rgba(157,171,164,0.08);animation:popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both;}
.onboard-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;}
.onboard-logo img{width:38px;height:38px;border-radius:8px;}
.onboard-logo span{font-size:20px;font-weight:600;letter-spacing:2px;color:var(--white);}
.onboard-logo span em{color:var(--gold);font-style:normal;}
.onboard-title{font-size:clamp(24px,4vw,32px);font-weight:300;font-family:Georgia,serif;margin-bottom:8px;line-height:1.2;}
.onboard-title em{color:var(--gold);font-style:italic;}
.onboard-sub{font-size:14px;color:var(--dim);margin-bottom:36px;line-height:1.7;}
.onboard-steps{display:flex;gap:16px;margin-bottom:36px;justify-content:center;}
.onboard-step{flex:1;background:rgba(157,171,164,0.05);border:1px solid rgba(157,171,164,0.15);border-radius:14px;padding:20px 12px;}
.onboard-step-icon{font-size:28px;margin-bottom:10px;}
.onboard-step-title{font-size:12px;font-weight:600;color:var(--white);margin-bottom:4px;}
.onboard-step-desc{font-size:11px;color:var(--dim);line-height:1.5;}
.onboard-btn{width:100%;padding:16px;background:var(--gold);color:#08080A;border:none;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;margin-bottom:14px;}
.onboard-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(157,171,164,0.35);}
.onboard-skip{font-size:12px;color:var(--dim2);cursor:pointer;transition:color 0.2s;}
.onboard-skip:hover{color:var(--dim);}
@media(max-width:500px){.onboard-steps{flex-direction:column;}.onboard-box{padding:32px 24px;}}
/* Plan lock overlay */
.plan-locked{position:relative;opacity:0.45;filter:grayscale(0.3);}
.lock-wrap{position:relative;}
.page.active{display:flex;}
/* AUTH */
/* ══ END AUTH ══ */
.logo-box{width:36px;height:36px;border:1.5px solid var(--gold);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--gold);background:var(--gold-dim);}
.logo-name{font-size:22px;font-weight:600;letter-spacing:2px;}
.logo-name span{color:var(--gold);}
.auth-title{font-size:26px;font-weight:300;font-family:Georgia,serif;text-align:center;margin-bottom:6px;}
.auth-sub{font-size:13px;color:var(--dim);text-align:center;margin-bottom:28px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:8px;}
.field input{width:100%;padding:13px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:14px;outline:none;transition:border 0.2s,background 0.3s,box-shadow 0.2s;}
.field input:focus{border-color:var(--gold);background:rgba(157,171,164,0.04);box-shadow:0 0 0 3px rgba(157,171,164,0.08);}
.field input::placeholder{color:var(--dim2);}
.pass-wrap{position:relative;}
.pass-wrap input{padding-right:44px;}
.eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--dim);padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s;}
.eye-btn:hover{color:var(--gold);}
.eye-btn svg{width:18px;height:18px;}
.btn-full{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),#779E8B);color:var(--black);border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;margin-top:6px;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(157,171,164,0.25);}
.btn-full::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.5s,height 0.5s,opacity 0.5s;}
.btn-full:hover::after{width:400px;height:400px;opacity:0;}
.btn-full:hover{background:linear-gradient(135deg,#A6C2B4,var(--gold));transform:translateY(-2px);box-shadow:0 12px 30px rgba(157,171,164,0.4);}
.btn-google{width:100%;padding:13px;background:rgba(255,255,255,0.06);color:var(--white);border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:0;}
.btn-google:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}
.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--dim);}
.auth-switch a{color:var(--gold);cursor:pointer;text-decoration:none;}
.auth-switch a:hover{text-decoration:underline;}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}
.divider span{font-size:11px;color:var(--dim2);}
/* DASHBOARD */
#page-dashboard{flex-direction:row;height:100%;overflow:hidden;min-height:0;}
/* ─── DESIGN SYSTEM TOKENS ─── */
:root{
--s0:rgba(255,255,255,0.018);--s1:rgba(255,255,255,0.04);--s2:rgba(255,255,255,0.07);
--bd:rgba(255,255,255,0.08);--bd2:rgba(255,255,255,0.14);
--t1:#EDE8E0;--t2:rgba(237,232,224,0.55);--t3:rgba(237,232,224,0.28);--t4:rgba(237,232,224,0.12);
--gold2:#BEC8C3;--glow:rgba(157,171,164,0.12);--glow2:rgba(157,171,164,0.22);
--elGreen:#3DD68C;--elRed:#F87171;--elBlue:#60A5FA;--elPurple:#9B8AFB;
}
/* ─── SIDEBAR ─── */
.sidebar{
width:232px;flex-shrink:0;
background:#0A0A0D;
border-right:1px solid var(--bd);
display:flex;flex-direction:column;
height:100vh;position:fixed;top:0;left:0;
overflow:hidden;z-index:50;
}
.sidebar-logo{
padding:18px 16px;
border-bottom:1px solid var(--bd);
display:flex;align-items:center;gap:11px;
flex-shrink:0;
}
.logo-mark{
width:36px;height:36px;border-radius:11px;
background:linear-gradient(135deg,#9DABA4 0%,#447B60 100%);
display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:900;color:#08080A;
flex-shrink:0;letter-spacing:-0.5px;
box-shadow:0 0 0 1px rgba(157,171,164,0.3),0 4px 16px rgba(157,171,164,0.18);
}
.logo-wordmark{font-size:15px;font-weight:700;letter-spacing:-0.4px;color:var(--t1);}
.logo-wordmark b{color:var(--gold);}
.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto;}
.sidebar-nav::-webkit-scrollbar{width:0;}
.nav-section-label{
font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--t4);padding:0 10px;margin:16px 0 4px;display:block;
}
.nav-sep{height:1px;background:var(--bd);margin:8px 8px;}
.nav-item{
display:flex;align-items:center;gap:10px;
padding:9px 10px;border-radius:10px;
cursor:pointer;color:var(--t2);font-size:13px;font-weight:500;
transition:background 0.15s,color 0.15s;
margin-bottom:1px;position:relative;user-select:none;
}
.nav-item svg{flex-shrink:0;opacity:0.4;transition:opacity 0.15s;}
.nav-item:hover{background:var(--s1);color:var(--t1);}
.nav-item:hover svg{opacity:0.7;}
.nav-item.active{
background:linear-gradient(135deg,rgba(157,171,164,0.14),rgba(157,171,164,0.06));
color:var(--gold);
border:1px solid rgba(157,171,164,0.18);
}
.nav-item.active svg{opacity:1;}
.nav-item.active::before{
content:'';position:absolute;left:-1px;top:22%;bottom:22%;width:3px;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-radius:0 3px 3px 0;
box-shadow:0 0 12px rgba(157,171,164,0.6);
}
.nav-badge{
margin-left:auto;
background:rgba(61,214,140,0.12);border:1px solid rgba(61,214,140,0.25);
color:var(--elGreen);font-size:9px;font-weight:800;
padding:2px 7px;border-radius:100px;line-height:1.5;
}
.sidebar-bottom{padding:10px 8px 14px;border-top:1px solid var(--bd);flex-shrink:0;}
.user-pill{
display:flex;align-items:center;gap:9px;
padding:9px 10px;border-radius:10px;
background:var(--s0);border:1px solid var(--bd);
cursor:pointer;transition:all 0.15s;margin-bottom:4px;
}
.user-pill:hover{border-color:var(--bd2);background:var(--s1);}
.user-avatar{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#9DABA4,#447B60);
display:flex;align-items:center;justify-content:center;
font-size:13px;font-weight:800;color:#08080A;flex-shrink:0;
}
.user-name{font-size:12px;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-plan{font-size:10px;color:var(--t3);margin-top:1px;}
.logout-btn{
display:flex;align-items:center;gap:8px;
padding:8px 10px;border-radius:9px;
font-size:12px;color:var(--elRed);cursor:pointer;transition:all 0.15s;
}
.logout-btn:hover{background:rgba(248,113,113,0.1);}
.logout-btn svg{opacity:0.5;flex-shrink:0;}
.logout-btn:hover svg{opacity:1;}
/* ── Bell / Inbox ── */
.bell-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;font-size:12px;color:var(--t3);cursor:pointer;transition:all 0.15s;margin-bottom:2px;}
.bell-nav-item svg{opacity:0.5;flex-shrink:0;transition:opacity 0.15s;}
.bell-nav-item:hover{color:var(--gold);background:rgba(157,171,164,0.06);}
.bell-nav-item:hover svg{opacity:1;}
.bell-badge{min-width:16px;height:16px;background:#F87171;border-radius:100px;font-size:9px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-left:auto;line-height:1;}
.inbox-panel{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:#0e0e12;border-left:1px solid var(--bd);z-index:10000;display:flex;flex-direction:column;transition:right 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:-16px 0 48px rgba(0,0,0,0.6);}
.inbox-panel.open{right:0;}
.inbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:9999;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.inbox-overlay.open{opacity:1;pointer-events:all;}
.inbox-header{height:56px;padding:0 20px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:12px;flex-shrink:0;background:#0e0e12;}
.inbox-title{font-size:15px;font-weight:700;color:var(--t1);letter-spacing:-0.3px;flex:1;}
.inbox-close{width:28px;height:28px;border-radius:8px;background:var(--s1);border:1px solid var(--bd);color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;flex-shrink:0;}
.inbox-close:hover{border-color:var(--bd2);color:var(--t1);}
.inbox-body{flex:1;overflow-y:auto;padding:16px;}
.inbox-body::-webkit-scrollbar{width:3px;}
.inbox-body::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px;}
.ann-item{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:10px;transition:border 0.15s;position:relative;overflow:hidden;}
.ann-item:hover{border-color:var(--bd2);}
.ann-item.unread{border-color:rgba(157,171,164,0.2);background:rgba(157,171,164,0.03);}
/* A message that has been opened is greyed out, so what's new stands out. */
.ann-item:not(.unread){opacity:0.5;}
.ann-item:not(.unread) .ann-title{font-weight:600;color:var(--t2);}
.ann-item:not(.unread):hover{opacity:0.8;}
.ann-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold2),var(--gold));}
.ann-type-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;}
.ann-type-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ann-type-lbl{font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;}
.ann-title{font-size:13px;font-weight:700;color:var(--t1);margin-bottom:6px;line-height:1.4;}
.ann-body{font-size:12px;color:var(--t2);line-height:1.7;margin-bottom:10px;}
.ann-date{font-size:10px;color:var(--t4);}
.ann-comments{margin-top:12px;border-top:1px solid var(--bd);padding-top:12px;}
.ann-comment{display:flex;gap:8px;margin-bottom:10px;}
.ann-comment-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#447B60);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#08080A;flex-shrink:0;}
.ann-comment-body{flex:1;}
.ann-comment-name{font-size:10px;font-weight:700;color:var(--t1);margin-bottom:2px;}
.ann-comment-text{font-size:11px;color:var(--t2);line-height:1.55;}
.ann-comment-input{display:flex;gap:6px;margin-top:10px;}
.ann-comment-field{flex:1;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid var(--bd);border-radius:9px;color:var(--t1);font-size:12px;font-family:inherit;outline:none;transition:border 0.2s;}
.ann-comment-field:focus{border-color:var(--gold);}
.ann-comment-send{padding:8px 14px;background:linear-gradient(135deg,#BEC8C3,#9DABA4);color:#08080A;border:none;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer;font-family:inherit;}
.ann-empty{text-align:center;padding:48px 20px;color:var(--t3);}
.ann-empty svg{opacity:0.25;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto;}
/* ── Bulk Selection ── */
.tc.selected{border-color:var(--gold)!important;box-shadow:0 0 0 2px rgba(157,171,164,0.3);}
.tc.selected .tc-thumb::after{content:'';position:absolute;inset:0;background:rgba(157,171,164,0.15);z-index:4;pointer-events:none;}
.tc-check{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#BEC8C3,#9DABA4);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,0.4);animation:popIn 0.15s ease;}
@keyframes popIn{from{transform:scale(0)}to{transform:scale(1)}}
.sel-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0e0e12;border:1px solid rgba(157,171,164,0.25);border-radius:100px;padding:10px 16px;display:flex;align-items:center;gap:8px;z-index:9998;box-shadow:0 8px 32px rgba(0,0,0,0.6);animation:slideUp 0.2s ease;white-space:nowrap;}
@keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
.sel-count{font-size:12px;font-weight:700;color:var(--gold);padding-right:8px;border-right:1px solid var(--bd);}
.sel-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all 0.15s;}
.sel-btn-all{background:rgba(255,255,255,0.06);color:var(--t2);}
.sel-btn-all:hover{background:rgba(255,255,255,0.1);color:var(--t1);}
.sel-btn-dup{background:rgba(96,165,250,0.1);color:#60A5FA;}
.sel-btn-dup:hover{background:rgba(96,165,250,0.2);}
.sel-btn-proj{background:rgba(157,171,164,0.1);color:var(--gold);}
.sel-btn-proj:hover{background:rgba(157,171,164,0.2);}
.sel-btn-del{background:rgba(248,113,113,0.1);color:#F87171;}
.sel-btn-del:hover{background:rgba(248,113,113,0.2);}
.sel-btn-x{background:transparent;color:var(--t3);padding:7px 8px;}
.sel-btn-x:hover{color:var(--t1);}
/* Context menu */
.ctx-menu{position:fixed;background:#0e0e12;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:6px;z-index:9999;min-width:160px;box-shadow:0 8px 32px rgba(0,0,0,0.6);animation:fadeInCtx 0.1s ease;}
@keyframes fadeInCtx{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
.ctx-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;color:var(--t2);transition:all 0.1s;}
.ctx-item:hover{background:rgba(255,255,255,0.06);color:var(--t1);}
.ctx-item.ctx-danger{color:#F87171;}
.ctx-item.ctx-danger:hover{background:rgba(248,113,113,0.08);}
.ctx-divider{height:1px;background:var(--bd);margin:4px 0;}
/* ─── MAIN ─── */
.main{flex:1;height:100%;display:flex;flex-direction:column;background:var(--black);margin-left:232px;overflow:hidden;min-height:0;}
/* ─── TOPBAR ─── */
.topbar{
height:56px;display:flex;align-items:center;justify-content:space-between;
padding:0 28px;
border-bottom:1px solid var(--bd);
background:rgba(8,8,10,0.85);
max-width:100%;
backdrop-filter:blur(20px);
flex-shrink:0;z-index:10;position:relative;
}
.page-title{font-size:16px;font-weight:700;letter-spacing:-0.4px;color:var(--t1);}
.page-title span{color:var(--gold);}
.btn-new-tour{
display:inline-flex;align-items:center;gap:7px;
padding:8px 18px;border-radius:9px;
background:linear-gradient(135deg,#9DABA4,#4B8769);
color:#08080A;font-size:12px;font-weight:700;
border:none;cursor:pointer;font-family:inherit;
transition:all 0.15s;
box-shadow:0 2px 10px rgba(157,171,164,0.2);
}
.btn-new-tour:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px rgba(157,171,164,0.32);}
.btn-new-tour:active{transform:scale(0.97);}
.theme-btn{display:none;}
.btn-sm{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;border:none;font-family:inherit;}
.btn-gold-sm{background:linear-gradient(135deg,#9DABA4,#4B8769);color:#08080A;box-shadow:0 2px 10px rgba(157,171,164,0.2);}
.btn-gold-sm:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-out-sm{background:transparent;color:var(--t2);border:1px solid var(--bd);}
.btn-out-sm:hover{border-color:var(--bd2);color:var(--t1);}
.content{padding:24px 28px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(157,171,164,0.2) transparent;}
.content::-webkit-scrollbar{width:4px;}
.content::-webkit-scrollbar-track{background:transparent;}
.content::-webkit-scrollbar-thumb{background:rgba(157,171,164,0.2);border-radius:4px;}
.content::-webkit-scrollbar-thumb:hover{background:rgba(157,171,164,0.4);}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:all 0.3s;cursor:default;}
.stat-card:hover{border-color:var(--gold-b);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.3),0 0 15px rgba(157,171,164,0.06);}
.s-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:6px;}
.s-num{font-size:26px;font-weight:300;font-family:Georgia,serif;color:var(--gold);line-height:1;}
.s-sub{font-size:11px;color:var(--dim2);margin-top:4px;}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.sec-title{font-size:15px;color:var(--white);}
.sec-link{font-size:11px;color:var(--gold);cursor:pointer;}
.tours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.tour-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);}
.tour-card:hover{border-color:var(--gold-b);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 20px rgba(157,171,164,0.06);}
.tour-card:hover .thumb-remove-btn{display:flex !important;}
.proj-card:hover{border-color:var(--gold-b) !important;transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.3);}
.tour-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative;border-bottom:1px solid var(--border);}
.tour-thumb::after{content:'360deg';position:absolute;bottom:8px;right:10px;font-size:9px;letter-spacing:2px;color:var(--gold);background:var(--gold-dim);padding:2px 8px;border-radius:4px;border:1px solid var(--gold-b);}
.tour-info{padding:16px;}
.tour-name{font-size:15px;margin-bottom:4px;}
.tour-meta{font-size:11px;color:var(--dim);display:flex;gap:12px;}
.tour-actions{display:flex;gap:8px;padding:0 16px 14px;}
.t-btn{flex:1;padding:8px;border-radius:6px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--dim);transition:all 0.2s;}
.t-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(157,171,164,0.08);transform:translateY(-1px);}
.t-btn.primary{background:var(--gold-dim);border-color:var(--gold-b);color:var(--gold);}
.t-btn-view{color:#64c8ff;border-color:rgba(100,200,255,0.2);}
.t-btn-view:hover{background:rgba(100,200,255,0.1);border-color:rgba(100,200,255,0.5);color:#64c8ff;}
.empty-state{text-align:center;padding:60px 20px;}
.empty-state .big-icon{font-size:48px;margin-bottom:16px;opacity:0.4;}
.empty-state h3{font-size:20px;font-family:Georgia,serif;color:var(--white);margin-bottom:8px;}
.empty-state p{font-size:14px;line-height:1.7;max-width:340px;margin:0 auto 24px;color:var(--dim);}
/* BUILDER */
#page-builder{flex-direction:column;position:fixed;inset:0;overflow:hidden;background:var(--black);display:none;}
.builder-top{display:flex!important;align-items:center;justify-content:space-between;padding:0 20px;background:#0A0A0D;border-bottom:1px solid rgba(255,255,255,0.08);flex-shrink:0;height:54px;}
.builder-body{display:flex;flex:1;min-height:0;overflow:hidden;}
.scenes-panel{width:200px;flex-shrink:0;background:#0A0A0D;border-right:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.panel-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#0A0A0D;position:sticky;top:0;z-index:2;}
.add-btn{width:22px;height:22px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-b);color:var(--gold);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.add-btn:hover{background:var(--gold);color:var(--black);}
.scenes-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;}
.scene-item{padding:9px 10px;border-radius:10px;cursor:pointer;margin-bottom:4px;border:1px solid transparent;transition:all 0.15s;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;color:rgba(237,232,224,0.5);font-family:'Cabinet Grotesk',sans-serif;}
.scene-item:hover{background:rgba(255,255,255,0.04);color:rgba(237,232,224,0.8);}
.scene-item.active{background:linear-gradient(135deg,rgba(157,171,164,0.14),rgba(157,171,164,0.06));border-color:rgba(157,171,164,0.25);color:var(--gold);}
.scene-num{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;font-family:'DM Mono',monospace;}
.scene-item.active .scene-num{background:var(--gold);color:#08080A;font-weight:800;}
.viewer-area{flex:1;position:relative;overflow:hidden;background:#050508;}
#viewerCanvas{width:100%;height:100%;display:none;cursor:grab;}
#viewerCanvas:active{cursor:grabbing;}
#viewerCanvas.hs-mode{cursor:crosshair !important;}
.viewer-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.viewer-ph .big{font-size:52px;margin-bottom:14px;opacity:0.25;}
.viewer-ph h3{font-size:18px;font-family:Georgia,serif;color:var(--white);margin-bottom:8px;}
.viewer-ph p{font-size:13px;color:var(--dim);max-width:300px;line-height:1.7;margin-bottom:20px;}
.upload-zone{border:2px dashed var(--gold-b);border-radius:14px;padding:28px 36px;text-align:center;cursor:pointer;transition:all 0.3s;background:var(--gold-dim);}
.upload-zone:hover{border-color:var(--gold);background:rgba(157,171,164,0.15);}
.upload-zone input{display:none;}
.uz-icon{font-size:26px;margin-bottom:8px;}
.uz-text{font-size:12px;color:var(--dim);}
.uz-btn{display:inline-block;margin-top:12px;background:var(--gold);color:var(--black);padding:9px 22px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}
.viewer-toolbar{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:none;gap:6px;background:rgba(8,8,10,0.85);border:1px solid var(--border);border-radius:30px;padding:6px 14px;z-index:10;align-items:center;}
.vt-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all 0.2s;}
.vt-btn:hover{border-color:var(--gold);color:var(--gold);}
.vt-btn.on{background:var(--gold-dim);border-color:var(--gold);color:var(--gold);}
.vt-div{width:1px;height:20px;background:var(--border);margin:0 4px;}
.vt-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);padding:0 4px;}
.hs-banner{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:rgba(157,171,164,0.15);border:1px solid var(--gold-b);border-radius:8px;padding:8px 18px;font-size:12px;color:var(--gold);letter-spacing:1px;z-index:10;display:none;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.6;}}
#hsOverlay{position:absolute;inset:0;pointer-events:none;z-index:15;}
.hs-dot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:all;transition:filter 0.2s;overflow:visible;}
.hs-dot svg,.hs-icon-wrap svg,.hs-door-frame svg,.hs-door-panel svg{display:block;overflow:visible;background:transparent;}
.hs-dot:hover{filter:brightness(1.3);}
.hs-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center center;overflow:visible;}
.hs-dot.selected-hs .hs-icon-wrap::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);pointer-events:none;}
/* Door */
.hs-door-wrap{position:relative;width:56px;height:62px;display:flex;align-items:center;justify-content:center;}
.hs-door-scene{position:relative;width:38px;height:56px;}
.hs-door-floor{position:absolute;bottom:0;left:0;right:0;height:2px;background:white;border-radius:1px;}
.hs-door-frame-el{position:absolute;left:6px;top:3px;width:21px;height:50px;border:2.5px solid white;border-radius:2px;background:transparent;box-sizing:border-box;}
.hs-door-frame-inner{display:none;}
.hs-door-hinge{position:absolute;right:4px;top:3px;width:5px;height:50px;background:white;border-radius:2px;}
.hs-door-panel{position:absolute;left:6px;top:3px;width:21px;height:50px;background:rgba(255,255,255,0.88);border-radius:2px;transform-origin:right center;animation:doorSwing 3.2s ease-in-out infinite;box-shadow:2px 0 4px rgba(0,0,0,0.2);}
.hs-door-knob{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#3a3a3a;}
@keyframes doorSwing{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSwingLeft{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSwingRight{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSlide{0%,100%{transform:translateX(0);}50%{transform:translateX(-18px);}}
/* Floor oval */
.hs-floor-wrap{position:relative;width:80px;height:44px;display:flex;align-items:center;justify-content:center;}
.hs-floor-oval{position:relative;width:80px;height:44px;animation:floorPulse 1.3s ease-out infinite;}
.hs-floor-oval svg{width:100%;height:100%;}
/* Animations */
@keyframes doorPanel{0%,15%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-70deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes floorPulse{0%{transform:scale(0.2);opacity:1;}100%{transform:scale(1.2);opacity:0;}}
@keyframes hsNavArrow{0%,100%{transform:translateX(0);opacity:1;}50%{transform:translateX(6px);opacity:0.6;}}
@keyframes hsNavArrowLeft{0%,100%{transform:translateX(0);opacity:1;}50%{transform:translateX(-6px);opacity:0.6;}}
@keyframes hsNavBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
@keyframes hsBlink{0%,100%{opacity:1;}50%{opacity:0.15;}}
@keyframes hsSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes hsSlide{0%,100%{transform:translateX(0);}50%{transform:translateX(8px);}}
@keyframes hsBobUp{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes hsBobDown{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}
@keyframes hsBobLeft{0%,100%{transform:translateX(0);}50%{transform:translateX(-8px);}}
@keyframes hsBobRight{0%,100%{transform:translateX(0);}50%{transform:translateX(8px);}}
@keyframes hsPulseScale{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
.hs-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(8,8,10,0.92);border:1px solid var(--gold-b);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;}
.hs-dot:hover .hs-tip{opacity:1;}
.hs-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(8,8,10,0.92);border:1px solid var(--gold-b);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;}
.hs-dot:hover .hs-tip{opacity:1;}
@keyframes hsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.2);}50%{box-shadow:0 0 0 10px rgba(255,255,255,0);}}
.props-panel{width:260px;flex-shrink:0;background:#0A0A0D;border-left:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.prop-sec{padding:14px 16px;border-bottom:1px solid var(--border);}
.prop-title{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
/* Accordion styles */
.acc-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.06);user-select:none;transition:background 0.15s;}
.acc-header:hover{background:rgba(157,171,164,0.05);}
.acc-title{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;font-weight:700;}
.acc-arrow{font-size:10px;color:var(--dim);transition:transform 0.25s;}
.acc-body{display:none;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.06);}
.acc-body.open{display:block;}
.trans-opt{cursor:pointer;border-radius:10px;border:1.5px solid var(--border);background:transparent;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all 0.18s;user-select:none;}
.trans-opt:hover{border-color:var(--gold);background:rgba(157,171,164,0.06);}
.trans-icon{font-size:20px;line-height:1;}
.trans-label{font-size:9px;letter-spacing:2px;color:rgba(245,240,232,0.7);font-family:'Segoe UI',sans-serif;}
.trans-desc{font-size:9px;color:var(--dim);text-align:center;}
.acc-header.open .acc-arrow{transform:rotate(180deg);}
/* Scenes panel left accordion */
.left-acc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;border-top:1px solid rgba(255,255,255,0.06);background:rgba(157,171,164,0.03);user-select:none;transition:background 0.15s;}
.left-acc-header:hover{background:rgba(157,171,164,0.07);}
.left-acc-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;}
.left-acc-arrow{font-size:9px;color:var(--dim);transition:transform 0.25s;}
.left-acc-body{display:none;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2);}
.left-acc-body.open{display:block;}
.left-acc-header.open .left-acc-arrow{transform:rotate(180deg);}
/* Drag reorder scenes */
.scene-item{cursor:grab;position:relative;}
.scene-item.dragging{opacity:0.4;cursor:grabbing;}
.scene-item.drag-over{border-top:2px solid var(--gold);}
.prop-field{margin-bottom:12px;}
.prop-field label{display:block;font-size:11px;color:var(--dim);margin-bottom:5px;}
.prop-field input,.prop-field select,.prop-field textarea{width:100%;padding:8px 10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#EDE8E0;font-size:12px;outline:none;transition:border-color 0.15s;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;}
.prop-field input:focus,.prop-field select:focus,.prop-field textarea:focus{border-color:rgba(157,171,164,0.4);background:rgba(255,255,255,0.06);}
.prop-field select option{background:#131318;}
.prop-field textarea{resize:vertical;min-height:60px;}
.hs-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.hs-item{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:7px;padding:9px 11px;cursor:pointer;transition:all 0.2s;}
.hs-item:hover,.hs-item.sel{border-color:var(--gold-b);}
.hs-item.sel{background:var(--gold-dim);}
.hs-top{display:flex;align-items:center;justify-content:space-between;}
.hs-lbl{font-size:12px;color:var(--white);}
.hs-type-tag{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-top:2px;}
.hs-del{color:var(--dim2);cursor:pointer;font-size:13px;transition:color 0.2s;padding:2px;}
.hs-del:hover{color:var(--red);}
.place-btn{width:100%;padding:9px;border-radius:6px;background:var(--gold-dim);border:1px solid var(--gold-b);color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.2s;}
.place-btn:hover{background:rgba(157,171,164,0.2);}
.place-btn.on{background:var(--gold);color:var(--black);}
.hs-editor{background:rgba(157,171,164,0.06);border:1px solid var(--gold-b);border-radius:8px;padding:12px;margin-top:8px;display:none;}
.hs-editor.open{display:block;}
.hs-editor-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.del-btn{width:100%;padding:8px;border-radius:6px;background:rgba(224,85,85,0.1);border:1px solid rgba(224,85,85,0.25);color:#e08585;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-top:4px;}
/* MODALS */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:200;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.modal-overlay.open{display:flex;}
.modal{background:var(--card);border:1px solid var(--gold-b);border-radius:18px;padding:36px;max-width:440px;width:90%;animation:popIn 0.35s cubic-bezier(0.34,1.56,0.64,1) both;}
.modal h2{font-size:24px;font-weight:300;font-family:Georgia,serif;margin-bottom:6px;}
.modal p{font-size:13px;color:var(--dim);margin-bottom:20px;line-height:1.7;}
.share-box{display:flex;gap:8px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:8px;padding:4px 4px 4px 14px;align-items:center;}
.share-box span{font-size:12px;color:var(--dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.copy-btn{background:var(--gold);color:var(--black);border:none;padding:8px 16px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;flex-shrink:0;}
.copy-btn.copied{background:var(--green);color:white;}
.modal-close{width:100%;padding:12px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--dim);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-top:12px;transition:all 0.2s;}
.modal-close:hover{border-color:var(--gold);color:var(--gold);}
.toast{position:fixed;bottom:24px;right:24px;z-index:100000;background:var(--card);border:1px solid var(--gold-b);border-radius:10px;padding:14px 20px;font-size:13px;color:var(--white);display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,0.4);transform:translateY(80px);opacity:0;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s cubic-bezier(0.34,1.56,0.64,1),border-color 0.15s linear;pointer-events:none;}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;overflow:hidden;margin:0;padding:0;}
body{background:var(--black);color:var(--white);font-family:'Cabinet Grotesk','Segoe UI',Arial,sans-serif;transition:background 0.3s,color 0.3s;}
:root{
--gold:#9DABA4;--gold-light:#BEC8C3;
--gold-dim:rgba(157,171,164,0.12);--gold-b:rgba(157,171,164,0.25);
--red:#e05555;--green:#4caf7d;
/* DARK MODE (default) */
--black:#08080A;--dark:#0E0E12;--card:#131318;
--white:#F5F0E8;--dim:rgba(245,240,232,0.45);--dim2:rgba(245,240,232,0.22);
--border:rgba(255,255,255,0.07);--shadow:rgba(0,0,0,0.5);
--input-bg:rgba(255,255,255,0.04);--topbar-bg:#0E0E12;
}
body.light-mode{
--black:#F5F5F0;--dark:#EEEEE8;--card:#FFFFFF;
--white:#1A1A1A;--dim:rgba(26,26,26,0.55);--dim2:rgba(26,26,26,0.35);
--border:rgba(0,0,0,0.1);--shadow:rgba(0,0,0,0.15);
--input-bg:rgba(0,0,0,0.03);--topbar-bg:#EEEEE8;
}
.page{display:none;}
#app-loader{position:fixed;inset:0;background:#08080A;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 0.4s ease;}
#app-loader.hidden{opacity:0;pointer-events:none;}
.loader-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.loader-box{width:42px;height:42px;border:2px solid var(--gold);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--gold);background:var(--gold-dim);}
.loader-name{font-size:26px;font-weight:600;letter-spacing:3px;color:var(--white);}
.loader-name span{color:var(--gold);}
.loader-spinner{width:32px;height:32px;border:2px solid rgba(157,171,164,0.2);border-top-color:var(--gold);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(157,171,164,0);}50%{box-shadow:0 0 20px 4px rgba(157,171,164,0.12);}}
/* Onboarding modal */
#onboardingModal{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;}
.onboard-box{background:var(--card);border:1px solid rgba(157,171,164,0.3);border-radius:20px;padding:48px 40px;max-width:520px;width:100%;text-align:center;box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 40px rgba(157,171,164,0.08);animation:popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both;}
.onboard-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;}
.onboard-logo img{width:38px;height:38px;border-radius:8px;}
.onboard-logo span{font-size:20px;font-weight:600;letter-spacing:2px;color:var(--white);}
.onboard-logo span em{color:var(--gold);font-style:normal;}
.onboard-title{font-size:clamp(24px,4vw,32px);font-weight:300;font-family:Georgia,serif;margin-bottom:8px;line-height:1.2;}
.onboard-title em{color:var(--gold);font-style:italic;}
.onboard-sub{font-size:14px;color:var(--dim);margin-bottom:36px;line-height:1.7;}
.onboard-steps{display:flex;gap:16px;margin-bottom:36px;justify-content:center;}
.onboard-step{flex:1;background:rgba(157,171,164,0.05);border:1px solid rgba(157,171,164,0.15);border-radius:14px;padding:20px 12px;}
.onboard-step-icon{font-size:28px;margin-bottom:10px;}
.onboard-step-title{font-size:12px;font-weight:600;color:var(--white);margin-bottom:4px;}
.onboard-step-desc{font-size:11px;color:var(--dim);line-height:1.5;}
.onboard-btn{width:100%;padding:16px;background:var(--gold);color:#08080A;border:none;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;margin-bottom:14px;}
.onboard-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(157,171,164,0.35);}
.onboard-skip{font-size:12px;color:var(--dim2);cursor:pointer;transition:color 0.2s;}
.onboard-skip:hover{color:var(--dim);}
@media(max-width:500px){.onboard-steps{flex-direction:column;}.onboard-box{padding:32px 24px;}}
/* Plan lock overlay */
.plan-locked{position:relative;opacity:0.45;filter:grayscale(0.3);}
.lock-wrap{position:relative;}
.page.active{display:flex;}
/* AUTH */
#page-login,#page-signup,#page-forgot,#page-newpass{align-items:center;justify-content:center;background:var(--black);position:relative;overflow:hidden;}
/* Animated background canvas */
#loginCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
/* Radial glow behind auth box */
#page-login::after,#page-signup::after,#page-forgot::after,#page-newpass::after{
content:'';position:absolute;width:600px;height:600px;
background:radial-gradient(circle,rgba(157,171,164,0.07) 0%,transparent 70%);
top:50%;left:50%;transform:translate(-50%,-50%);
pointer-events:none;z-index:0;
animation:glowPulse 4s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15);}}
.auth-box{position:relative;z-index:1;width:100%;max-width:420px;background:rgba(19,19,24,0.85);border:1px solid var(--gold-b);border-radius:20px;padding:44px 40px;box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(157,171,164,0.05);margin:20px;animation:popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both;backdrop-filter:blur(20px);}
@keyframes popIn{from{opacity:0;transform:scale(0.92) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes slideDown{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}}
@keyframes floatOrb{0%,100%{transform:translateY(0px) translateX(0px);}25%{transform:translateY(-30px) translateX(15px);}50%{transform:translateY(-15px) translateX(-10px);}75%{transform:translateY(-40px) translateX(5px);}}
/* Floating orbs */
.auth-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(40px);}
.logo-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:32px;}
.logo-box{width:36px;height:36px;border:1.5px solid var(--gold);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--gold);background:var(--gold-dim);}
.logo-name{font-size:22px;font-weight:600;letter-spacing:2px;}
.logo-name span{color:var(--gold);}
.auth-title{font-size:26px;font-weight:300;font-family:Georgia,serif;text-align:center;margin-bottom:6px;}
.auth-sub{font-size:13px;color:var(--dim);text-align:center;margin-bottom:28px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:8px;}
.field input{width:100%;padding:13px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:14px;outline:none;transition:border 0.2s,background 0.3s,box-shadow 0.2s;}
.field input:focus{border-color:var(--gold);background:rgba(157,171,164,0.04);box-shadow:0 0 0 3px rgba(157,171,164,0.08);}
.field input::placeholder{color:var(--dim2);}
.pass-wrap{position:relative;}
.pass-wrap input{padding-right:44px;}
.eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--dim);padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s;}
.eye-btn:hover{color:var(--gold);}
.eye-btn svg{width:18px;height:18px;}
.btn-full{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),#779E8B);color:var(--black);border:none;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;margin-top:6px;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(157,171,164,0.25);}
.btn-full::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.5s,height 0.5s,opacity 0.5s;}
.btn-full:hover::after{width:400px;height:400px;opacity:0;}
.btn-full:hover{background:linear-gradient(135deg,#A6C2B4,var(--gold));transform:translateY(-2px);box-shadow:0 12px 30px rgba(157,171,164,0.4);}
.btn-google{width:100%;padding:13px;background:rgba(255,255,255,0.06);color:var(--white);border:1px solid rgba(255,255,255,0.1);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:0;}
.btn-google:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}
.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--dim);}
.auth-switch a{color:var(--gold);cursor:pointer;text-decoration:none;}
.auth-switch a:hover{text-decoration:underline;}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}
.divider span{font-size:11px;color:var(--dim2);}
/* DASHBOARD */
#page-dashboard{flex-direction:row;height:100%;overflow:hidden;min-height:0;}
/* ─── DESIGN SYSTEM TOKENS ─── */
:root{
--s0:rgba(255,255,255,0.018);--s1:rgba(255,255,255,0.04);--s2:rgba(255,255,255,0.07);
--bd:rgba(255,255,255,0.08);--bd2:rgba(255,255,255,0.14);
--t1:#EDE8E0;--t2:rgba(237,232,224,0.55);--t3:rgba(237,232,224,0.28);--t4:rgba(237,232,224,0.12);
--gold2:#BEC8C3;--glow:rgba(157,171,164,0.12);--glow2:rgba(157,171,164,0.22);
--elGreen:#3DD68C;--elRed:#F87171;--elBlue:#60A5FA;--elPurple:#9B8AFB;
}
/* ─── SIDEBAR ─── */
.sidebar{
width:232px;flex-shrink:0;
background:#0A0A0D;
border-right:1px solid var(--bd);
display:flex;flex-direction:column;
height:100vh;position:fixed;top:0;left:0;
overflow:hidden;z-index:50;
}
.sidebar-logo{
padding:18px 16px;
border-bottom:1px solid var(--bd);
display:flex;align-items:center;gap:11px;
flex-shrink:0;
}
.logo-mark{
width:36px;height:36px;border-radius:11px;
background:linear-gradient(135deg,#9DABA4 0%,#447B60 100%);
display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:900;color:#08080A;
flex-shrink:0;letter-spacing:-0.5px;
box-shadow:0 0 0 1px rgba(157,171,164,0.3),0 4px 16px rgba(157,171,164,0.18);
}
.logo-wordmark{font-size:15px;font-weight:700;letter-spacing:-0.4px;color:var(--t1);}
.logo-wordmark b{color:var(--gold);}
.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto;}
.sidebar-nav::-webkit-scrollbar{width:0;}
.nav-section-label{
font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--t4);padding:0 10px;margin:16px 0 4px;display:block;
}
.nav-sep{height:1px;background:var(--bd);margin:8px 8px;}
.nav-item{
display:flex;align-items:center;gap:10px;
padding:9px 10px;border-radius:10px;
cursor:pointer;color:var(--t2);font-size:13px;font-weight:500;
transition:background 0.15s,color 0.15s;
margin-bottom:1px;position:relative;user-select:none;
}
.nav-item svg{flex-shrink:0;opacity:0.4;transition:opacity 0.15s;}
.nav-item:hover{background:var(--s1);color:var(--t1);}
.nav-item:hover svg{opacity:0.7;}
.nav-item.active{
background:linear-gradient(135deg,rgba(157,171,164,0.14),rgba(157,171,164,0.06));
color:var(--gold);
border:1px solid rgba(157,171,164,0.18);
}
.nav-item.active svg{opacity:1;}
.nav-item.active::before{
content:'';position:absolute;left:-1px;top:22%;bottom:22%;width:3px;
background:linear-gradient(180deg,var(--gold2),var(--gold));
border-radius:0 3px 3px 0;
box-shadow:0 0 12px rgba(157,171,164,0.6);
}
.nav-badge{
margin-left:auto;
background:rgba(61,214,140,0.12);border:1px solid rgba(61,214,140,0.25);
color:var(--elGreen);font-size:9px;font-weight:800;
padding:2px 7px;border-radius:100px;line-height:1.5;
}
.sidebar-bottom{padding:10px 8px 14px;border-top:1px solid var(--bd);flex-shrink:0;}
.user-pill{
display:flex;align-items:center;gap:9px;
padding:9px 10px;border-radius:10px;
background:var(--s0);border:1px solid var(--bd);
cursor:pointer;transition:all 0.15s;margin-bottom:4px;
}
.user-pill:hover{border-color:var(--bd2);background:var(--s1);}
.user-avatar{
width:32px;height:32px;border-radius:50%;
background:linear-gradient(135deg,#9DABA4,#447B60);
display:flex;align-items:center;justify-content:center;
font-size:13px;font-weight:800;color:#08080A;flex-shrink:0;
}
.user-name{font-size:12px;font-weight:700;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-plan{font-size:10px;color:var(--t3);margin-top:1px;}
.logout-btn{
display:flex;align-items:center;gap:8px;
padding:8px 10px;border-radius:9px;
font-size:12px;color:var(--elRed);cursor:pointer;transition:all 0.15s;
}
.logout-btn:hover{background:rgba(248,113,113,0.1);}
.logout-btn svg{opacity:0.5;flex-shrink:0;}
.logout-btn:hover svg{opacity:1;}
/* ─── MAIN ─── */
.main{flex:1;height:100%;display:flex;flex-direction:column;background:var(--black);margin-left:var(--main-ml,232px);overflow:hidden;min-height:0;width:calc(100% - var(--main-ml,232px));}
/* ─── TOPBAR ─── */
.topbar{
height:56px;display:flex;align-items:center;justify-content:space-between;
padding:0 28px;
border-bottom:1px solid var(--bd);
background:rgba(8,8,10,0.85);
backdrop-filter:blur(20px);
flex-shrink:0;z-index:10;position:relative;
}
.page-title{font-size:16px;font-weight:700;letter-spacing:-0.4px;color:var(--t1);}
.page-title span{color:var(--gold);}
.btn-new-tour{
display:inline-flex;align-items:center;gap:7px;
padding:8px 18px;border-radius:9px;
background:linear-gradient(135deg,#9DABA4,#4B8769);
color:#08080A;font-size:12px;font-weight:700;
border:none;cursor:pointer;font-family:inherit;
transition:all 0.15s;
box-shadow:0 2px 10px rgba(157,171,164,0.2);
}
.btn-new-tour:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px rgba(157,171,164,0.32);}
.btn-new-tour:active{transform:scale(0.97);}
.theme-btn{display:none;}
.btn-sm{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;border:none;font-family:inherit;}
.btn-gold-sm{background:linear-gradient(135deg,#9DABA4,#4B8769);color:#08080A;box-shadow:0 2px 10px rgba(157,171,164,0.2);}
.btn-gold-sm:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-out-sm{background:transparent;color:var(--t2);border:1px solid var(--bd);}
.btn-out-sm:hover{border-color:var(--bd2);color:var(--t1);}
.content{padding:24px 28px;flex:1;overflow-y:auto;}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:all 0.3s;cursor:default;}
.stat-card:hover{border-color:var(--gold-b);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.3),0 0 15px rgba(157,171,164,0.06);}
.s-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:6px;}
.s-num{font-size:26px;font-weight:300;font-family:Georgia,serif;color:var(--gold);line-height:1;}
.s-sub{font-size:11px;color:var(--dim2);margin-top:4px;}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.sec-title{font-size:15px;color:var(--white);}
.sec-link{font-size:11px;color:var(--gold);cursor:pointer;}
.tours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.tour-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);}
.tour-card:hover{border-color:var(--gold-b);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 20px rgba(157,171,164,0.06);}
.tour-card:hover .thumb-remove-btn{display:flex !important;}
.proj-card:hover{border-color:var(--gold-b) !important;transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.3);}
.tour-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative;border-bottom:1px solid var(--border);}
.tour-thumb::after{content:'360deg';position:absolute;bottom:8px;right:10px;font-size:9px;letter-spacing:2px;color:var(--gold);background:var(--gold-dim);padding:2px 8px;border-radius:4px;border:1px solid var(--gold-b);}
.tour-info{padding:16px;}
.tour-name{font-size:15px;margin-bottom:4px;}
.tour-meta{font-size:11px;color:var(--dim);display:flex;gap:12px;}
.tour-actions{display:flex;gap:8px;padding:0 16px 14px;}
.t-btn{flex:1;padding:8px;border-radius:6px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--dim);transition:all 0.2s;}
.t-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(157,171,164,0.08);transform:translateY(-1px);}
.t-btn.primary{background:var(--gold-dim);border-color:var(--gold-b);color:var(--gold);}
.t-btn-view{color:#64c8ff;border-color:rgba(100,200,255,0.2);}
.t-btn-view:hover{background:rgba(100,200,255,0.1);border-color:rgba(100,200,255,0.5);color:#64c8ff;}
.empty-state{text-align:center;padding:60px 20px;}
.empty-state .big-icon{font-size:48px;margin-bottom:16px;opacity:0.4;}
.empty-state h3{font-size:20px;font-family:Georgia,serif;color:var(--white);margin-bottom:8px;}
.empty-state p{font-size:14px;line-height:1.7;max-width:340px;margin:0 auto 24px;color:var(--dim);}
/* BUILDER */
#page-builder{flex-direction:column;position:fixed;inset:0;overflow:hidden;background:var(--black);display:none;}
.builder-top{display:flex!important;align-items:center;justify-content:space-between;padding:0 20px;background:#0A0A0D;border-bottom:1px solid rgba(255,255,255,0.08);flex-shrink:0;height:54px;}
.builder-body{display:flex;flex:1;min-height:0;overflow:hidden;}
.scenes-panel{width:200px;flex-shrink:0;background:#0A0A0D;border-right:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.panel-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#0A0A0D;position:sticky;top:0;z-index:2;}
.add-btn{width:22px;height:22px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-b);color:var(--gold);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.add-btn:hover{background:var(--gold);color:var(--black);}
.scenes-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;}
.scene-item{padding:9px 10px;border-radius:10px;cursor:pointer;margin-bottom:4px;border:1px solid transparent;transition:all 0.15s;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;color:rgba(237,232,224,0.5);font-family:'Cabinet Grotesk',sans-serif;}
.scene-item:hover{background:rgba(255,255,255,0.04);color:rgba(237,232,224,0.8);}
.scene-item.active{background:linear-gradient(135deg,rgba(157,171,164,0.14),rgba(157,171,164,0.06));border-color:rgba(157,171,164,0.25);color:var(--gold);}
.scene-num{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;font-family:'DM Mono',monospace;}
.scene-item.active .scene-num{background:var(--gold);color:#08080A;font-weight:800;}
.viewer-area{flex:1;position:relative;overflow:hidden;background:#050508;}
#viewerCanvas{width:100%;height:100%;display:none;cursor:grab;}
#viewerCanvas:active{cursor:grabbing;}
#viewerCanvas.hs-mode{cursor:crosshair !important;}
.viewer-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;}
.viewer-ph .big{font-size:52px;margin-bottom:14px;opacity:0.25;}
.viewer-ph h3{font-size:18px;font-family:Georgia,serif;color:var(--white);margin-bottom:8px;}
.viewer-ph p{font-size:13px;color:var(--dim);max-width:300px;line-height:1.7;margin-bottom:20px;}
.upload-zone{border:2px dashed var(--gold-b);border-radius:14px;padding:28px 36px;text-align:center;cursor:pointer;transition:all 0.3s;background:var(--gold-dim);}
.upload-zone:hover{border-color:var(--gold);background:rgba(157,171,164,0.15);}
.upload-zone input{display:none;}
.uz-icon{font-size:26px;margin-bottom:8px;}
.uz-text{font-size:12px;color:var(--dim);}
.uz-btn{display:inline-block;margin-top:12px;background:var(--gold);color:var(--black);padding:9px 22px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}
.viewer-toolbar{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:none;gap:6px;background:rgba(8,8,10,0.85);border:1px solid var(--border);border-radius:30px;padding:6px 14px;z-index:10;align-items:center;}
.vt-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all 0.2s;}
.vt-btn:hover{border-color:var(--gold);color:var(--gold);}
.vt-btn.on{background:var(--gold-dim);border-color:var(--gold);color:var(--gold);}
.vt-div{width:1px;height:20px;background:var(--border);margin:0 4px;}
.vt-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);padding:0 4px;}
.hs-banner{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:rgba(157,171,164,0.15);border:1px solid var(--gold-b);border-radius:8px;padding:8px 18px;font-size:12px;color:var(--gold);letter-spacing:1px;z-index:10;display:none;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.6;}}
#hsOverlay{position:absolute;inset:0;pointer-events:none;z-index:15;}
.hs-dot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:all;transition:filter 0.2s;overflow:visible;}
.hs-dot svg,.hs-icon-wrap svg,.hs-door-frame svg,.hs-door-panel svg{display:block;overflow:visible;background:transparent;}
.hs-dot:hover{filter:brightness(1.3);}
.hs-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center center;overflow:visible;}
.hs-dot.selected-hs .hs-icon-wrap::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);pointer-events:none;}
/* Door */
.hs-door-wrap{position:relative;width:56px;height:62px;display:flex;align-items:center;justify-content:center;}
.hs-door-scene{position:relative;width:38px;height:56px;}
.hs-door-floor{position:absolute;bottom:0;left:0;right:0;height:2px;background:white;border-radius:1px;}
.hs-door-frame-el{position:absolute;left:6px;top:3px;width:21px;height:50px;border:2.5px solid white;border-radius:2px;background:transparent;box-sizing:border-box;}
.hs-door-frame-inner{display:none;}
.hs-door-hinge{position:absolute;right:4px;top:3px;width:5px;height:50px;background:white;border-radius:2px;}
.hs-door-panel{position:absolute;left:6px;top:3px;width:21px;height:50px;background:rgba(255,255,255,0.88);border-radius:2px;transform-origin:right center;animation:doorSwing 3.2s ease-in-out infinite;box-shadow:2px 0 4px rgba(0,0,0,0.2);}
.hs-door-knob{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#3a3a3a;}
@keyframes doorSwing{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSwingLeft{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSwingRight{0%,10%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-75deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes doorSlide{0%,100%{transform:translateX(0);}50%{transform:translateX(-18px);}}
/* Floor oval */
.hs-floor-wrap{position:relative;width:80px;height:44px;display:flex;align-items:center;justify-content:center;}
.hs-floor-oval{position:relative;width:80px;height:44px;animation:floorPulse 1.3s ease-out infinite;}
.hs-floor-oval svg{width:100%;height:100%;}
/* Animations */
@keyframes doorPanel{0%,15%{transform:perspective(200px) rotateY(0deg);}50%,80%{transform:perspective(200px) rotateY(-70deg);}100%{transform:perspective(200px) rotateY(0deg);}}
@keyframes floorPulse{0%{transform:scale(0.2);opacity:1;}100%{transform:scale(1.2);opacity:0;}}
@keyframes hsNavArrow{0%,100%{transform:translateX(0);opacity:1;}50%{transform:translateX(6px);opacity:0.6;}}
@keyframes hsNavArrowLeft{0%,100%{transform:translateX(0);opacity:1;}50%{transform:translateX(-6px);opacity:0.6;}}
@keyframes hsNavBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
@keyframes hsBlink{0%,100%{opacity:1;}50%{opacity:0.15;}}
@keyframes hsSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes hsSlide{0%,100%{transform:translateX(0);}50%{transform:translateX(8px);}}
@keyframes hsBobUp{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes hsBobDown{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}
@keyframes hsBobLeft{0%,100%{transform:translateX(0);}50%{transform:translateX(-8px);}}
@keyframes hsBobRight{0%,100%{transform:translateX(0);}50%{transform:translateX(8px);}}
@keyframes hsPulseScale{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}
.hs-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(8,8,10,0.92);border:1px solid var(--gold-b);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;}
.hs-dot:hover .hs-tip{opacity:1;}
.hs-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(8,8,10,0.92);border:1px solid var(--gold-b);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;}
.hs-dot:hover .hs-tip{opacity:1;}
@keyframes hsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.2);}50%{box-shadow:0 0 0 10px rgba(255,255,255,0);}}
.props-panel{width:260px;flex-shrink:0;background:#0A0A0D;border-left:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.prop-sec{padding:14px 16px;border-bottom:1px solid var(--border);}
.prop-title{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
/* Accordion styles */
.acc-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.06);user-select:none;transition:background 0.15s;}
.acc-header:hover{background:rgba(157,171,164,0.05);}
.acc-title{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;font-weight:700;}
.acc-arrow{font-size:10px;color:var(--dim);transition:transform 0.25s;}
.acc-body{display:none;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.06);}
.acc-body.open{display:block;}
.trans-opt{cursor:pointer;border-radius:10px;border:1.5px solid var(--border);background:transparent;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all 0.18s;user-select:none;}
.trans-opt:hover{border-color:var(--gold);background:rgba(157,171,164,0.06);}
.trans-icon{font-size:20px;line-height:1;}
.trans-label{font-size:9px;letter-spacing:2px;color:rgba(245,240,232,0.7);font-family:'Segoe UI',sans-serif;}
.trans-desc{font-size:9px;color:var(--dim);text-align:center;}
.acc-header.open .acc-arrow{transform:rotate(180deg);}
/* Scenes panel left accordion */
.left-acc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;border-top:1px solid rgba(255,255,255,0.06);background:rgba(157,171,164,0.03);user-select:none;transition:background 0.15s;}
.left-acc-header:hover{background:rgba(157,171,164,0.07);}
.left-acc-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;}
.left-acc-arrow{font-size:9px;color:var(--dim);transition:transform 0.25s;}
.left-acc-body{display:none;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.2);}
.left-acc-body.open{display:block;}
.left-acc-header.open .left-acc-arrow{transform:rotate(180deg);}
/* Drag reorder scenes */
.scene-item{cursor:grab;position:relative;}
.scene-item.dragging{opacity:0.4;cursor:grabbing;}
.scene-item.drag-over{border-top:2px solid var(--gold);}
.prop-field{margin-bottom:12px;}
.prop-field label{display:block;font-size:11px;color:var(--dim);margin-bottom:5px;}
.prop-field input,.prop-field select,.prop-field textarea{width:100%;padding:8px 10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#EDE8E0;font-size:12px;outline:none;transition:border-color 0.15s;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;}
.prop-field input:focus,.prop-field select:focus,.prop-field textarea:focus{border-color:rgba(157,171,164,0.4);background:rgba(255,255,255,0.06);}
.prop-field select option{background:#131318;}
.prop-field textarea{resize:vertical;min-height:60px;}
.hs-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.hs-item{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:7px;padding:9px 11px;cursor:pointer;transition:all 0.2s;}
.hs-item:hover,.hs-item.sel{border-color:var(--gold-b);}
.hs-item.sel{background:var(--gold-dim);}
.hs-top{display:flex;align-items:center;justify-content:space-between;}
.hs-lbl{font-size:12px;color:var(--white);}
.hs-type-tag{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-top:2px;}
.hs-del{color:var(--dim2);cursor:pointer;font-size:13px;transition:color 0.2s;padding:2px;}
.hs-del:hover{color:var(--red);}
.place-btn{width:100%;padding:9px;border-radius:6px;background:var(--gold-dim);border:1px solid var(--gold-b);color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.2s;}
.place-btn:hover{background:rgba(157,171,164,0.2);}
.place-btn.on{background:var(--gold);color:var(--black);}
.hs-editor{background:rgba(157,171,164,0.06);border:1px solid var(--gold-b);border-radius:8px;padding:12px;margin-top:8px;display:none;}
.hs-editor.open{display:block;}
.hs-editor-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.del-btn{width:100%;padding:8px;border-radius:6px;background:rgba(224,85,85,0.1);border:1px solid rgba(224,85,85,0.25);color:#e08585;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-top:4px;}
/* MODALS */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:200;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.modal-overlay.open{display:flex;}
.modal{background:var(--card);border:1px solid var(--gold-b);border-radius:18px;padding:36px;max-width:440px;width:90%;animation:popIn 0.35s cubic-bezier(0.34,1.56,0.64,1) both;}
.modal h2{font-size:24px;font-weight:300;font-family:Georgia,serif;margin-bottom:6px;}
.modal p{font-size:13px;color:var(--dim);margin-bottom:20px;line-height:1.7;}
.share-box{display:flex;gap:8px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:8px;padding:4px 4px 4px 14px;align-items:center;}
.share-box span{font-size:12px;color:var(--dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.copy-btn{background:var(--gold);color:var(--black);border:none;padding:8px 16px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;flex-shrink:0;}
.copy-btn.copied{background:var(--green);color:white;}
.modal-close{width:100%;padding:12px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--dim);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-top:12px;transition:all 0.2s;}
.modal-close:hover{border-color:var(--gold);color:var(--gold);}
/* ANALYTICS */
.analytics-wrap{max-width:960px;}
.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px;}
.tour-select-wrap{display:flex;align-items:center;gap:10px;}
.tour-select-wrap label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);}
.tour-select{background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--white);padding:8px 14px;font-size:13px;outline:none;cursor:pointer;}
.tour-select:focus{border-color:var(--gold);}
.a-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;}
.a-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 20px;}
.a-card-icon{font-size:22px;margin-bottom:8px;}
.a-card-val{font-size:28px;font-weight:600;color:var(--white);margin-bottom:2px;}
.a-card-val span{color:var(--gold);}
.a-card-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);}
.a-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px;}
.a-section-title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.a-section-title::after{content:'';flex:1;height:1px;background:var(--border);}
.chart-wrap{height:140px;display:flex;align-items:flex-end;gap:4px;padding-top:10px;}
.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.chart-bar{width:100%;background:var(--gold-dim);border-radius:3px 3px 0 0;border:1px solid var(--gold-b);transition:height 0.5s cubic-bezier(0.34,1.56,0.64,1);min-height:2px;position:relative;}
.chart-bar:hover{background:var(--gold);cursor:pointer;}
.chart-bar .tip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--gold);color:var(--black);font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity 0.2s;pointer-events:none;}
.chart-bar:hover .tip{opacity:1;}
.chart-label{font-size:9px;color:var(--dim2);text-align:center;}
.country-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);}
.country-row:last-child{border:none;}
.country-flag{font-size:20px;width:28px;text-align:center;}
.country-name{flex:1;font-size:13px;color:var(--white);}
.country-bar-bg{width:120px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;}
.country-bar-fill{height:100%;background:var(--gold);border-radius:3px;transition:width 0.6s ease;}
.country-count{font-size:12px;color:var(--dim);min-width:30px;text-align:right;}
.scene-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);}
.scene-row:last-child{border:none;}
.scene-rank{width:22px;height:22px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--gold);flex-shrink:0;}
.scene-name{flex:1;font-size:13px;color:var(--white);}
.scene-views{font-size:12px;color:var(--dim);}
.device-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.device-icon{font-size:18px;width:28px;}
.device-label{font-size:13px;color:var(--white);flex:1;}
.device-bar-bg{width:140px;height:8px;background:var(--border);border-radius:4px;overflow:hidden;}
.device-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:4px;transition:width 0.6s ease;}
.device-pct{font-size:12px;color:var(--gold);font-weight:600;min-width:36px;text-align:right;}
.no-analytics{text-align:center;padding:40px 20px;color:var(--dim);}
.no-analytics .big-num{font-size:48px;margin-bottom:8px;}
/* LIGHT MODE OVERRIDES */
body.light-mode .auth-box{box-shadow:0 30px 80px rgba(0,0,0,0.12);}
body.light-mode .field input{background:rgba(0,0,0,0.04)!important;color:#1A1A1A!important;}
body.light-mode .field input::placeholder{color:rgba(0,0,0,0.3)!important;}
body.light-mode .tour-card{background:#fff;border-color:rgba(0,0,0,0.08);}
body.light-mode .stat-card{background:#fff;border-color:rgba(0,0,0,0.08);}
body.light-mode .modal-box{background:#fff;}
body.light-mode .panel{background:#EEEEE8!important;border-color:rgba(0,0,0,0.08)!important;}
body.light-mode .builder-top{background:#EEEEE8!important;border-color:rgba(0,0,0,0.08)!important;}
body.light-mode .scene-item{background:#fff;border-color:rgba(0,0,0,0.08);}
body.light-mode .scene-item.active{background:var(--gold-dim);border-color:var(--gold-b);}
body.light-mode input,body.light-mode textarea,body.light-mode select{background:rgba(0,0,0,0.04)!important;color:#1A1A1A!important;border-color:rgba(0,0,0,0.12)!important;}
body.light-mode .user-pill{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);}
body.light-mode .nav-item:hover{background:rgba(0,0,0,0.05);}
body.light-mode .nav-item.active{background:var(--gold-dim);}
body.light-mode .tour-name{color:#1A1A1A;}
body.light-mode .s-num{color:#1A1A1A;}
body.light-mode .sec-title{color:#1A1A1A;}
body.light-mode .page-title{color:#1A1A1A;}
body.light-mode .page-title span{color:var(--gold);}
body.light-mode .builder-viewer{background:#2a2a35!important;}
.toast.show{transform:translateY(0);opacity:1;}
#bottom-nav{
display:none;
position:fixed;
bottom:16px;left:50%;
transform:translateX(-50%);
z-index:1000;
width:calc(100% - 32px);
max-width:380px;
background:rgba(18,18,22,0.96);
border:1px solid rgba(255,255,255,0.08);
border-radius:100px;
padding:10px 12px;
padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);
justify-content:space-between;
align-items:center;
gap:4px;
}
@media(max-width:768px){
.sidebar,.scenes-panel,.props-panel{display:none;}
.main{margin-left:0!important;width:100vw!important;max-width:100vw!important;}
#bottom-nav{display:flex;}
/* App fills full screen - critical for mobile */
#page-dashboard{width:100vw!important;max-width:100vw!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;}
.sidebar{display:none!important;width:0!important;min-width:0!important;overflow:hidden!important;}
#mainContent_wrap{width:100vw!important;max-width:100vw!important;margin-left:0!important;left:0!important;}
.main{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;}
*{max-width:100vw;}
/* Topbar - account for browser chrome */
.topbar{
padding:12px 16px 12px;gap:10px;
border-bottom:1px solid var(--bd);
min-height:56px;
flex-wrap:nowrap;
overflow:hidden;
}
.topbar #tbViewToggle{display:none!important;}
.topbar #tbSortWrap{display:none!important;}
.topbar-left{flex-shrink:0;min-width:0;}
#tabTitle{font-size:20px!important;font-weight:800!important;letter-spacing:-0.5px!important;white-space:nowrap;}
#tabSubtitle{font-size:11px!important;color:var(--t3)!important;white-space:nowrap;}
#tbSearchWrap{flex:1!important;min-width:0!important;max-width:none!important;}
#btnNewTour{padding:7px 12px!important;font-size:11px!important;white-space:nowrap;flex-shrink:0;}
/* Content */
.content{padding:14px 16px 120px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;}
/* Filter bar */
.filter-bar{gap:7px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:4px;}
.filter-bar::-webkit-scrollbar{display:none;}
.sort-wrap{display:none!important;}
.fb-divider{display:none!important;}
.fb{padding:7px 16px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0;}
/* Tour cards - single column */
.grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
.tc{border-radius:16px;}
.tc-thumb{height:180px!important;}
.tc-body{padding:12px 14px!important;}
.tc-client{font-size:10px!important;text-transform:uppercase;letter-spacing:0.5px;}
.tc-name-edit{font-size:16px!important;font-weight:700!important;letter-spacing:-0.3px!important;width:100%!important;}
.tc-name-save{display:none!important;}
.tc-stat-val{font-size:15px!important;font-weight:700!important;}
.tc-stat-lbl{font-size:9px!important;letter-spacing:1px!important;}
.tc-stats{padding-top:10px!important;border-top:1px solid var(--bd)!important;}
/* Analytics - fix horizontal overflow */
.analytics-wrap,.an-wrap{width:100%!important;overflow-x:hidden!important;}
.an-stat-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.an-stat-card{min-width:0!important;}
.an-grid{display:flex!important;flex-direction:column!important;gap:10px!important;}
.an-col{width:100%!important;}
/* Demo banner */
#demoBanner{flex-direction:column!important;gap:10px!important;}
#demoBanner>div:last-child{width:100%;display:flex;gap:8px;}
#demoBanner>div:last-child button{flex:1;text-align:center;}
}
.bn-item{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
cursor:pointer;
padding:6px 4px;
transition:all 0.2s;
color:rgba(245,240,232,0.3);
font-size:10px;
font-weight:600;
letter-spacing:0.3px;
font-family:inherit;
border:none;
background:transparent;
border-radius:12px;
min-width:52px;
}
.bn-item:hover{color:rgba(245,240,232,0.6);}
.bn-item.active{color:var(--gold);}
.bn-item.active svg{stroke:var(--gold);}
.bn-item svg{width:20px;height:20px;stroke-width:1.6;stroke:currentColor;transition:all 0.2s;}
.bn-center{
width:52px;height:52px;
border-radius:50%;
background:linear-gradient(135deg,#BEC8C3,#9DABA4);
display:flex;align-items:center;justify-content:center;
border:none;cursor:pointer;
box-shadow:0 4px 16px rgba(157,171,164,0.4);
transition:all 0.2s;
flex-shrink:0;
}
.bn-center:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(157,171,164,0.45);}
.bn-center:active{transform:scale(0.95);}
.bn-icon{font-size:18px;line-height:1;}
/* ── MOBILE ONLY ── */
@media(max-width:768px){
#mobileMenuBtn{display:flex!important;}
#bottom-nav.auth-hidden{display:none!important;visibility:hidden!important;}
.mob-nav-item{padding:13px 14px;display:flex;align-items:center;gap:14px;cursor:pointer;color:rgba(245,240,232,0.55);font-size:15px;font-weight:500;border-radius:10px;transition:all 0.15s;}
.mob-nav-item:hover,.mob-nav-item:active{background:rgba(157,171,164,0.08);color:var(--gold);}
.mob-nav-item svg{flex-shrink:0;opacity:0.6;width:20px;height:20px;}
/* Topbar mobile */
.topbar{flex-wrap:nowrap;overflow:hidden;}
.topbar-left{min-width:0;flex-shrink:1;}
.topbar-title{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#tbSearchWrap{max-width:180px;}
#btnNewTour{padding:7px 12px!important;font-size:11px!important;}
/* Filter bar mobile */
.filter-bar{gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.filter-bar::-webkit-scrollbar{display:none;}
.sort-wrap{display:none!important;}
.fb-divider{display:none!important;}
.fb{white-space:nowrap;flex-shrink:0;}
/* Tour grid - single column on mobile */
.grid{grid-template-columns:1fr!important;}
/* Demo banner fix */
#demoBanner{flex-direction:column;align-items:flex-start!important;}
#demoBanner > div:last-child{width:100%;display:flex;gap:8px;}
#demoBanner > div:last-child button{flex:1;text-align:center;}
/* Builder mobile */
.builder-top{padding:8px 10px!important;}
#builderBackBtn{padding:5px 8px!important;font-size:10px!important;letter-spacing:1px!important;}
#builderTitleWrap{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;}
#bTourName{font-size:11px!important;}
#builderTopBtns{gap:5px!important;}
#builderTopBtns .btn-sm{padding:5px 8px!important;font-size:10px!important;letter-spacing:0.5px!important;}
#builderTopBtns button:nth-child(1){display:none!important;}
}
#mobile-builder-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--dark);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#mobile-builder-tabs::-webkit-scrollbar{display:none;}
.mb-tabs-row{display:flex;padding:0 4px;min-width:max-content;}
.mbtab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);cursor:pointer;border:none;background:transparent;font-family:'Segoe UI',sans-serif;transition:color 0.2s;white-space:nowrap;flex-shrink:0;position:relative;}
.mbtab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.mbtab.active{color:var(--gold);}
.mbtab.active::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:2px;background:var(--gold);border-radius:0 0 2px 2px;}
#mb-overlay{display:none;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,0.6);}
#mb-panel{position:fixed;bottom:56px;left:0;right:0;z-index:160;background:#0E0E12;border-top:1px solid rgba(157,171,164,0.2);border-radius:16px 16px 0 0;max-height:65vh;display:none;flex-direction:column;transform:translateY(100%);transition:transform 0.3s ease;}
#mb-panel.open{display:flex;transform:translateY(0);}
#mb-panel-handle{width:48px;height:5px;border-radius:3px;background:rgba(157,171,164,0.4);margin:14px auto 4px;flex-shrink:0;cursor:pointer;}
#mb-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;flex-shrink:0;border-bottom:1px solid var(--border);}
#mb-panel-title{font-size:13px;font-weight:500;}
#mb-panel-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.06);border:none;color:var(--dim);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}
#mb-panel-body{flex:1;overflow-y:auto;padding:16px 20px 24px;}
/* ─── TOPBAR CONTROLS ─── */
.tb-search{display:flex;align-items:center;gap:8px;background:var(--s1);border:1px solid var(--bd);border-radius:9px;padding:0 13px;height:34px;transition:border-color 0.15s;}
.tb-search:focus-within{border-color:rgba(157,171,164,0.3);}
.tb-search svg{opacity:0.35;flex-shrink:0;}
.tb-view-toggle{display:flex;background:var(--s1);border:1px solid var(--bd);border-radius:8px;padding:3px;gap:2px;}
.tbvt{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);transition:all 0.14s;}
.tbvt.on{background:var(--s2);color:var(--t1);}
.tbvt:hover{color:var(--t2);}
/* ─── CHROME TRIM ─── */
body::after{content:'';position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(157,171,164,0.5) 30%,rgba(190,200,195,0.7) 50%,rgba(157,171,164,0.5) 70%,transparent 100%);z-index:10000;pointer-events:none;}
@keyframes ci{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.ci{animation:ci 0.3s ease both;}
/* ════ TOUR CARDS ════ */
.filter-bar{display:flex;align-items:center;gap:6px;margin-bottom:20px;}
.fb{padding:5px 16px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,0.1);background:transparent;color:rgba(237,232,224,0.5);font-family:inherit;transition:all 0.15s;}
.fb:hover{border-color:rgba(255,255,255,0.2);color:#EDE8E0;}
.fb.on{background:rgba(255,255,255,0.1);color:#EDE8E0;border-color:rgba(255,255,255,0.2);}
.fb-divider{width:1px;height:18px;background:rgba(255,255,255,0.08);margin:0 4px;}
.sort-wrap{margin-left:auto;display:flex;align-items:center;gap:8px;height:30px;}
.sort-label{font-size:11px;color:rgba(237,232,224,0.22);}
.sort-sel{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:7px;padding:4px 28px 4px 10px;color:rgba(237,232,224,0.7);font-size:11px;font-family:inherit;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(237,232,224,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.sort-sel option{background:#0e0e12;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.list{display:flex;flex-direction:column;gap:8px;}
.empty{text-align:center;padding:80px 20px;}
.empty-icon{margin-bottom:16px;}
.empty-title{font-size:18px;font-weight:700;margin-bottom:8px;}
.empty-sub{font-size:13px;color:rgba(237,232,224,0.5);line-height:1.7;max-width:320px;margin:0 auto 24px;}
/* Card */
.tc{border:1px solid rgba(255,255,255,0.07);border-radius:14px;overflow:hidden;background:#0e0e12;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;}
.tc:hover{border-color:rgba(157,171,164,0.18);transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,0.5);}
.tc-thumb{position:relative;height:176px;overflow:hidden;background:#0a0a0e;}
.tc-placeholder{position:absolute;inset:0;}
.tc-placeholder svg{width:100%;height:100%;}
.tc-thumb-gold{position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.55) 50%,transparent);z-index:4;pointer-events:none;}
.tc-thumb-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.75) 0%,transparent 55%);opacity:0;transition:opacity 0.25s;z-index:2;}
.tc:hover .tc-thumb-overlay{opacity:1;}
.tc-status{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:0.2px;}
.s-live{background:rgba(61,214,140,0.12);border:1px solid rgba(61,214,140,0.22);color:#3DD68C;}
.s-draft{background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.28);color:#F87171;}
.tc-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;}
.tc-scenes{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;font-size:10px;color:rgba(237,232,224,0.55);background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,0.07);}
.tc-actions{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:12px;display:flex;gap:6px;transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.25,0.46,0.45,0.94);}
.tc:hover .tc-actions{transform:translateY(0);}
.tca{flex:1;padding:8px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;border:none;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px;transition:all 0.14s;}
.tca:active{transform:scale(0.96);}
.tca-edit{background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);color:#EDE8E0;}
.tca-edit:hover{background:rgba(255,255,255,0.2);}
.tca-view{background:linear-gradient(135deg,rgba(157,171,164,0.9),rgba(75,135,105,0.9));color:#08080A;font-weight:800;}
.tca-view:hover{filter:brightness(1.12);}
.tca-del{width:36px;flex-shrink:0;background:rgba(248,113,113,0.1);backdrop-filter:blur(8px);color:rgba(248,113,113,0.7);border:1px solid rgba(248,113,113,0.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.14s;}
.tca-del:hover{background:rgba(248,113,113,0.2);color:#F87171;}
.tc-body{padding:14px 16px;}
.tc-client{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(237,232,224,0.28);margin-bottom:6px;}
.tc-name{font-size:14px;font-weight:700;letter-spacing:-0.3px;color:#EDE8E0;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;}
.tc-stats{display:flex;border-top:1px solid rgba(255,255,255,0.06);padding-top:12px;}
.tc-stat{flex:1;text-align:center;position:relative;}
.tc-stat:not(:last-child)::after{content:'';position:absolute;right:0;top:15%;bottom:15%;width:1px;background:rgba(255,255,255,0.06);}
.tc-stat-val{font-size:15px;font-weight:800;letter-spacing:-0.5px;line-height:1;font-variant-numeric:tabular-nums;}
.tc-stat-lbl{font-size:9px;color:rgba(237,232,224,0.22);letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:5px;}
/* List view */
.tl{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,0.07);border-radius:12px;background:#0e0e12;transition:border-color 0.2s;}
.tl:hover{border-color:rgba(157,171,164,0.18);}
.tl-thumb{width:64px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,0.07);}
.tl-thumb svg{width:100%;height:100%;}
.tl-info{flex:1;min-width:0;}
.tl-client{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(237,232,224,0.28);margin-bottom:3px;}
.tl-name{font-size:13px;font-weight:600;color:#EDE8E0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tl-meta{display:flex;gap:16px;flex-shrink:0;}
.tl-stat{text-align:center;}
.tl-stat-val{font-size:13px;font-weight:800;letter-spacing:-0.3px;}
.tl-stat-lbl{font-size:9px;color:rgba(237,232,224,0.22);letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:2px;}
.tl-actions{display:flex;gap:6px;flex-shrink:0;}
.tla{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(237,232,224,0.4);transition:all 0.14s;font-family:inherit;}
.tla:hover{border-color:rgba(255,255,255,0.16);color:#EDE8E0;background:rgba(255,255,255,0.05);}
@keyframes ci{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.ci{animation:ci 0.28s ease both;}
/* ANALYTICS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px;}
.stat{border:1px solid var(--bd);border-radius:16px;padding:20px 22px;position:relative;overflow:hidden;transition:border-color 0.2s,transform 0.2s;cursor:default;background:var(--s0);}
.stat:hover{border-color:var(--bd2);transform:translateY(-2px);}
.stat-line{position:absolute;top:0;left:0;right:0;height:1px;}
.stat-ghost{position:absolute;bottom:-10px;right:-6px;font-size:76px;font-weight:900;line-height:1;pointer-events:none;opacity:0.04;transition:opacity 0.25s;font-family:'Cabinet Grotesk',sans-serif;letter-spacing:-4px;}
.stat:hover .stat-ghost{opacity:0.07;}
.stat-glow{position:absolute;bottom:-20px;left:16px;width:80px;height:80px;border-radius:50%;filter:blur(28px);opacity:0.18;transition:opacity 0.25s;pointer-events:none;}
.stat:hover .stat-glow{opacity:0.28;}
.stat-label{font-size:10px;color:var(--t3);letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:14px;position:relative;z-index:1;}
.stat-val{font-size:38px;font-weight:800;letter-spacing:-2px;line-height:1;font-variant-numeric:tabular-nums;position:relative;z-index:1;}
.stat-val span{font-size:20px;font-weight:600;letter-spacing:-1px;}
.stat-foot{font-size:11px;color:var(--t3);margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.055);display:flex;align-items:center;gap:5px;position:relative;z-index:1;font-weight:500;}
/* ── Card ── */
.card{background:var(--s0);border:1px solid var(--bd);border-radius:16px;overflow:hidden;}
.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--bd);background:rgba(0,0,0,0.15);}
.card-title{font-size:13px;font-weight:700;letter-spacing:-0.2px;}
.card-sub{font-size:11px;color:var(--t3);font-family:'DM Mono',monospace;}
.card-body{padding:18px;}
/* ── Layouts ── */
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.row-32{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:16px;}
.row-213{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:16px;margin-bottom:16px;}
/* ── Bar Chart ── */
.chart-outer{position:relative;padding-left:32px;padding-bottom:24px;}
.chart-y-axis{position:absolute;left:0;top:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:6px;}
.chart-y-label{font-size:9px;color:var(--t3);font-family:'DM Mono',monospace;line-height:1;}
.chart-grid-lines{position:absolute;left:32px;right:0;top:0;bottom:24px;pointer-events:none;}
.chart-grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,0.04);}
.chart-bars{display:flex;align-items:flex-end;gap:3px;height:120px;position:relative;}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;height:100%;justify-content:flex-end;position:relative;}
.bar-col:hover .bar-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);}
.bar{width:100%;border-radius:3px 3px 2px 2px;animation:barIn 0.45s cubic-bezier(0.34,1.2,0.64,1) both;transform-origin:bottom;flex-shrink:0;}
@keyframes barIn{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.bar:hover{filter:brightness(1.35);}
.bar-tooltip{position:absolute;top:-26px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);border:1px solid var(--bd2);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;font-family:'DM Mono',monospace;white-space:nowrap;opacity:0;transition:opacity 0.15s,transform 0.15s;pointer-events:none;backdrop-filter:blur(8px);z-index:10;}
.bar-x-label{position:absolute;bottom:-20px;font-size:9px;color:var(--t3);font-family:'DM Mono',monospace;white-space:nowrap;text-align:center;left:50%;transform:translateX(-50%);}
.bar-spacer{flex:1;}
/* ── Pie Chart ── */
.pie-container{display:flex;align-items:center;gap:20px;padding:4px 0;}
.pie-svg{flex-shrink:0;}
.pie-legend{flex:1;display:flex;flex-direction:column;gap:10px;}
.pl-item{display:flex;align-items:center;gap:9px;}
.pl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.pl-name{font-size:12px;font-weight:600;flex:1;color:var(--t1);}
.pl-val{font-size:11px;font-weight:800;font-family:'DM Mono',monospace;min-width:28px;text-align:right;}
.pl-pct{font-size:10px;color:var(--t3);min-width:30px;text-align:right;}
/* ── Heatmap ── */
.hm-wrap{display:flex;gap:4px;}
.hm-week{display:flex;flex-direction:column;gap:3px;}
.hm-cell{width:13px;height:13px;border-radius:3px;transition:transform 0.15s;cursor:default;position:relative;}
.hm-cell:hover{transform:scale(1.2);z-index:2;}
.hm-day-labels{display:flex;flex-direction:column;gap:3px;margin-right:4px;}
.hm-day-label{height:13px;font-size:8px;color:var(--t3);font-family:'DM Mono',monospace;display:flex;align-items:center;}
.hm-month-labels{display:flex;gap:4px;margin-bottom:4px;padding-left:0;}
.hm-month-label{font-size:9px;color:var(--t3);font-family:'DM Mono',monospace;}
/* ── Scene list ── */
.scene-row{display:flex;align-items:center;gap:10px;padding:9px 0;}
.scene-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.038);}
.scene-rank{font-size:11px;font-weight:800;font-family:'DM Mono',monospace;width:20px;flex-shrink:0;text-align:center;color:var(--t3);}
.scene-rank.top{color:var(--gold);}
.scene-name{font-size:12px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scene-bar-track{width:72px;height:4px;background:var(--s2);border-radius:100px;overflow:hidden;flex-shrink:0;}
.scene-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold),var(--gold2));animation:barFill 0.6s ease both;}
@keyframes barFill{from{width:0!important;}to{}}
.scene-count{font-size:11px;font-family:'DM Mono',monospace;color:var(--t2);min-width:28px;text-align:right;}
/* ── Country list ── */
.country-row{display:flex;align-items:center;gap:9px;padding:9px 0;}
.country-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.038);}
.country-flag{font-size:15px;width:22px;text-align:center;flex-shrink:0;}
.country-name{font-size:12px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.country-bar-track{width:52px;height:3px;background:var(--s2);border-radius:100px;overflow:hidden;flex-shrink:0;}
.country-bar-fill{height:100%;border-radius:100px;animation:barFill 0.6s ease both;}
.country-num{font-size:11px;font-family:'DM Mono',monospace;color:var(--t2);min-width:24px;text-align:right;}
.country-pct{font-size:10px;color:var(--t3);min-width:30px;text-align:right;}
/* ── Devices ── */
.device-row{display:flex;align-items:center;gap:10px;padding:9px 0;}
.device-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.038);}
.device-icon-wrap{width:32px;height:32px;border-radius:9px;background:var(--s1);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.device-info{flex:1;}
.device-name{font-size:12px;font-weight:600;margin-bottom:4px;}
.device-bar-track{height:3px;background:var(--s2);border-radius:100px;overflow:hidden;}
.device-bar-fill{height:100%;border-radius:100px;animation:barFill 0.6s ease both;}
.device-pct{font-size:14px;font-weight:800;font-family:'DM Mono',monospace;letter-spacing:-0.5px;min-width:36px;text-align:right;}
/* ── Toast ── */
.tz{position:fixed;bottom:24px;right:24px;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
@keyframes ci{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.ci{animation:ci 0.3s ease both;}
/* Analytics layout */
.row-213{display:grid;grid-template-columns:3fr 2fr 1.4fr;gap:16px;margin-bottom:16px;}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.card{background:var(--s0);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin-bottom:0;}
.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--bd);background:rgba(0,0,0,0.15);}
.card-title{font-size:13px;font-weight:700;color:var(--t1);}
.card-sub{font-size:11px;color:var(--t3);font-family:'DM Mono',monospace;}
.card-body{padding:18px;}
.tour-sel{display:flex;align-items:center;gap:8px;background:var(--s1);border:1px solid var(--bd);border-radius:9px;padding:0 12px;height:34px;}
.tour-sel select{background:transparent;border:none;outline:none;color:var(--t1);font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;appearance:none;min-width:120px;}
.range-btns{display:flex;background:var(--s1);border:1px solid var(--bd);border-radius:8px;padding:3px;gap:2px;}
.rb{padding:4px 11px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--t3);font-family:inherit;transition:all 0.12s;}
.rb.on{background:var(--s2);color:var(--t1);}
.a-refresh-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--bd);background:transparent;color:var(--t2);font-family:inherit;transition:all 0.15s;}
.a-refresh-btn:hover{border-color:var(--bd2);color:var(--t1);}
.stat-val-unit{font-size:20px;font-weight:600;letter-spacing:-0.5px;}
.chart-outer{position:relative;padding-left:32px;padding-bottom:24px;}
.chart-y-axis{position:absolute;left:0;top:0;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:6px;}
.chart-y-label{font-size:9px;color:var(--t3);font-family:'DM Mono',monospace;line-height:1;}
.chart-grid-lines{position:absolute;left:32px;right:0;top:0;bottom:24px;pointer-events:none;}
.chart-grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,0.04);}
.chart-bars{display:flex;align-items:flex-end;gap:3px;height:120px;}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative;}
.bar-col:hover .bar-tooltip{opacity:1;}
.bar{width:100%;border-radius:3px 3px 2px 2px;animation:barIn 0.4s cubic-bezier(0.34,1.2,0.64,1) both;transform-origin:bottom;}
@keyframes barIn{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.bar-spacer{flex:1;}
.bar-tooltip{position:absolute;top:-26px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);border:1px solid var(--bd2);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;font-family:'DM Mono',monospace;white-space:nowrap;opacity:0;transition:opacity 0.15s;pointer-events:none;z-index:10;}
.bar-x-label{position:absolute;bottom:-20px;font-size:9px;color:var(--t3);font-family:'DM Mono',monospace;white-space:nowrap;left:50%;transform:translateX(-50%);}
.pie-container{display:flex;align-items:center;gap:20px;}
.pie-legend{flex:1;display:flex;flex-direction:column;gap:10px;}
.pl-item{display:flex;align-items:center;gap:9px;}
.pl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.pl-name{font-size:12px;font-weight:600;flex:1;color:var(--t1);}
.pl-val{font-size:11px;font-weight:800;font-family:'DM Mono',monospace;min-width:28px;text-align:right;}
.pl-pct{font-size:10px;color:var(--t3);min-width:30px;text-align:right;}
.device-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.device-row:last-child{border-bottom:none;}
.device-icon-wrap{width:32px;height:32px;border-radius:9px;background:var(--s1);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.device-info{flex:1;}
.device-name{font-size:12px;font-weight:600;color:var(--t1);margin-bottom:4px;}
.device-bar-track{height:3px;background:var(--s2);border-radius:100px;overflow:hidden;}
.device-bar-fill{height:100%;border-radius:100px;opacity:0.75;}
.device-pct{font-size:14px;font-weight:800;font-family:'DM Mono',monospace;min-width:36px;text-align:right;}
.scene-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.scene-row:last-child{border-bottom:none;}
.scene-rank{font-size:11px;font-weight:800;font-family:'DM Mono',monospace;width:20px;text-align:center;color:var(--t3);}
.scene-rank.top{color:var(--gold);}
.scene-name{font-size:12px;font-weight:600;flex:1;color:var(--t1);}
.scene-bar-track{width:72px;height:4px;background:var(--s2);border-radius:100px;overflow:hidden;}
.scene-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--gold),var(--gold2));animation:barFill 0.6s ease both;}
@keyframes barFill{from{width:0!important;}to{}}
.scene-count{font-size:11px;font-family:'DM Mono',monospace;color:var(--t2);min-width:28px;text-align:right;}
.country-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.country-row:last-child{border-bottom:none;}
.country-flag{font-size:15px;width:22px;text-align:center;flex-shrink:0;}
.country-name{font-size:12px;font-weight:600;flex:1;color:var(--t1);}
.country-bar-track{width:52px;height:3px;background:var(--s2);border-radius:100px;overflow:hidden;}
.country-bar-fill{height:100%;border-radius:100px;animation:barFill 0.6s ease both;}
.country-num{font-size:11px;font-family:'DM Mono',monospace;min-width:24px;text-align:right;}
.country-pct{font-size:10px;color:var(--t3);min-width:30px;text-align:right;}
.hm-wrap{display:flex;gap:4px;}
.hm-week{display:flex;flex-direction:column;gap:3px;}
.hm-cell{width:13px;height:13px;border-radius:3px;cursor:default;transition:transform 0.15s;}
.hm-cell:hover{transform:scale(1.2);position:relative;z-index:2;}
.hm-day-labels{display:flex;flex-direction:column;gap:3px;margin-right:4px;}
.hm-day-label{height:13px;font-size:8px;color:var(--t3);font-family:'DM Mono',monospace;display:flex;align-items:center;}
/* ── END ANALYTICS ── */
/* SETTINGS */
.settings-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;max-width:940px;align-items:start;}
.right-col{position:sticky;top:0;}
/* ── Section label ── */
.sec-lbl{display:flex;align-items:center;gap:10px;margin-bottom:14px;margin-top:26px;}
.sec-lbl:first-child{margin-top:0;}
.sec-lbl-line{height:1px;width:18px;flex-shrink:0;}
.sec-lbl-text{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
/* ── Card ── */
.card{background:var(--s0);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin-bottom:14px;}
.card:last-child{margin-bottom:0;}
.card-body{padding:20px;}
/* ── Avatar ── */
.ava-row{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--bd);}
.ava{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#387F5C);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#08080A;position:relative;cursor:pointer;flex-shrink:0;box-shadow:0 0 0 2px rgba(157,171,164,0.22),0 0 20px rgba(157,171,164,0.1);transition:box-shadow 0.2s;overflow:hidden;}
.ava:hover{box-shadow:0 0 0 2px rgba(157,171,164,0.45),0 0 28px rgba(157,171,164,0.2);}
.ava-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;}
.ava:hover .ava-overlay{opacity:1;}
.ava-edit{position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#4B8769);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);}
.ava-meta{flex:1;}
.ava-name{font-size:15px;font-weight:700;letter-spacing:-0.3px;margin-bottom:3px;}
.ava-hint{font-size:11px;color:var(--t3);}
/* ── Fields ── */
.field{margin-bottom:13px;}
.field:last-child{margin-bottom:0;}
.fl{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:0.9px;text-transform:uppercase;margin-bottom:6px;display:block;}
.fi{width:100%;padding:10px 13px;background:var(--s1);border:1px solid var(--bd);border-radius:10px;color:var(--t1);font-size:13px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;outline:none;transition:border-color 0.14s;}
.fi:focus{border-color:var(--gold-b);}
.fi::placeholder{color:var(--t3);}
.fi[readonly]{color:var(--t2);cursor:default;opacity:0.65;}
/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.15s;border:none;font-family:inherit;letter-spacing:-0.1px;}
.btn:active{transform:scale(0.97);}
.btn-gold{background:linear-gradient(135deg,#9DABA4,#4B8769);color:#08080A;box-shadow:0 2px 12px rgba(157,171,164,0.2);}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px rgba(157,171,164,0.3);}
.btn-ghost{background:transparent;border:1px solid var(--bd);color:var(--t2);}
.btn-ghost:hover{border-color:var(--bd2);color:var(--t1);background:var(--s1);}
.btn-full{width:100%;justify-content:center;}
.btn-danger{background:rgba(248,113,113,0.07);border:1px solid rgba(248,113,113,0.2);color:var(--red);}
.btn-danger:hover{background:rgba(248,113,113,0.14);border-color:rgba(248,113,113,0.35);}
/* ── Usage stats ── */
.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.ustat{background:var(--s1);border:1px solid var(--bd);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:border-color 0.18s,transform 0.18s;}
.ustat:hover{border-color:var(--bd2);transform:translateY(-1px);}
.ustat-line{position:absolute;top:0;left:0;right:0;height:1px;}
.ustat-ghost{position:absolute;bottom:-8px;right:-4px;font-size:56px;font-weight:900;letter-spacing:-4px;opacity:0.04;pointer-events:none;font-family:'Cabinet Grotesk',sans-serif;transition:opacity 0.2s;}
.ustat:hover .ustat-ghost{opacity:0.07;}
.ustat-lbl{font-size:10px;color:var(--t3);letter-spacing:0.8px;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.ustat-val{font-size:22px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1;}
.ustat-val span{font-size:13px;font-weight:600;color:var(--t2);}
.ustat-sub{font-size:10px;color:var(--t3);margin-top:5px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.05);font-weight:500;}
.ustat-bar{height:3px;background:rgba(255,255,255,0.06);border-radius:100px;margin-top:8px;overflow:hidden;}
.ustat-bar-fill{height:100%;border-radius:100px;transition:width 0.8s cubic-bezier(0.34,1.2,0.64,1);}
/* ── Danger zone ── */
.danger-zone{background:rgba(248,113,113,0.04);border:1px solid rgba(248,113,113,0.14);border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.danger-info span{font-size:13px;font-weight:600;display:block;margin-bottom:4px;}
.danger-info small{font-size:11px;color:var(--t3);line-height:1.7;}
/* ── Plan card ── */
.plan-card{background:var(--s0);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin-bottom:14px;position:relative;}
.plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.5),transparent);}
.plan-body{padding:20px;}
.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:100px;background:var(--glow);border:1px solid var(--gold-b);margin-bottom:14px;}
.plan-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(61,214,140,0.8);animation:blink 2.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.plan-badge-text{font-size:10px;font-weight:800;color:var(--green);letter-spacing:0.5px;}
.plan-name{font-size:22px;font-weight:900;letter-spacing:-1px;margin-bottom:4px;}
.plan-price{font-size:12px;color:var(--t3);font-family:'DM Mono',monospace;margin-bottom:16px;}
/* Expiry progress */
.expiry-box{background:rgba(0,0,0,0.2);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;margin-bottom:16px;}
.expiry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.expiry-lbl{font-size:10px;color:var(--t3);font-weight:700;letter-spacing:0.5px;text-transform:uppercase;}
.expiry-days{font-size:13px;font-weight:800;font-family:'DM Mono',monospace;color:var(--green);}
.expiry-bar{height:3px;background:rgba(255,255,255,0.06);border-radius:100px;overflow:hidden;}
.expiry-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--green),rgba(61,214,140,0.5));transition:width 0.8s ease;}
/* Plan features */
.plan-features{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;}
.pf{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--t2);}
.pf svg{flex-shrink:0;color:var(--green);}
/* Security card */
.security-field{padding:14px 0;border-bottom:1px solid var(--bd);}
.security-field:first-child{padding-top:0;}
.security-field:last-child{border-bottom:none;padding-bottom:0;}
.sf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sf-info span{font-size:13px;font-weight:600;display:block;margin-bottom:2px;}
.sf-info small{font-size:11px;color:var(--t3);}
.sf-action{font-size:11px;font-weight:700;color:var(--gold);background:var(--glow);border:1px solid var(--gold-b);padding:5px 12px;border-radius:8px;cursor:pointer;transition:all 0.14s;white-space:nowrap;font-family:inherit;}
.sf-action:hover{background:rgba(157,171,164,0.2);}
.sf-action-danger{color:var(--red);background:rgba(248,113,113,0.07);border-color:rgba(248,113,113,0.2);}
.sf-action-danger:hover{background:rgba(248,113,113,0.14);border-color:rgba(248,113,113,0.35);}
/* ── Toast ── */
.tz{position:fixed;bottom:24px;right:24px;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
@keyframes ci{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.ci{animation:ci 0.3s ease both;}
/* Settings extra */
.s-card{background:var(--s0);border:1px solid var(--bd);border-radius:14px;padding:20px;margin-bottom:14px;}
.s-ava-row{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--bd);}
.s-ava{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#447B60);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#08080A;position:relative;cursor:pointer;flex-shrink:0;box-shadow:0 0 0 2px rgba(157,171,164,0.22);overflow:hidden;transition:box-shadow 0.2s;}
.s-ava:hover{box-shadow:0 0 0 2px rgba(157,171,164,0.45);}
.s-ava-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;border-radius:50%;}
.s-ava:hover .s-ava-overlay{opacity:1;}
.s-ava-edit{position:absolute;bottom:-1px;right:-1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#4B8769);display:flex;align-items:center;justify-content:center;border:2px solid var(--black);}
.s-field{margin-bottom:13px;}
.s-label{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:0.9px;text-transform:uppercase;margin-bottom:6px;display:block;}
.s-input{width:100%;padding:10px 13px;background:var(--s1);border:1px solid var(--bd);border-radius:10px;color:var(--t1);font-size:13px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;outline:none;transition:border-color 0.14s;}
.s-input:focus{border-color:rgba(157,171,164,0.3);}
.s-input::placeholder{color:var(--t3);}
.s-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.15s;border:none;font-family:inherit;}
.s-btn:active{transform:scale(0.97);}
.s-btn-gold{background:linear-gradient(135deg,#9DABA4,#4B8769);color:#08080A;box-shadow:0 2px 12px rgba(157,171,164,0.2);}
.s-btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);}
.s-btn-ghost{background:transparent;border:1px solid var(--bd);color:var(--t2);}
.s-btn-ghost:hover{border-color:var(--bd2);color:var(--t1);background:var(--s1);}
.s-btn-danger{background:rgba(248,113,113,0.07);border:1px solid rgba(248,113,113,0.2);color:var(--elRed);}
.s-btn-danger:hover{background:rgba(248,113,113,0.14);}
.s-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.s-ustat{background:var(--s1);border:1px solid var(--bd);border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:border-color 0.18s;}
.s-ustat:hover{border-color:var(--bd2);}
.s-ustat-line{position:absolute;top:0;left:0;right:0;height:1px;}
.s-ustat-ghost{position:absolute;bottom:-8px;right:-4px;font-size:56px;font-weight:900;letter-spacing:-4px;opacity:0.04;pointer-events:none;font-family:'Cabinet Grotesk',sans-serif;}
.s-ustat-lbl{font-size:10px;color:var(--t3);letter-spacing:0.8px;text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.s-ustat-val{font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1;}
.s-ustat-sub{font-size:10px;color:var(--t3);margin-top:5px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.05);}
.s-ubar{height:3px;background:rgba(255,255,255,0.06);border-radius:100px;margin-top:8px;overflow:hidden;}
.s-ubar-fill{height:100%;border-radius:100px;}
.s-danger{background:rgba(248,113,113,0.04);border:1px solid rgba(248,113,113,0.14);border-radius:14px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.s-plan-card{background:var(--s0);border:1px solid var(--bd);border-radius:16px;padding:20px;position:relative;overflow:hidden;margin-bottom:14px;}
.s-plan-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.5),transparent);}
.s-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:100px;background:var(--glow);border:1px solid rgba(157,171,164,0.2);margin-bottom:14px;}
.s-plan-dot{width:6px;height:6px;border-radius:50%;animation:blink 2.5s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.s-plan-name{font-size:22px;font-weight:900;letter-spacing:-1px;color:var(--t1);margin-bottom:4px;}
.s-plan-price{font-size:12px;color:var(--t3);font-family:'DM Mono',monospace;margin-bottom:16px;}
.s-expiry-box{background:rgba(0,0,0,0.2);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;margin-bottom:16px;}
.s-expiry-bar{height:3px;background:rgba(255,255,255,0.06);border-radius:100px;overflow:hidden;}
.s-expiry-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--elGreen),rgba(61,214,140,0.5));}
.s-plan-features{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;}
.s-pf{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--t2);}
.s-security-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd);}
.s-security-row:first-child{padding-top:0;}
.s-sec-btn{font-size:11px;font-weight:700;color:var(--gold);background:var(--glow);border:1px solid rgba(157,171,164,0.2);padding:5px 12px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all 0.14s;white-space:nowrap;}
.s-sec-btn:hover{background:rgba(157,171,164,0.2);}
.s-sec-btn-danger{color:var(--elRed);background:rgba(248,113,113,0.12);border-color:rgba(248,113,113,0.35);}
.s-sec-btn-danger:hover{background:rgba(248,113,113,0.14);}
/* ── END SETTINGS ── */
/* LEADS */
/* ════ LEADS ════ */
.leads-wrap{max-width:1100px;}
.leads-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
.ls{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;}
.ls-line{position:absolute;top:0;left:0;right:0;height:1px;}
.ls-ghost{position:absolute;bottom:-10px;right:-4px;font-size:72px;font-weight:900;letter-spacing:-6px;opacity:0.04;pointer-events:none;}
.ls-lbl{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(237,232,224,0.28);margin-bottom:12px;}
.ls-val{font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1;}
.ls-sub{font-size:11px;color:rgba(237,232,224,0.35);margin-top:6px;}
.leads-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;}
.leads-card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.06);}
.leads-card-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#EDE8E0;}
.lc-badge{background:rgba(157,171,164,0.12);border:1px solid rgba(157,171,164,0.22);color:#9DABA4;font-size:10px;font-weight:800;padding:2px 8px;border-radius:100px;}
.leads-filters{display:flex;gap:4px;}
.lf{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:rgba(237,232,224,0.4);font-family:inherit;transition:all 0.14s;}
.lf:hover{color:#EDE8E0;border-color:rgba(255,255,255,0.1);}
.lf.on{background:rgba(255,255,255,0.08);color:#EDE8E0;border-color:rgba(255,255,255,0.14);}
.leads-table{width:100%;border-collapse:collapse;}
.leads-table th{padding:10px 14px;text-align:left;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(237,232,224,0.28);border-bottom:1px solid rgba(255,255,255,0.06);}
.lr{border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.14s;}
.lr:last-child{border-bottom:none;}
.lr:hover{background:rgba(255,255,255,0.02);}
.lr td{padding:12px 14px;font-size:13px;color:rgba(237,232,224,0.7);vertical-align:middle;}
.l-ava{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#08080A;flex-shrink:0;}
.l-name{font-size:13px;font-weight:700;color:#EDE8E0;line-height:1.3;}
.l-email{font-size:11px;color:rgba(237,232,224,0.35);margin-top:2px;}
.l-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;}
.lb-new{background:rgba(61,214,140,0.1);border:1px solid rgba(61,214,140,0.22);color:#3DD68C;}
.lb-contacted{background:rgba(157,171,164,0.1);border:1px solid rgba(157,171,164,0.22);color:#9DABA4;}
.lb-converted{background:rgba(155,138,251,0.1);border:1px solid rgba(155,138,251,0.22);color:#9B8AFB;}
.l-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor;}
.l-status-sel{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:5px 28px 5px 10px;color:#EDE8E0;font-size:12px;font-family:inherit;outline:none;cursor:pointer;appearance:none;}
.l-status-sel option{background:#0e0e12;}
.l-action{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(237,232,224,0.4);transition:all 0.14s;text-decoration:none;}
.l-action:hover{border-color:rgba(255,255,255,0.18);color:#EDE8E0;background:rgba(255,255,255,0.05);}
.l-action-del{border-color:rgba(248,113,113,0.15);color:rgba(248,113,113,0.4);}
.l-action-del:hover{border-color:rgba(248,113,113,0.4);color:#F87171;background:rgba(248,113,113,0.07);}
.leads-empty{padding:60px;text-align:center;color:rgba(237,232,224,0.3);}
/* ════ END LEADS ════ */
/* SUB */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
--black:#08080A;
--gold:#9DABA4;
--gold2:#BEC8C3;
--glow:rgba(157,171,164,0.14);
--s0:rgba(255,255,255,0.018);
--s1:rgba(255,255,255,0.04);
--s2:rgba(255,255,255,0.07);
--bd:rgba(255,255,255,0.08);
--bd2:rgba(255,255,255,0.14);
--t1:#EDE8E0;
--t2:rgba(237,232,224,0.55);
--t3:rgba(237,232,224,0.28);
--t4:rgba(237,232,224,0.12);
--green:#3DD68C;
--blue:#60A5FA;
--purple:#9B8AFB;
--red:#F87171;
}
body{
background:var(--black);
color:var(--t1);
font-family:'Cabinet Grotesk',sans-serif;
min-height:100vh;
padding:40px 32px;
overflow-x:hidden;
}
/* Chrome trim */
body::before{
content:'';
position:fixed;
top:0;left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(157,171,164,0.5) 30%,rgba(190,200,195,0.7) 50%,rgba(157,171,164,0.5) 70%,transparent);
z-index:100;
}
/* Background glow */
body::after{
content:'';
position:fixed;
top:-200px;left:50%;
transform:translateX(-50%);
width:800px;height:400px;
background:radial-gradient(ellipse,rgba(157,171,164,0.04) 0%,transparent 70%);
pointer-events:none;
z-index:0;
}
.wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto;}
/* Header */
.hdr{text-align:center;margin-bottom:40px;}
.hdr-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:var(--gold);
background:var(--glow);
border:1px solid rgba(157,171,164,0.2);
padding:5px 16px;border-radius:100px;
margin-bottom:18px;
}
.hdr-eyebrow span{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);}
.hdr h1{
font-size:38px;font-weight:900;letter-spacing:-2px;
color:var(--t1);line-height:1.1;margin-bottom:12px;
}
.hdr h1 em{
font-style:normal;
background:linear-gradient(135deg,var(--gold2),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;
}
.hdr p{font-size:15px;color:var(--t2);max-width:480px;margin:0 auto;line-height:1.7;}
/* Toggle */
.toggle-wrap{
display:flex;align-items:center;justify-content:center;gap:14px;
margin-bottom:40px;
}
.tgl-lbl{font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;transition:color 0.2s;}
.tgl-lbl.on{color:var(--t1);}
.tgl-track{
width:52px;height:28px;border-radius:100px;
background:linear-gradient(135deg,var(--gold),#447B60);
cursor:pointer;position:relative;
box-shadow:0 0 16px rgba(157,171,164,0.25);
border:1px solid rgba(157,171,164,0.3);
transition:all 0.2s;
}
.tgl-thumb{
position:absolute;top:3px;left:3px;
width:20px;height:20px;border-radius:50%;
background:#08080A;
transition:all 0.3s cubic-bezier(0.34,1.2,0.64,1);
}
.tgl-track.yearly .tgl-thumb{left:calc(100% - 23px);}
.save-badge{
background:rgba(61,214,140,0.12);
border:1px solid rgba(61,214,140,0.25);
color:var(--green);
font-size:10px;font-weight:800;
padding:2px 9px;border-radius:100px;
margin-left:6px;
}
/* Plans grid */
.plans{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
margin-bottom:32px;
align-items:start;
}
/* Plan card */
.pc{
background:var(--s0);
border:1px solid var(--bd);
border-radius:18px;
padding:22px 18px 20px;
position:relative;
display:flex;flex-direction:column;
transition:all 0.22s;
animation:fadeUp 0.4s ease both;
}
.pc:hover{
border-color:var(--bd2);
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,0.5);
}
@keyframes fadeUp{
from{opacity:0;transform:translateY(16px);}
to{opacity:1;transform:translateY(0);}
}
.pc:nth-child(1){animation-delay:0s;}
.pc:nth-child(2){animation-delay:0.05s;}
.pc:nth-child(3){animation-delay:0.1s;}
.pc:nth-child(4){animation-delay:0.15s;}
.pc:nth-child(5){animation-delay:0.2s;}
/* Popular card */
.pc.popular{
border-color:rgba(157,171,164,0.3);
background:linear-gradient(160deg,rgba(157,171,164,0.07) 0%,rgba(157,171,164,0.02) 50%,var(--s0) 100%);
transform:translateY(-6px);
box-shadow:0 0 0 1px rgba(157,171,164,0.15),0 24px 60px rgba(0,0,0,0.5);
}
.pc.popular:hover{transform:translateY(-10px);}
/* Current card */
.pc.current{
border-color:rgba(157,171,164,0.4);
}
/* Badges */
.pc-pop-badge{
position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;
padding:4px 14px;border-radius:100px;white-space:nowrap;
box-shadow:0 4px 14px rgba(157,171,164,0.35);
}
.pc-cur-badge{
position:absolute;top:-12px;right:14px;
background:var(--glow);
border:1px solid rgba(157,171,164,0.3);
color:var(--gold);
font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
padding:3px 10px;border-radius:100px;
}
/* Card content */
.pc-name{
font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--gold);margin-bottom:16px;
}
.pc-price{
display:flex;align-items:flex-start;gap:2px;
margin-bottom:4px;
}
.pc-price-sym{
font-size:16px;font-weight:700;color:var(--t2);
margin-top:6px;
}
.pc-price-val{
font-size:40px;font-weight:900;letter-spacing:-3px;
color:var(--t1);line-height:1;
font-variant-numeric:tabular-nums;
transition:all 0.3s;
}
.popular .pc-price-val{
background:linear-gradient(135deg,var(--gold2),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;
}
.pc-period{
font-size:11px;color:var(--t3);
font-family:'DM Mono',monospace;
margin-bottom:18px;min-height:16px;
transition:all 0.3s;
}
.pc-divider{height:1px;background:var(--bd);margin-bottom:16px;}
.pc-feats{flex:1;display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.pc-feat{
display:flex;align-items:flex-start;gap:8px;
font-size:11.5px;color:var(--t2);line-height:1.4;
}
.pc-feat svg{flex-shrink:0;margin-top:1px;color:var(--green);}
.popular .pc-feat{color:var(--t1);}
/* Buttons */
.pc-btn{
width:100%;padding:10px 16px;border-radius:11px;
font-size:12px;font-weight:700;
cursor:pointer;transition:all 0.15s;
font-family:'Cabinet Grotesk',sans-serif;
border:none;display:flex;align-items:center;justify-content:center;gap:7px;
}
.pc-btn:active{transform:scale(0.97);}
.pc-btn-current{
background:var(--glow);
border:1px solid rgba(157,171,164,0.25);
color:var(--gold);
cursor:default;
}
.pc-btn-upgrade{
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
box-shadow:0 2px 14px rgba(157,171,164,0.2);
}
.pc-btn-upgrade:hover{
filter:brightness(1.08);
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(157,171,164,0.35);
}
.pc-btn-free{
background:var(--s1);
border:1px solid var(--bd);
color:var(--t3);
}
.pc-btn-popular{
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
box-shadow:0 4px 20px rgba(157,171,164,0.3);
}
.pc-btn-popular:hover{
filter:brightness(1.1);
transform:translateY(-1px);
box-shadow:0 8px 28px rgba(157,171,164,0.4);
}
/* Bottom note */
.sub-note{
display:flex;align-items:center;justify-content:center;gap:24px;
padding:18px 24px;
background:var(--s0);
border:1px solid var(--bd);
border-radius:14px;
flex-wrap:wrap;
}
.sub-note-item{
display:flex;align-items:center;gap:8px;
font-size:12px;color:var(--t2);
}
.sub-note-item svg{color:var(--green);flex-shrink:0;}
.sub-note-item b{color:var(--t1);}
.sub-note-sep{width:1px;height:16px;background:var(--bd);}
/* FAQ */
.faq{margin-top:40px;}
.faq-title{
font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--t3);margin-bottom:16px;
display:flex;align-items:center;gap:10px;
}
.faq-title::after{content:'';flex:1;height:1px;background:var(--bd);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.faq-item{
background:var(--s0);border:1px solid var(--bd);border-radius:12px;
padding:16px 18px;cursor:pointer;transition:border-color 0.15s;
}
.faq-item:hover{border-color:var(--bd2);}
.faq-q{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;}
.faq-a{font-size:12px;color:var(--t3);line-height:1.7;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-chevron{transform:rotate(180deg);}
.faq-chevron{transition:transform 0.2s;color:var(--t3);flex-shrink:0;}
/* END SUB */
/* MY CARD */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
--black:#08080A;--gold:#9DABA4;--gold2:#BEC8C3;
--glow:rgba(157,171,164,0.1);--glow2:rgba(157,171,164,0.2);
--s0:rgba(255,255,255,0.016);--s1:rgba(255,255,255,0.038);--s2:rgba(255,255,255,0.065);
--bd:rgba(255,255,255,0.075);--bd2:rgba(255,255,255,0.13);
--t1:#EDE8E0;--t2:rgba(237,232,224,0.52);--t3:rgba(237,232,224,0.26);--t4:rgba(237,232,224,0.1);
--green:#3DD68C;--blue:#60A5FA;--purple:#9B8AFB;--red:#F87171;
}
body{background:var(--black);color:var(--t1);font-family:'Cabinet Grotesk',sans-serif;min-height:100vh;padding:32px;overflow-x:hidden;}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.45) 25%,rgba(190,200,195,0.65) 50%,rgba(157,171,164,0.45) 75%,transparent);z-index:9999;pointer-events:none;}
.bg-glow{position:fixed;top:-300px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(157,171,164,0.03) 0%,transparent 65%);pointer-events:none;z-index:0;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.93);}to{opacity:1;transform:scale(1);}}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
.fade-up{animation:fadeUp 0.4s ease both;}
.d1{animation-delay:0.05s;}.d2{animation-delay:0.1s;}.d3{animation-delay:0.15s;}.d4{animation-delay:0.2s;}.d5{animation-delay:0.25s;}
.mc-wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto;}
.mc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;}
.mc-stat{background:var(--s0);border:1px solid var(--bd);border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:border-color 0.2s,transform 0.2s;}
.mc-stat:hover{border-color:var(--bd2);transform:translateY(-2px);}
.mc-stat-glow{position:absolute;top:0;left:0;right:0;height:1px;}
.mc-stat-ghost{position:absolute;bottom:-14px;right:-6px;font-size:80px;font-weight:900;letter-spacing:-6px;opacity:0.035;pointer-events:none;line-height:1;}
.mc-stat-lbl{font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--t3);margin-bottom:12px;}
.mc-stat-val{font-size:30px;font-weight:900;letter-spacing:-1.5px;line-height:1;}
.mc-stat-sub{font-size:11px;color:var(--t4);margin-top:6px;font-family:'DM Mono',monospace;}
.mc-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start;}
.mc-section{background:var(--s0);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin-bottom:14px;transition:border-color 0.2s;}
.mc-section:hover{border-color:var(--bd2);}
.mc-section:last-of-type{margin-bottom:0;}
.mc-sh{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid var(--bd);background:rgba(0,0,0,0.18);}
.mc-shi{width:28px;height:28px;border-radius:8px;background:var(--glow);border:1px solid var(--glow2);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;}
.mc-st{font-size:12px;font-weight:700;color:var(--t1);}
.mc-sb{padding:18px;}
.mc-url-box{display:flex;align-items:center;background:rgba(157,171,164,0.055);border:1px solid rgba(157,171,164,0.16);border-radius:10px;padding:9px 14px;margin-bottom:14px;gap:10px;}
.mc-url-text{flex:1;font-size:11.5px;font-family:'DM Mono',monospace;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mc-url-copy{padding:4px 12px;border-radius:7px;background:var(--glow);border:1px solid var(--glow2);color:var(--gold);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.14s;white-space:nowrap;}
.mc-url-copy:hover{background:var(--glow2);}
.mc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mc-field{margin-bottom:13px;}
.mc-field:last-child{margin-bottom:0;}
.mc-lbl{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--t3);margin-bottom:6px;display:block;}
.mc-inp{width:100%;padding:10px 13px;background:var(--s1);border:1px solid var(--bd);border-radius:10px;color:var(--t1);font-size:13px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;outline:none;transition:border-color 0.15s,background 0.15s;}
.mc-inp:focus{border-color:rgba(157,171,164,0.3);background:var(--s2);}
.mc-inp::placeholder{color:var(--t4);}
.mc-ta{resize:vertical;min-height:72px;line-height:1.6;}
.mc-iw{display:flex;align-items:center;background:var(--s1);border:1px solid var(--bd);border-radius:10px;overflow:hidden;transition:border-color 0.15s,background 0.15s;}
.mc-iw:focus-within{border-color:rgba(157,171,164,0.3);background:var(--s2);}
.mc-ipfx{padding:10px 12px;font-size:11.5px;color:var(--t3);font-family:'DM Mono',monospace;border-right:1px solid var(--bd);background:rgba(0,0,0,0.2);white-space:nowrap;flex-shrink:0;}
.mc-iw input{flex:1;padding:10px 13px;background:transparent;border:none;outline:none;color:var(--t1);font-size:13px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;min-width:0;}
.mc-prow{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--bd);}
.mc-photo{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#447B60);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#08080A;flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 0 2px rgba(157,171,164,0.2),0 4px 16px rgba(0,0,0,0.4);transition:box-shadow 0.2s;}
.mc-photo:hover{box-shadow:0 0 0 3px rgba(157,171,164,0.4),0 4px 20px rgba(0,0,0,0.5);}
.mc-pov{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s;border-radius:50%;}
.mc-photo:hover .mc-pov{opacity:1;}
.mc-pinfo{font-size:11px;color:var(--t3);line-height:1.8;}
.mc-pinfo strong{display:block;font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px;}
.mc-sg{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mc-si{display:flex;align-items:center;gap:10px;background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:9px 12px;transition:border-color 0.15s;}
.mc-si:focus-within{border-color:rgba(157,171,164,0.3);}
.mc-sic{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mc-si input{flex:1;background:transparent;border:none;outline:none;color:var(--t1);font-size:12px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;min-width:0;}
.mc-si input::placeholder{color:var(--t4);}
.mc-tr{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--bd);cursor:pointer;transition:opacity 0.14s;}
.mc-tr:last-child{border-bottom:none;padding-bottom:0;}
.mc-tr:hover{opacity:0.85;}
.mc-ti{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px;}
.mc-ts{font-size:11px;color:var(--t3);}
.mc-tgl{width:40px;height:22px;border-radius:100px;cursor:pointer;position:relative;flex-shrink:0;transition:all 0.2s;}
.mc-tgl.on{background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 0 10px rgba(157,171,164,0.28);}
.mc-tgl.off{background:var(--s2);border:1px solid var(--bd);}
.mc-tk{position:absolute;top:2px;width:18px;height:18px;border-radius:50%;background:#EDE8E0;transition:all 0.28s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 1px 4px rgba(0,0,0,0.4);}
.mc-tgl.on .mc-tk{left:calc(100% - 20px);}
.mc-tgl.off .mc-tk{left:2px;}
.mc-save{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border-radius:13px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#08080A;font-size:14px;font-weight:800;border:none;cursor:pointer;font-family:inherit;transition:all 0.18s;box-shadow:0 4px 20px rgba(157,171,164,0.22);margin-top:14px;letter-spacing:-0.3px;}
.mc-save:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 32px rgba(157,171,164,0.35);}
.mc-save:active{transform:scale(0.98);}
.mc-pcol{position:sticky;top:24px;}
.mc-plbl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t4);margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.mc-plbl::after{content:'';flex:1;height:1px;background:var(--bd);}
.mc-ldot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);display:inline-block;margin-right:2px;animation:pulse 2s ease-in-out infinite;}
.mc-cv{border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#141418 0%,#0E0E12 60%,#0A0A0D 100%);border:1px solid var(--bd);box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 32px 80px rgba(0,0,0,0.7),0 0 60px rgba(157,171,164,0.03);animation:scaleIn 0.4s ease both;}
.mc-ch{padding:28px 24px 22px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(157,171,164,0.1) 0%,rgba(157,171,164,0.03) 40%,transparent 100%);border-bottom:1px solid rgba(157,171,164,0.1);}
.mc-chg{position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(157,171,164,0.08),transparent 70%);pointer-events:none;}
.mc-chl{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.35),transparent);}
.mc-chgr{position:absolute;inset:0;background-image:linear-gradient(rgba(157,171,164,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(157,171,164,0.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;mask-image:radial-gradient(ellipse at 60% 40%,black 20%,transparent 80%);}
.mc-caw{position:relative;display:inline-block;margin-bottom:16px;}
.mc-ca{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,#9DABA4,#447B60);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#08080A;overflow:hidden;box-shadow:0 0 0 3px rgba(157,171,164,0.18),0 0 0 6px rgba(157,171,164,0.06),0 8px 24px rgba(0,0,0,0.5);}
.mc-ca img{width:100%;height:100%;object-fit:cover;}
.mc-cstat{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--green);border:2px solid #0E0E12;box-shadow:0 0 8px rgba(61,214,140,0.6);}
.mc-cn{font-size:18px;font-weight:900;letter-spacing:-0.8px;color:var(--t1);margin-bottom:3px;}
.mc-ct{font-size:12px;font-weight:600;color:var(--gold);margin-bottom:4px;min-height:16px;}
.mc-cc{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--t2);margin-bottom:10px;}
.mc-cbio{font-size:11.5px;color:var(--t3);line-height:1.75;max-width:90%;}
.mc-cb{padding:0 24px 20px;}
.mc-cs{padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.mc-cs:last-child{border-bottom:none;padding-bottom:0;}
.mc-csl{font-size:8.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--t4);margin-bottom:10px;}
.mc-ccts{display:flex;flex-direction:column;gap:7px;}
.mc-cct{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--s1);border:1px solid var(--bd);border-radius:11px;text-decoration:none;transition:all 0.15s;cursor:pointer;}
.mc-cct:hover{border-color:var(--bd2);background:var(--s2);transform:translateX(2px);}
.mc-ccti{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mc-cctxt{font-size:11.5px;font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.mc-cctar{color:var(--t4);flex-shrink:0;}
.mc-css{display:flex;gap:8px;flex-wrap:wrap;}
.mc-csoc{width:34px;height:34px;border-radius:10px;background:var(--s1);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.14s;}
.mc-csoc:hover{border-color:var(--bd2);background:var(--s2);transform:translateY(-1px);}
.mc-cts{display:flex;flex-direction:column;gap:6px;}
.mc-ctour{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--s1);border:1px solid var(--bd);border-radius:11px;cursor:pointer;transition:all 0.15s;}
.mc-ctour:hover{border-color:rgba(157,171,164,0.2);background:rgba(157,171,164,0.04);transform:translateX(2px);}
.mc-ctd{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green);flex-shrink:0;}
.mc-ctn{font-size:11.5px;font-weight:600;color:var(--t1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mc-cbr{text-align:center;padding:10px 24px 14px;font-size:9.5px;color:var(--t4);font-family:'DM Mono',monospace;border-top:1px solid rgba(255,255,255,0.04);}
.mc-cbr b{color:var(--gold);font-weight:600;}
.mc-ob{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:12px;background:var(--s1);border:1px solid var(--bd);color:var(--t2);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.15s;margin-top:10px;text-decoration:none;}
.mc-ob:hover{border-color:var(--bd2);color:var(--t1);}
.mc-lb{margin-left:auto;display:none;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--green);background:rgba(61,214,140,0.08);border:1px solid rgba(61,214,140,0.18);padding:2px 10px;border-radius:100px;}
.mc-lb.on{display:flex;}
/* END MY CARD */
/* SUBSCRIPTION */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
--black:#08080A;
--gold:#9DABA4;
--gold2:#BEC8C3;
--glow:rgba(157,171,164,0.14);
--s0:rgba(255,255,255,0.018);
--s1:rgba(255,255,255,0.04);
--s2:rgba(255,255,255,0.07);
--bd:rgba(255,255,255,0.08);
--bd2:rgba(255,255,255,0.14);
--t1:#EDE8E0;
--t2:rgba(237,232,224,0.55);
--t3:rgba(237,232,224,0.28);
--t4:rgba(237,232,224,0.12);
--green:#3DD68C;
--blue:#60A5FA;
--purple:#9B8AFB;
--red:#F87171;
}
body{
background:var(--black);
color:var(--t1);
font-family:'Cabinet Grotesk',sans-serif;
min-height:100vh;
padding:40px 32px;
overflow-x:hidden;
}
/* Chrome trim */
body::before{
content:'';
position:fixed;
top:0;left:0;right:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(157,171,164,0.5) 30%,rgba(190,200,195,0.7) 50%,rgba(157,171,164,0.5) 70%,transparent);
z-index:100;
}
/* Background glow */
body::after{
content:'';
position:fixed;
top:-200px;left:50%;
transform:translateX(-50%);
width:800px;height:400px;
background:radial-gradient(ellipse,rgba(157,171,164,0.04) 0%,transparent 70%);
pointer-events:none;
z-index:0;
}
.wrap{position:relative;z-index:1;max-width:1060px;margin:0 auto;}
/* Header */
.hdr{text-align:center;margin-bottom:40px;}
.hdr-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
color:var(--gold);
background:var(--glow);
border:1px solid rgba(157,171,164,0.2);
padding:5px 16px;border-radius:100px;
margin-bottom:18px;
}
.hdr-eyebrow span{width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);}
.hdr h1{
font-size:38px;font-weight:900;letter-spacing:-2px;
color:var(--t1);line-height:1.1;margin-bottom:12px;
}
.hdr h1 em{
font-style:normal;
background:linear-gradient(135deg,var(--gold2),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;
}
.hdr p{font-size:15px;color:var(--t2);max-width:480px;margin:0 auto;line-height:1.7;}
/* Toggle */
.toggle-wrap{
display:flex;align-items:center;justify-content:center;gap:14px;
margin-bottom:40px;
}
.tgl-lbl{font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;transition:color 0.2s;}
.tgl-lbl.on{color:var(--t1);}
.tgl-track{
width:52px;height:28px;border-radius:100px;
background:linear-gradient(135deg,var(--gold),#447B60);
cursor:pointer;position:relative;
box-shadow:0 0 16px rgba(157,171,164,0.25);
border:1px solid rgba(157,171,164,0.3);
transition:all 0.2s;
}
.tgl-thumb{
position:absolute;top:3px;left:3px;
width:20px;height:20px;border-radius:50%;
background:#08080A;
transition:all 0.3s cubic-bezier(0.34,1.2,0.64,1);
}
.tgl-track.yearly .tgl-thumb{left:calc(100% - 23px);}
.save-badge{
background:rgba(61,214,140,0.12);
border:1px solid rgba(61,214,140,0.25);
color:var(--green);
font-size:10px;font-weight:800;
padding:2px 9px;border-radius:100px;
margin-left:6px;
}
/* Plans grid */
.plans{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
margin-bottom:32px;
align-items:start;
}
/* Plan card */
.pc{
background:var(--s0);
border:1px solid var(--bd);
border-radius:18px;
padding:22px 18px 20px;
position:relative;
display:flex;flex-direction:column;
transition:all 0.22s;
animation:fadeUp 0.4s ease both;
}
.pc:hover{
border-color:var(--bd2);
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(0,0,0,0.5);
}
@keyframes fadeUp{
from{opacity:0;transform:translateY(16px);}
to{opacity:1;transform:translateY(0);}
}
.pc:nth-child(1){animation-delay:0s;}
.pc:nth-child(2){animation-delay:0.05s;}
.pc:nth-child(3){animation-delay:0.1s;}
.pc:nth-child(4){animation-delay:0.15s;}
.pc:nth-child(5){animation-delay:0.2s;}
/* Popular card */
.pc.popular{
border-color:rgba(157,171,164,0.3);
background:linear-gradient(160deg,rgba(157,171,164,0.07) 0%,rgba(157,171,164,0.02) 50%,var(--s0) 100%);
transform:translateY(-6px);
box-shadow:0 0 0 1px rgba(157,171,164,0.15),0 24px 60px rgba(0,0,0,0.5);
}
.pc.popular:hover{transform:translateY(-10px);}
/* Current card */
.pc.current{
border-color:rgba(157,171,164,0.4);
}
/* Badges */
.pc-pop-badge{
position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;
padding:4px 14px;border-radius:100px;white-space:nowrap;
box-shadow:0 4px 14px rgba(157,171,164,0.35);
}
.pc-cur-badge{
position:absolute;top:-12px;right:14px;
background:var(--glow);
border:1px solid rgba(157,171,164,0.3);
color:var(--gold);
font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
padding:3px 10px;border-radius:100px;
}
/* Card content */
.pc-name{
font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
color:var(--gold);margin-bottom:16px;
}
.pc-price{
display:flex;align-items:flex-start;gap:2px;
margin-bottom:4px;
}
.pc-price-sym{
font-size:16px;font-weight:700;color:var(--t2);
margin-top:6px;
}
.pc-price-val{
font-size:40px;font-weight:900;letter-spacing:-3px;
color:var(--t1);line-height:1;
font-variant-numeric:tabular-nums;
transition:all 0.3s;
}
.popular .pc-price-val{
background:linear-gradient(135deg,var(--gold2),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
background-clip:text;
}
.pc-period{
font-size:11px;color:var(--t3);
font-family:'DM Mono',monospace;
margin-bottom:18px;min-height:16px;
transition:all 0.3s;
}
.pc-divider{height:1px;background:var(--bd);margin-bottom:16px;}
.pc-feats{flex:1;display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.pc-feat{
display:flex;align-items:flex-start;gap:8px;
font-size:11.5px;color:var(--t2);line-height:1.4;
}
.pc-feat svg{flex-shrink:0;margin-top:1px;color:var(--green);}
.popular .pc-feat{color:var(--t1);}
/* Buttons */
.pc-btn{
width:100%;padding:10px 16px;border-radius:11px;
font-size:12px;font-weight:700;
cursor:pointer;transition:all 0.15s;
font-family:'Cabinet Grotesk',sans-serif;
border:none;display:flex;align-items:center;justify-content:center;gap:7px;
}
.pc-btn:active{transform:scale(0.97);}
.pc-btn-current{
background:var(--glow);
border:1px solid rgba(157,171,164,0.25);
color:var(--gold);
cursor:default;
}
.pc-btn-upgrade{
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
box-shadow:0 2px 14px rgba(157,171,164,0.2);
}
.pc-btn-upgrade:hover{
filter:brightness(1.08);
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(157,171,164,0.35);
}
.pc-btn-free{
background:var(--s1);
border:1px solid var(--bd);
color:var(--t3);
}
.pc-btn-popular{
background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#08080A;
box-shadow:0 4px 20px rgba(157,171,164,0.3);
}
.pc-btn-popular:hover{
filter:brightness(1.1);
transform:translateY(-1px);
box-shadow:0 8px 28px rgba(157,171,164,0.4);
}
/* Bottom note */
.sub-note{
display:flex;align-items:center;justify-content:center;gap:24px;
padding:18px 24px;
background:var(--s0);
border:1px solid var(--bd);
border-radius:14px;
flex-wrap:wrap;
}
.sub-note-item{
display:flex;align-items:center;gap:8px;
font-size:12px;color:var(--t2);
}
.sub-note-item svg{color:var(--green);flex-shrink:0;}
.sub-note-item b{color:var(--t1);}
.sub-note-sep{width:1px;height:16px;background:var(--bd);}
/* FAQ */
.faq{margin-top:40px;}
.faq-title{
font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
color:var(--t3);margin-bottom:16px;
display:flex;align-items:center;gap:10px;
}
.faq-title::after{content:'';flex:1;height:1px;background:var(--bd);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.faq-item{
background:var(--s0);border:1px solid var(--bd);border-radius:12px;
padding:16px 18px;cursor:pointer;transition:border-color 0.15s;
}
.faq-item:hover{border-color:var(--bd2);}
.faq-q{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;}
.faq-a{font-size:12px;color:var(--t3);line-height:1.7;display:none;}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-chevron{transform:rotate(180deg);}
.faq-chevron{transition:transform 0.2s;color:var(--t3);flex-shrink:0;}
/* END SUBSCRIPTION */
/* ── THUMBNAIL CONTROLS ── */
.tc-cam-btn{position:absolute;bottom:50px;left:10px;z-index:5;width:32px;height:32px;border-radius:50%;background:rgba(8,8,10,0.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.18s;color:rgba(237,232,224,0.7);opacity:0;}
.tc:hover .tc-cam-btn{opacity:1;}
.tc-cam-btn:hover{background:rgba(157,171,164,0.25);border-color:rgba(157,171,164,0.5);color:var(--gold);transform:scale(1.1);}
.tc-rem-btn{position:absolute;top:8px;right:8px;z-index:7;width:22px;height:22px;border-radius:50%;background:rgba(248,113,113,0.15);backdrop-filter:blur(8px);border:1px solid rgba(248,113,113,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.18s;color:#F87171;opacity:0;}
.tc:hover .tc-rem-btn{opacity:1;}
.tc-rem-btn:hover{background:rgba(248,113,113,0.4);transform:scale(1.12);}
/* ── EDITABLE NAME ── */
.tc-name-wrap{display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.tc-name-edit{flex:1;background:transparent;border:none;outline:none;color:#EDE8E0;font-size:14px;font-weight:700;letter-spacing:-0.3px;font-family:'Cabinet Grotesk',sans-serif;cursor:pointer;padding:2px 4px;border-radius:5px;transition:background 0.15s;}
.tc-name-edit:hover{background:rgba(255,255,255,0.05);}
.tc-name-edit:focus{background:rgba(157,171,164,0.08);border:1px solid rgba(157,171,164,0.25);cursor:text;padding:2px 4px;}
.tc-name-save{display:none;padding:3px 10px;border-radius:6px;background:linear-gradient(135deg,#9DABA4,#4B8769);color:#08080A;font-size:10px;font-weight:800;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;}
.tc-name-edit:focus~.tc-name-save,.tc-name-edit:focus + .tc-name-save{display:block;}
/* ── PUBLISH BUTTON ── */
#btnPublish.is-live{background:rgba(61,214,140,0.1);border-color:rgba(61,214,140,0.25) !important;color:#3DD68C;}
#btnPublish.is-live:hover{background:rgba(61,214,140,0.16);}
#btnPublish.is-unpub{background:rgba(248,113,113,0.07);border-color:rgba(248,113,113,0.2) !important;color:#F87171;}
#btnPublish.is-unpub:hover{background:rgba(248,113,113,0.12);}
#page-builder.active{display:flex !important;}
/* ── Builder panel scrollbars ── */
.scenes-panel::-webkit-scrollbar,.props-panel::-webkit-scrollbar{width:3px;}
.scenes-panel::-webkit-scrollbar-track,.props-panel::-webkit-scrollbar-track{background:transparent;}
.scenes-panel::-webkit-scrollbar-thumb,.props-panel::-webkit-scrollbar-thumb{background:rgba(157,171,164,0.25);border-radius:100px;}
.scenes-panel::-webkit-scrollbar-thumb:hover,.props-panel::-webkit-scrollbar-thumb:hover{background:rgba(157,171,164,0.45);}
.scenes-list::-webkit-scrollbar{width:3px;}
.scenes-list::-webkit-scrollbar-track{background:transparent;}
.scenes-list::-webkit-scrollbar-thumb{background:rgba(157,171,164,0.25);border-radius:100px;}
.scenes-list::-webkit-scrollbar-thumb:hover{background:rgba(157,171,164,0.45);}
/* Props panel scroll wrapper */
.props-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:60px;}
.props-scroll::-webkit-scrollbar{width:3px;}
.props-scroll::-webkit-scrollbar-track{background:transparent;}
.props-scroll::-webkit-scrollbar-thumb{background:rgba(157,171,164,0.25);border-radius:100px;}
.props-scroll::-webkit-scrollbar-thumb:hover{background:rgba(157,171,164,0.45);}
/* Bottom left panel accordion scrollbar */
.scenes-panel > div:last-child::-webkit-scrollbar{width:3px;}
.scenes-panel > div:last-child::-webkit-scrollbar-track{background:transparent;}
.scenes-panel > div:last-child::-webkit-scrollbar-thumb{background:rgba(157,171,164,0.25);border-radius:100px;}
/* ══ AUTH ELITE ══ */
#page-login,#page-signup,#page-forgot,#page-newpass{align-items:center;justify-content:center;background:#06060A;position:relative;overflow:hidden;min-height:100%;}
#page-login::before,#page-signup::before,#page-forgot::before{content:'';position:fixed;top:-300px;left:50%;transform:translateX(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(157,171,164,0.055) 0%,transparent 60%);pointer-events:none;z-index:0;}
.auth-grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(157,171,164,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(157,171,164,0.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 0%,transparent 100%);pointer-events:none;z-index:0;}
.auth-box{position:relative;z-index:1;width:100%;max-width:420px;background:rgba(12,12,16,0.92);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:42px 40px;box-shadow:0 0 0 1px rgba(157,171,164,0.05),0 40px 120px rgba(0,0,0,0.8),0 0 80px rgba(157,171,164,0.03);margin:auto 20px;animation:popIn 0.45s cubic-bezier(0.34,1.3,0.64,1) both;backdrop-filter:blur(32px);}
.auth-box::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(157,171,164,0.6),transparent);border-radius:24px 24px 0 0;}
.auth-logo-row{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:30px;}
.auth-logo-icon{width:42px;height:42px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(157,171,164,0.25),0 4px 20px rgba(157,171,164,0.12);flex-shrink:0;}
.auth-logo-icon img{width:100%;height:100%;object-fit:cover;display:block;}
.auth-logo-text{font-size:19px;font-weight:900;letter-spacing:-0.5px;color:#EDE8E0;font-family:'Cabinet Grotesk',sans-serif;}
.auth-logo-text b{color:var(--gold);}
.auth-title{font-size:24px;font-weight:900;letter-spacing:-1px;color:#EDE8E0;text-align:center;margin-bottom:7px;font-family:'Cabinet Grotesk',sans-serif;}
.auth-sub{font-size:13px;color:rgba(237,232,224,0.38);text-align:center;margin-bottom:28px;font-weight:500;line-height:1.5;}
.auth-field{margin-bottom:14px;}
.auth-field label{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(237,232,224,0.3);margin-bottom:7px;}
.auth-field input{width:100%;padding:12px 15px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;color:#EDE8E0;font-size:13px;font-family:'Cabinet Grotesk',sans-serif;font-weight:500;outline:none;transition:border-color 0.15s,background 0.15s;box-sizing:border-box;}
.auth-field input:focus{border-color:rgba(157,171,164,0.38);background:rgba(255,255,255,0.06);}
.auth-field input::placeholder{color:rgba(237,232,224,0.18);}
.auth-pw-wrap{position:relative;}
.auth-pw-wrap input{padding-right:44px;}
.auth-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:rgba(237,232,224,0.25);padding:4px;transition:color 0.15s;}
.auth-eye:hover{color:rgba(237,232,224,0.6);}
.auth-eye svg{width:16px;height:16px;display:block;}
.auth-btn-primary{width:100%;padding:13px;border-radius:13px;background:linear-gradient(135deg,#BEC8C3,#9DABA4);color:#08080A;font-size:14px;font-weight:800;border:none;cursor:pointer;font-family:'Cabinet Grotesk',sans-serif;transition:all 0.18s;box-shadow:0 4px 20px rgba(157,171,164,0.25);margin-bottom:10px;letter-spacing:-0.3px;}
.auth-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 32px rgba(157,171,164,0.38);}
.auth-btn-primary:active{transform:scale(0.98);}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:rgba(237,232,224,0.18);font-size:11px;font-weight:600;letter-spacing:0.5px;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.07);}
.auth-btn-google{width:100%;padding:12px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);color:#EDE8E0;font-size:13px;font-weight:600;cursor:pointer;font-family:'Cabinet Grotesk',sans-serif;transition:all 0.18s;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;}
.auth-btn-google:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.16);}
.auth-footer{text-align:center;font-size:13px;color:rgba(237,232,224,0.35);line-height:1.6;}
.auth-footer a,.auth-link{color:var(--gold);cursor:pointer;font-weight:700;text-decoration:none;transition:opacity 0.15s;}
.auth-footer a:hover,.auth-link:hover{opacity:0.8;}
.auth-forgot{text-align:right;margin-top:4px;margin-bottom:16px;}
.auth-forgot a{font-size:12px;color:rgba(237,232,224,0.35);cursor:pointer;transition:color 0.15s;}
.auth-forgot a:hover{color:var(--gold);}
.auth-demo{text-align:center;margin-top:14px;}
.auth-demo a{font-size:12px;color:rgba(237,232,224,0.25);cursor:pointer;transition:color 0.15s;display:inline-flex;align-items:center;gap:5px;}
.auth-demo a:hover{color:rgba(237,232,224,0.6);}
/* ══ END AUTH ══ */
/* ═══════════════════════════════════
MOBILE RESPONSIVE - MAX 768px
═══════════════════════════════════ */
/* Force mobile viewport scaling */
@media(max-width:768px){
html{
width:100vw;
overflow-x:hidden;
}
body{
width:100vw;
overflow-x:hidden;
min-height:100vh;
min-height:-webkit-fill-available;
}
}
@media(max-width:768px){
html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;}
.sidebar,.scenes-panel,.props-panel{display:none!important;}
:root{--main-ml:0px;}
.main{margin-left:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;}
#page-dashboard{overflow-x:hidden!important;}
#bottom-nav{display:flex!important;}
/* Topbar */
.topbar{height:auto!important;padding:10px 12px!important;gap:8px!important;flex-wrap:nowrap!important;overflow:hidden!important;}
.topbar-left{flex-shrink:0!important;min-width:0!important;}
.page-title,#tabTitle{font-size:18px!important;font-weight:800!important;letter-spacing:-0.5px!important;white-space:nowrap!important;}
#tabSubtitle{font-size:10px!important;white-space:nowrap!important;}
#tbSearchWrap{display:none!important;}
#tbViewToggle{display:none!important;}
#btnNewTour{padding:7px 12px!important;font-size:11px!important;white-space:nowrap!important;flex-shrink:0!important;}
/* Content */
.content{padding:10px 10px 120px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;}
/* Filter */
.filter-bar{gap:7px!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
.filter-bar::-webkit-scrollbar{display:none!important;}
.sort-wrap{display:none!important;}
.fb-divider{display:none!important;}
.fb{padding:7px 16px!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important;}
/* Tour cards */
.grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;}
.tc{border-radius:16px!important;width:100%!important;}
.tc-thumb{height:200px!important;}
.tc-body{padding:12px 14px!important;}
.tc-client{font-size:10px!important;text-transform:uppercase!important;letter-spacing:0.5px!important;}
.tc-name-edit{font-size:16px!important;font-weight:700!important;letter-spacing:-0.3px!important;width:100%!important;}
.tc-name-save{display:none!important;}
.tc-stat-val{font-size:15px!important;font-weight:700!important;}
.tc-stat-lbl{font-size:9px!important;letter-spacing:1px!important;}
.tc-stats{padding-top:10px!important;border-top:1px solid var(--bd)!important;}
/* Demo banner */
#demoBanner{flex-direction:column!important;gap:10px!important;}
/* Analytics */
.row-213,.row-2,.row-32{display:flex!important;flex-direction:column!important;gap:10px!important;}
.analytics-wrap{width:100%!important;}
.card{min-width:0!important;width:100%!important;box-sizing:border-box!important;}
.chart-outer{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.an-top-row{display:flex!important;overflow-x:auto!important;gap:10px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
.an-top-row::-webkit-scrollbar{display:none!important;}
.stat-card-v{min-width:140px!important;flex-shrink:0!important;}
/* Settings */
.settings-grid{display:flex!important;flex-direction:column!important;gap:12px!important;max-width:100%!important;}
.settings-grid>*{width:100%!important;min-width:0!important;}
/* My Card - stack and fix overflow */
.mc-layout{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;}
.mc-layout>div{width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;}
.mc-pcol{width:100%!important;min-width:0!important;position:relative!important;top:auto!important;}
.mc-cv{width:100%!important;max-width:100%!important;transform:none!important;zoom:1!important;box-sizing:border-box!important;}
.mc-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;}
.mc-stat{padding:14px!important;}
.mc-section{overflow:hidden!important;max-width:100%!important;}
.mc-sb{overflow:hidden!important;max-width:100%!important;}
.mc-save{width:100%!important;}
/* Subscription - 2 per row */
.plans{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.plan{min-width:0!important;box-sizing:border-box!important;}
.sub-top{flex-direction:column!important;gap:10px!important;}
.toggle-wrap{flex-wrap:wrap!important;gap:8px!important;}
/* Mobile menu btn */
#mobileMenuBtn{display:flex!important;}
#bottom-nav.auth-hidden{display:none!important;visibility:hidden!important;}
.mob-nav-item,.mob-item{padding:13px 14px!important;font-size:15px!important;}
.mob-nav-item svg,.mob-item svg{width:20px!important;height:20px!important;}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* ── Projects screen ──────────────────────────────────────────────
A project and its tours are one object, so a hairline rule runs down
the left edge binding the heading to the cards beneath it — the way a
drawing set brackets a set of sheets under one title. The rule is gold
for real projects and grey for the unfiled catch-all, which is the only
signal needed to tell them apart.
Controls are hidden until the section is hovered so the screen reads as
a portfolio, not a control panel. They remain reachable by keyboard. */
.projsec{
position:relative;
margin:0 0 40px;
padding-left:20px;
}
.projsec::before{
content:"";
position:absolute;
left:0; top:2px; bottom:14px;
width:2px;
border-radius:2px;
/* Strong at the title, settling to a quiet line down the length of the
group: the eye reads the bracket at the heading, then the rule just
holds the cards together without competing with them. */
background:linear-gradient(180deg,
var(--projrule) 0,
var(--projrule) 46px,
var(--projrule-faint) 96px,
var(--projrule-faint) 100%);
}
.projhead{
display:flex;
align-items:baseline;
gap:12px;
margin:0 0 16px;
cursor:pointer;
user-select:none;
}
.projchev{
color:var(--t3);
flex-shrink:0;
align-self:center;
transition:transform .18s ease, color .18s ease;
}
.projchev.is-closed{ transform:rotate(-90deg); }
.projhead:hover .projchev{ color:var(--gold); }
.projname{
margin:0;
font-size:17px;
font-weight:700;
letter-spacing:-0.35px;
color:var(--t1);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:46vw;
}
.projname.is-loose{
font-weight:600;
color:var(--t3);
}
.projmeta{
font-size:10.5px;
letter-spacing:1.4px;
text-transform:uppercase;
color:var(--t3);
white-space:nowrap;
flex-shrink:0;
}
.projspacer{ flex:1 1 auto; }
.projacts{
display:flex;
gap:1px;
margin-left:2px;
align-self:center;
}
/* All three sit at the same weight — none is more important than the others,
so none is dimmer. Colour only arrives on hover, where it signals intent. */
.projact{
width:26px; height:26px; padding:0;
background:transparent;
border:none;
border-radius:7px;
color:var(--t3);
opacity:0.72;
cursor:pointer;
display:flex; align-items:center; justify-content:center;
transition:color .15s ease, background .15s ease, opacity .15s ease;
}
.projact:hover{ color:var(--gold); background:rgba(157,171,164,0.08); opacity:1; }
.projact-danger:hover{ color:#F87171; background:rgba(248,113,113,0.08); opacity:1; }
.projact:focus-visible{ outline:2px solid var(--gold); outline-offset:1px; }
.projempty{
padding:2px 0 4px;
color:var(--t3);
font-size:12.5px;
}
@media (max-width:768px){
.projsec{ padding-left:14px; margin-bottom:30px; }
.projname{ font-size:15px; max-width:44vw; }
.projmeta{ display:none; }
}
@media (prefers-reduced-motion:reduce){
.projchev,.projacts,.projact{ transition:none; }
}
/* "New tour" belongs to its project, so it sits inside the group rather than
in a global toolbar. Quiet by default — it's an action you look for, not
one that should compete with the tour thumbnails. */
.projadd-row{ margin-top:12px; }
.projempty .projadd-row{ margin-top:10px; }
.projadd{
display:inline-flex; align-items:center; gap:6px;
padding:7px 13px;
background:transparent;
border:1px dashed rgba(157,171,164,0.3);
border-radius:9px;
color:var(--gold);
font-size:11.5px; font-weight:700;
letter-spacing:0.2px;
font-family:inherit;
cursor:pointer;
opacity:0.8;
transition:background .15s ease, border-color .15s ease, opacity .15s ease;
}
.projadd:hover{
background:rgba(157,171,164,0.07);
border-color:rgba(157,171,164,0.55);
opacity:1;
}
.projadd:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }
@media (prefers-reduced-motion:reduce){ .projadd{ transition:none; } }
/* ── Project cards: My Projects ────────────────────────────────────────
Deliberately built on the same shape as a tour card (.tc) — same radius,
same border treatment, same lift on hover — so the two screens read as one
product rather than two different design languages.
The thumbnail is derived from the tours inside the project rather than
stored on the project row: the projects table has no thumbnail column, and
adding one would mean a schema change plus a way to keep it up to date. A
derived cover is always current for free. */
.proj-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
gap:18px;
}
.pcard{
position:relative;
border:1px solid rgba(255,255,255,0.07);
border-radius:14px;
overflow:hidden;
background:#0e0e12;
cursor:pointer;
transition:border-color .2s, transform .2s, box-shadow .2s;
}
.pcard:hover{
border-color:rgba(157,171,164,0.18);
transform:translateY(-2px);
box-shadow:0 16px 40px rgba(0,0,0,0.5);
}
.pcard-thumb{
position:relative;
height:140px;
overflow:hidden;
background:#0a0a0e;
}
.pcard-thumb img{
width:100%; height:100%;
object-fit:cover;
position:absolute; inset:0;
}
.pcard-thumb-empty{
position:absolute; inset:0;
display:flex; align-items:center; justify-content:center;
color:rgba(157,171,164,0.28);
}
.pcard-thumb-gold{
position:absolute; bottom:0; left:0; right:0; height:1.5px;
background:linear-gradient(90deg,transparent,rgba(157,171,164,0.55) 50%,transparent);
z-index:4; pointer-events:none;
}
.pcard-count{
position:absolute; top:10px; right:10px; z-index:3;
padding:3px 10px; border-radius:100px;
font-size:10px; font-weight:700; letter-spacing:0.2px;
background:rgba(0,0,0,0.55);
border:1px solid rgba(255,255,255,0.12);
color:rgba(237,232,224,0.85);
backdrop-filter:blur(4px);
}
.pcard-body{ padding:14px 16px 16px; }
.pcard-name-wrap{ display:flex; align-items:center; gap:8px; }
.pcard-name{
flex:1; min-width:0;
background:transparent; border:1px solid transparent;
border-radius:7px; padding:3px 6px; margin:-3px -6px;
font-family:inherit; font-size:15px; font-weight:700;
letter-spacing:-0.3px; color:var(--t1);
text-overflow:ellipsis;
transition:border-color .15s, background .15s;
}
.pcard-name:hover{ border-color:rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.pcard-name:focus{
outline:none;
border-color:rgba(157,171,164,0.45);
background:rgba(157,171,164,0.06);
}
.pcard-meta{
margin-top:6px;
font-size:11px; letter-spacing:0.4px;
color:var(--t3);
}
.pcard-acts{
position:absolute; top:10px; left:10px; z-index:3;
display:flex; gap:4px;
opacity:0; transition:opacity .15s ease;
}
.pcard:hover .pcard-acts{ opacity:1; }
.pcard-act{
width:26px; height:26px;
display:inline-flex; align-items:center; justify-content:center;
border-radius:7px; cursor:pointer;
background:rgba(0,0,0,0.55);
border:1px solid rgba(255,255,255,0.12);
color:rgba(237,232,224,0.8);
backdrop-filter:blur(4px);
transition:background .15s, color .15s, border-color .15s;
}
.pcard-act:hover{ background:rgba(255,255,255,0.12); color:#fff; }
.pcard-act.is-danger:hover{
background:rgba(248,113,113,0.16);
border-color:rgba(248,113,113,0.35);
color:#F87171;
}
.pcard.is-loose .pcard-thumb-empty{ color:rgba(255,255,255,0.14); }
@media (max-width:768px){
/* No hover on touch, so the actions must be reachable without one. */
.pcard-acts{ opacity:1; }
.proj-grid{ grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:12px; }
.pcard-thumb{ height:110px; }
}
/* ── Feedback ─────────────────────────────────────────────────────────
Sits at the foot of the inbox: people already come here to read
messages, so it is the natural place to send one back. */
.inbox-foot{
border-top:1px solid rgba(255,255,255,0.07);
padding:12px 14px 14px;
flex-shrink:0;
}
.fb-open{
width:100%; display:flex; align-items:center; justify-content:center; gap:7px;
padding:9px; border-radius:9px; cursor:pointer; font-family:inherit;
font-size:12px; font-weight:700;
background:rgba(157,171,164,0.08);
border:1px solid rgba(157,171,164,0.25);
color:var(--gold);
transition:background .15s, border-color .15s;
}
.fb-open:hover{ background:rgba(157,171,164,0.14); border-color:rgba(157,171,164,0.45); }
.fb-hint{
margin-top:8px; text-align:center;
font-size:10px; color:var(--t3); line-height:1.5;
}
.fb-hint a{ color:var(--gold); text-decoration:none; }
.fb-overlay{
position:fixed; inset:0; z-index:9800;
background:rgba(0,0,0,0.7); backdrop-filter:blur(6px);
display:none; align-items:center; justify-content:center; padding:20px;
}
.fb-overlay.open{ display:flex; }
.fb-modal{
width:100%; max-width:420px;
background:var(--bg2, #0e0e12);
border:1px solid rgba(255,255,255,0.12);
border-radius:16px; padding:18px;
}
.fb-head{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.fb-title{ flex:1; font-size:14px; font-weight:700; color:var(--t1); }
.fb-cats{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.fb-cat{
padding:6px 12px; border-radius:100px; cursor:pointer; font-family:inherit;
font-size:11px; font-weight:600;
background:rgba(255,255,255,0.03);
border:1.5px solid rgba(255,255,255,0.1);
color:var(--t3);
transition:background .15s, border-color .15s, color .15s;
}
.fb-cat:hover{ color:var(--t2); }
.fb-cat.on{
background:rgba(157,171,164,0.14);
border-color:rgba(157,171,164,0.5);
color:var(--gold);
}
.fb-text{
width:100%; resize:vertical; min-height:110px;
padding:11px 12px; border-radius:10px;
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.1);
color:var(--t1); font-family:inherit; font-size:12.5px; line-height:1.6;
}
.fb-text:focus{ outline:none; border-color:rgba(157,171,164,0.5); }
.fb-text::placeholder{ color:var(--t3); }
.fb-foot{ display:flex; align-items:center; gap:10px; margin-top:12px; }
.fb-count{ flex:1; font-size:10px; color:var(--t3); }
.fb-send{
padding:9px 22px; border-radius:100px; border:none; cursor:pointer;
font-family:inherit; font-size:12px; font-weight:800;
background:var(--gold); color:#08080A;
}
.fb-send:disabled{ opacity:0.5; cursor:default; }
/* Social sign-in sits above the email form: most people take the one-tap
route, so it should not be below fields they will never fill in. */
.auth-social{ display:flex; flex-direction:column; gap:8px; margin-bottom:4px; }
.auth-social .auth-btn-google{ margin:0; }
/* ── Team ─────────────────────────────────────────────────────────────
One account, several logins. Kept visually close to the rest of the
dashboard so it reads as part of the app rather than a bolted-on page. */
.tm-head{
display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap;
padding-bottom:16px; margin-bottom:4px;
border-bottom:1px solid var(--border);
}
.tm-count{ font-size:15px; font-weight:700; color:var(--t1); }
.tm-sub{ font-size:12px; color:var(--t3); margin-top:3px; line-height:1.5; }
.tm-full{
margin-left:auto; font-size:11px; font-weight:700;
color:var(--t3); background:rgba(255,255,255,0.04);
border:1px solid var(--border); border-radius:100px; padding:6px 14px;
}
.tm-btn-primary{
margin-left:auto; flex-shrink:0;
padding:9px 20px; border-radius:100px; border:none; cursor:pointer;
font-family:inherit; font-size:12.5px; font-weight:800;
background:var(--gold); color:#08080A;
}
.tm-row, .tm-owner-row{
display:flex; align-items:center; gap:12px;
padding:12px 4px;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.tm-owner-row{ border-bottom:1px solid var(--border); }
.tm-avatar{
width:34px; height:34px; border-radius:50%; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
font-size:14px; font-weight:800;
background:rgba(157,171,164,0.15); color:var(--gold);
}
.tm-avatar.is-owner{ background:var(--gold); color:#08080A; }
.tm-avatar.is-pending{ background:rgba(255,255,255,0.05); color:var(--t3); }
.tm-who{ flex:1; min-width:0; }
.tm-email{
font-size:13px; font-weight:600; color:var(--t1);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tm-meta{ font-size:11px; color:var(--t3); margin-top:2px; }
.tm-role{
flex-shrink:0; padding:5px 10px; border-radius:7px; cursor:pointer;
font-family:inherit; font-size:11.5px; font-weight:600;
background:rgba(255,255,255,0.04); color:var(--t2);
border:1px solid var(--border);
}
.tm-link{
flex-shrink:0; padding:5px 10px; border-radius:7px; cursor:pointer;
font-family:inherit; font-size:11px; font-weight:600;
background:transparent; border:1px solid rgba(157,171,164,0.3); color:var(--gold);
}
.tm-remove{
flex-shrink:0; width:28px; height:28px; padding:0; cursor:pointer;
display:flex; align-items:center; justify-content:center;
border-radius:7px; background:transparent;
border:1px solid rgba(248,113,113,0.2); color:#F87171;
}
.tm-remove:hover{ background:rgba(248,113,113,0.1); }
.tm-empty, .tm-loading{
padding:32px 8px; text-align:center;
font-size:12.5px; color:var(--t3);
}
.tm-note{
margin-top:18px; padding:12px 14px; border-radius:10px;
background:rgba(255,255,255,0.02); border:1px solid var(--border);
font-size:11.5px; line-height:1.6; color:var(--t3);
}
/* Shown when the plan has no seats. */
.tm-locked{ padding:56px 20px; text-align:center; }
.tm-locked-icon{
width:60px; height:60px; margin:0 auto 16px; border-radius:16px;
display:flex; align-items:center; justify-content:center;
background:rgba(157,171,164,0.1); color:var(--gold);
}
.tm-locked-title{ font-size:16px; font-weight:700; color:var(--t1); margin-bottom:6px; }
.tm-locked-sub{
font-size:12.5px; color:var(--t3); line-height:1.7;
max-width:340px; margin:0 auto 20px;
}
.tm-locked .tm-btn-primary{ margin:0; }
/* ── Invite share sheet ───────────────────────────────────────────────
Most people reach a colleague faster on WhatsApp than by email, so the
invite offers the apps they actually use rather than email alone. */
.tm-share-overlay{
position:fixed; inset:0; z-index:9900;
background:rgba(0,0,0,0.72); backdrop-filter:blur(6px);
display:flex; align-items:center; justify-content:center; padding:20px;
}
.tm-share-modal{
width:100%; max-width:400px;
background:var(--bg2,#0e0e12);
border:1px solid rgba(255,255,255,0.12);
border-radius:16px; padding:18px;
}
.tm-share-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.tm-share-title{ flex:1; font-size:14px; font-weight:700; color:var(--t1); }
.tm-share-x{
width:24px; height:24px; padding:0; cursor:pointer;
display:flex; align-items:center; justify-content:center;
border-radius:6px; background:transparent;
border:1px solid rgba(255,255,255,0.12); color:var(--t3);
}
.tm-share-for{ font-size:11.5px; line-height:1.6; color:var(--t3); margin-bottom:14px; }
.tm-share-for strong{ color:var(--gold); }
.tm-share-link{ display:flex; gap:6px; margin-bottom:16px; }
.tm-share-link input{
flex:1; min-width:0; padding:9px 11px; border-radius:9px;
background:rgba(255,255,255,0.04);
border:1px solid rgba(255,255,255,0.1);
color:var(--t2); font-family:inherit; font-size:11.5px;
}
.tm-share-link button{
flex-shrink:0; padding:9px 16px; border-radius:9px; border:none; cursor:pointer;
font-family:inherit; font-size:12px; font-weight:800;
background:var(--gold); color:#08080A;
}
.tm-share-grid{
display:grid; grid-template-columns:repeat(auto-fit,minmax(66px,1fr)); gap:8px;
}
.tm-share-btn{
display:flex; flex-direction:column; align-items:center; gap:6px;
padding:11px 4px; border-radius:11px; cursor:pointer; font-family:inherit;
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
transition:background .15s, border-color .15s;
}
.tm-share-btn:hover{ background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.16); }
.tm-share-icon{ display:flex; align-items:center; justify-content:center; }
.tm-share-lbl{ font-size:9.5px; font-weight:600; color:var(--t3); }
/* ── What a team member sees ──────────────────────────────────────────
Someone given a seat should be told where they stand, not shown an
upgrade prompt for a thing they already have. */
.tm-member{ padding:48px 20px; text-align:center; }
.tm-member-badge{
display:inline-block; margin-bottom:14px;
padding:5px 14px; border-radius:100px;
font-size:10.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
background:rgba(157,171,164,0.15); color:var(--gold);
border:1px solid rgba(157,171,164,0.35);
}
.tm-member-title{ font-size:17px; font-weight:700; color:var(--t1); margin-bottom:8px; }
.tm-member-sub{
font-size:12.5px; line-height:1.7; color:var(--t3);
max-width:380px; margin:0 auto 14px;
}
.tm-member-note{
font-size:11.5px; line-height:1.6; color:var(--t3);
max-width:380px; margin:0 auto 22px; opacity:0.75;
}
.tm-leave{
padding:9px 22px; border-radius:100px; cursor:pointer; font-family:inherit;
font-size:12px; font-weight:700;
background:transparent; color:#F87171;
border:1px solid rgba(248,113,113,0.3);
}
.tm-leave:hover{ background:rgba(248,113,113,0.08); }
/* ── Workspace switcher ───────────────────────────────────────────────
Sits above the navigation rather than inside it, so whichever account is
being viewed stays visible however deep the person clicks — the same
reason Slack keeps its switcher on the outer rail. */
.ws-switch{
position:relative; display:flex; align-items:center; gap:9px;
margin:0 12px 10px; padding:8px 10px;
border-radius:10px; cursor:pointer;
background:rgba(255,255,255,0.03);
border:1px solid var(--border);
transition:background .15s, border-color .15s;
}
.ws-switch:hover{ background:rgba(255,255,255,0.06); }
.ws-switch.is-shared{ border-color:rgba(157,171,164,0.4); background:rgba(157,171,164,0.07); }
.ws-avatar{
width:24px; height:24px; border-radius:7px; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
font-size:11px; font-weight:800;
background:var(--gold); color:#08080A;
}
.ws-name{
flex:1; min-width:0; font-size:12px; font-weight:700; color:var(--t1);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ws-caret{ flex-shrink:0; color:var(--t3); transition:transform .15s; }
.ws-switch.open .ws-caret{ transform:rotate(180deg); }
.ws-menu{
display:none; position:absolute; left:0; right:0; top:calc(100% + 6px);
z-index:200; padding:5px;
background:var(--bg2,#0e0e12);
border:1px solid rgba(255,255,255,0.14);
border-radius:11px;
box-shadow:0 14px 34px rgba(0,0,0,0.55);
}
.ws-switch.open .ws-menu{ display:block; }
.ws-opt{
display:flex; align-items:center; gap:9px;
padding:8px 9px; border-radius:8px; cursor:pointer;
color:var(--t2);
}
.ws-opt:hover{ background:rgba(255,255,255,0.06); }
.ws-opt.on{ background:rgba(157,171,164,0.12); color:var(--gold); }
.ws-opt-avatar{
width:22px; height:22px; border-radius:6px; flex-shrink:0;
display:flex; align-items:center; justify-content:center;
font-size:10px; font-weight:800;
background:rgba(157,171,164,0.2); color:var(--gold);
}
.ws-opt-text{ flex:1; min-width:0; }
.ws-opt-name{
font-size:12px; font-weight:600;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ws-opt-role{ font-size:9.5px; color:var(--t3); margin-top:1px; }
/* ── Trash ────────────────────────────────────────────────────────────
Deleted tours wait 30 days. Without this a deleted tour took its photos
with it and there was nothing to restore from. */
.tr-head{
font-size:12px; color:var(--t3); line-height:1.6;
padding-bottom:14px; margin-bottom:4px;
border-bottom:1px solid var(--border);
}
.tr-row{
display:flex; align-items:center; gap:12px;
padding:11px 4px;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.tr-thumb{
width:52px; height:34px; border-radius:7px; flex-shrink:0;
background:rgba(255,255,255,0.05) center/cover no-repeat;
border:1px solid var(--border);
}
.tr-who{ flex:1; min-width:0; }
.tr-name{
font-size:13px; font-weight:600; color:var(--t1);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tr-meta{ font-size:11px; color:var(--t3); margin-top:2px; }
.tr-soon{ color:#FBBF24; font-weight:600; }
.tr-restore{
flex-shrink:0; padding:6px 14px; border-radius:8px; cursor:pointer;
font-family:inherit; font-size:11.5px; font-weight:700;
background:rgba(157,171,164,0.12); color:var(--gold);
border:1px solid rgba(157,171,164,0.35);
}
.tr-restore:hover{ background:rgba(157,171,164,0.2); }
.tr-purge{
flex-shrink:0; padding:6px 12px; border-radius:8px; cursor:pointer;
font-family:inherit; font-size:11px; font-weight:600;
background:transparent; color:#F87171;
border:1px solid rgba(248,113,113,0.25);
}
.tr-purge:hover{ background:rgba(248,113,113,0.08); }
.tr-empty, .tr-loading{ padding:56px 20px; text-align:center; }
.tr-empty-icon{
width:60px; height:60px; margin:0 auto 16px; border-radius:16px;
display:flex; align-items:center; justify-content:center;
background:rgba(255,255,255,0.04); color:var(--t3);
}
.tr-empty-title{ font-size:15px; font-weight:700; color:var(--t1); margin-bottom:6px; }
.tr-empty-sub{ font-size:12.5px; color:var(--t3); line-height:1.7; max-width:320px; margin:0 auto; }
/* A toast carrying one action. Undo belongs where the thing happened, not
behind a tab the person has to go and find. */
.toast-action{
position:fixed; left:50%; bottom:28px; transform:translate(-50%,14px);
z-index:9950; display:flex; align-items:center; gap:14px;
padding:11px 14px 11px 18px; border-radius:12px;
background:var(--bg2,#0e0e12);
border:1px solid rgba(255,255,255,0.14);
box-shadow:0 12px 34px rgba(0,0,0,0.5);
font-size:12.5px; color:var(--t1);
opacity:0; transition:opacity .2s, transform .2s;
max-width:calc(100vw - 32px);
}
.toast-action.on{ opacity:1; transform:translate(-50%,0); }
.toast-action button{
flex-shrink:0; padding:6px 14px; border-radius:8px; border:none; cursor:pointer;
font-family:inherit; font-size:12px; font-weight:800;
background:var(--gold); color:#08080A;
}
/* ── One continuous line across the top of the dashboard ──────────────────
Two things kept the sidebar's line and the page header's line apart:
1. This file also carries styles bundled from other standalone pages, and
several of them set body{padding:40px 32px}. Coming later in the file,
they overrode the dashboard's own "no padding" rule and pushed the whole
main area 40px down (the pinned sidebar ignored it), so the header sat
lower than the sidebar. The dashboard never wants body padding.
2. The sidebar logo row had no set height - just padding around the logo,
which came to 73px, against the header's fixed 56px.
Both rows are now exactly 56px from the top of the window, so their bottom
borders form one straight line on every tab. */
html,body{padding:0!important;}
.sidebar-logo{height:56px;padding:0 16px;}
/* Photo / logo remove button: sits on the image's own corner and appears on
hover, instead of floating at the far edge of the row. Always visible on
touch screens, which have no hover. */
.mc-photo-wrap{position:relative;width:68px;height:68px;flex-shrink:0;}
.mc-px{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;padding:0;z-index:5;
display:flex;align-items:center;justify-content:center;cursor:pointer;color:#EDE8E0;
background:rgba(18,18,22,0.92);border:1px solid rgba(255,255,255,0.18);box-shadow:0 2px 10px rgba(0,0,0,0.55);
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
opacity:0;transform:scale(0.7);pointer-events:none;transition:opacity .15s,transform .15s,background .15s,border-color .15s;}
.mc-photo-wrap:hover .mc-px,.mc-px:focus-visible{opacity:1;transform:scale(1);pointer-events:auto;}
.mc-px:hover{background:#F87171;border-color:#F87171;color:#fff;}
@media (hover:none){.mc-px{opacity:1;transform:none;pointer-events:auto;}}
/* ── Analytics: one frame split by hairlines (Polar-style) ─────────────────
The frame's 1px gaps show its own background through, which draws even
dividing lines between cells - instead of many separate floating boxes. */
.ov-wrap{max-width:1200px;margin:0 auto;}
.ov-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.ov-title{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-0.3px;margin-right:auto;}
.ov-sel{display:flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--bd);border-radius:999px;}
.ov-sel select{background:transparent;border:none;color:var(--t1);font-size:12px;font-weight:600;font-family:inherit;outline:none;cursor:pointer;max-width:180px;}
.ov-sel select option{background:#111114;color:#EDE8E0;}
.ov-seg{display:flex;gap:2px;padding:3px;border:1px solid var(--bd);border-radius:999px;}
.ov-seg button{height:22px;padding:0 11px;border:none;background:none;border-radius:999px;color:var(--t3);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s,background .15s;}
.ov-seg button:hover{color:var(--t1);}
.ov-seg button.on{background:rgba(255,255,255,0.09);color:var(--t1);}
.ov-ibtn{width:30px;height:30px;padding:0;border:1px solid var(--bd);border-radius:999px;background:none;color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s;}
.ov-ibtn:hover{color:var(--t1);border-color:var(--bd2);}
.ov-frame{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-bottom:22px;}
.ov-cell{background:var(--black);padding:20px 22px 22px;min-width:0;}
.ov-span2{grid-column:span 2;}
.ov-span3{grid-column:span 3;}
.ov-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--t1);margin-bottom:10px;}
.ov-lbl small{font-size:11px;font-weight:500;color:var(--t3);}
.ov-num{font-size:32px;font-weight:600;letter-spacing:-0.8px;line-height:1.1;color:var(--t1);font-variant-numeric:tabular-nums;}
.ov-num .u{font-size:16px;font-weight:500;color:var(--t2);letter-spacing:0;}
.ov-sub{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--t3);}
.ov-sub i{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--gold);flex-shrink:0;}
.ov-chart{margin-top:18px;}
.ov-chart svg{display:block;width:100%;height:150px;overflow:visible;}
.ov-vgrid{stroke:rgba(255,255,255,0.06);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;}
.ov-base{stroke:rgba(255,255,255,0.08);stroke-width:1;vector-effect:non-scaling-stroke;}
.ov-line{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.ov-area{fill:url(#ovGrad);}
.ov-hit{fill:transparent;cursor:crosshair;}
.ov-hit:hover{fill:rgba(255,255,255,0.04);}
.ov-xl{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--t3);font-variant-numeric:tabular-nums;}
.ov-stack{display:flex;height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,0.05);margin:16px 0 8px;}
.ov-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,0.05);font-size:12.5px;}
.ov-stack + .ov-row{border-top:none;}
.ov-row .k{flex:1;min-width:0;color:var(--t2);}
.ov-row .v{color:var(--t1);font-weight:600;font-variant-numeric:tabular-nums;}
.ov-row .p{width:36px;text-align:right;color:var(--t3);font-size:11px;font-variant-numeric:tabular-nums;}
.ov-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0;}
.ov-li{padding:9px 0;border-top:1px solid rgba(255,255,255,0.05);}
.ov-lbl + .ov-li{border-top:none;}
.ov-li-top{display:flex;align-items:center;gap:10px;font-size:12.5px;}
.ov-li-top .r{width:14px;color:var(--t3);font-size:11px;font-variant-numeric:tabular-nums;}
.ov-li-top .f{display:flex;align-items:center;justify-content:center;width:20px;color:var(--t2);}
.ov-li-top .k{flex:1;min-width:0;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ov-li-top .v{color:var(--t1);font-weight:600;font-variant-numeric:tabular-nums;}
.ov-li-top .p{width:36px;text-align:right;color:var(--t3);font-size:11px;}
.ov-bar{height:2px;margin:7px 0 0 24px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
.ov-bar div{height:100%;background:var(--gold);opacity:0.7;border-radius:2px;}
.ov-empty{padding:30px 0;text-align:center;color:var(--t3);font-size:12px;}
@media(max-width:900px){
.ov-frame{grid-template-columns:minmax(0,1fr);}
.ov-span2,.ov-span3{grid-column:auto;}
.ov-title{width:100%;}
}
.ov-donut{display:flex;justify-content:center;margin:6px 0 10px;}
.ov-donut svg{overflow:visible;}
.ov-donut circle{transition:opacity .15s;}
.ov-donut circle:hover{opacity:0.8;}
.ov-dn-num{fill:var(--t1);font-size:24px;font-weight:600;letter-spacing:-0.5px;font-family:inherit;}
.ov-dn-lbl{fill:var(--t3);font-size:10px;font-weight:500;letter-spacing:0.5px;font-family:inherit;}
.ov-donut + .ov-row{border-top:none;}
/* ══ Settings — same calm frame style as Analytics (design only) ══════════
Everything is scoped to .settings-grid, which exists only on this page.
No markup changed: every field, button and id works exactly as before. */
.settings-grid{gap:24px;}
/* Section headings: plain, quiet, no coloured rule or shouting caps */
.settings-grid .sec-lbl{margin:26px 0 10px;}
.settings-grid .sec-lbl:first-child{margin-top:0;}
.settings-grid .sec-lbl-line{display:none;}
.settings-grid .sec-lbl-text{color:var(--t1)!important;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;}
/* Cards become plain hairline frames */
.settings-grid .s-card,.settings-grid .s-plan-card{background:var(--black);border:1px solid var(--bd);border-radius:14px;padding:18px 20px;box-shadow:none;}
.settings-grid .s-plan-card::before{display:none;}
.settings-grid .s-ava-row{border-bottom:none;padding-bottom:10px;margin-bottom:4px;}
/* Fields: label on the left, input on the right, one line between rows */
.settings-grid .s-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;margin:0;padding:11px 0;border-top:1px solid var(--bd);}
.settings-grid .s-ava-row + .s-field{border-top:1px solid var(--bd);}
.settings-grid .s-label{margin:0;font-size:12.5px;font-weight:500;color:var(--t2);letter-spacing:0;text-transform:none;}
.settings-grid .s-input{background:rgba(255,255,255,0.03);border:1px solid var(--bd);border-radius:9px;padding:9px 12px;font-size:13px;}
.settings-grid .s-input:focus{border-color:var(--bd2);background:rgba(255,255,255,0.05);}
/* Buttons: flat, no gradients or glow */
.settings-grid .s-btn{border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:600;}
.settings-grid .s-btn-gold{background:#9DABA4;color:#08080A;box-shadow:none;}
.settings-grid .s-btn-gold:hover{filter:none;transform:none;background:#B3BFB9;}
.settings-grid .s-btn-ghost{border-color:var(--bd);}
/* Usage: one frame split by hairlines, no glows or ghost numbers */
.settings-grid .s-usage-grid{gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;}
.settings-grid .s-ustat{background:var(--black);border:none;border-radius:0;padding:18px 20px;}
.settings-grid .s-ustat:hover{border-color:transparent;}
.settings-grid .s-ustat-line,.settings-grid .s-ustat-ghost{display:none;}
.settings-grid .s-ustat-lbl{font-size:12.5px;font-weight:600;color:var(--t1);letter-spacing:0;text-transform:none;margin-bottom:8px;}
.settings-grid .s-ustat-val{font-size:26px;font-weight:600;letter-spacing:-0.6px;color:var(--t1)!important;}
.settings-grid .s-ustat-sub{border-top:none;padding-top:0;margin-top:6px;font-size:11.5px;}
.settings-grid .s-ubar{height:3px;background:rgba(255,255,255,0.06);border-radius:3px;}
.settings-grid .s-ubar-fill{background:var(--gold)!important;border-radius:3px;}
/* Danger zone: one frame, rows split by a line; only the buttons are red */
.settings-grid .s-danger{background:var(--black);border:1px solid var(--bd);border-radius:14px;padding:16px 20px;margin-top:0!important;}
.settings-grid .s-danger:has(+ .s-danger){border-radius:14px 14px 0 0;}
.settings-grid .s-danger + .s-danger{border-top:none;border-radius:0 0 14px 14px;}
/* Plan card extras */
.settings-grid .s-expiry-box{background:transparent;border:1px solid var(--bd);border-radius:10px;}
.settings-grid .s-security-row{border-bottom-color:var(--bd);}
@media(max-width:700px){.settings-grid .s-field{grid-template-columns:minmax(0,1fr);gap:6px;}}
/* ══ Leads — same calm frame style (design only) ═════════════════════════
Scoped to .leads-wrap, which exists only on the Leads page. */
.leads-wrap{max-width:1200px;}
/* Stats: one frame split by hairlines, no glows / ghost numbers */
.leads-wrap .leads-stats{gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-bottom:22px;}
.leads-wrap .ls{background:var(--black);border:none!important;border-radius:0;padding:18px 20px 20px;}
.leads-wrap .ls-line,.leads-wrap .ls-ghost{display:none;}
.leads-wrap .ls-lbl{font-size:12.5px;font-weight:600;color:var(--t1);letter-spacing:0;text-transform:none;margin-bottom:10px;}
.leads-wrap .ls-val{font-size:30px;font-weight:600;letter-spacing:-0.8px;color:var(--t1)!important;}
.leads-wrap .ls-val span{color:var(--t2)!important;}
.leads-wrap .ls-sub{font-size:11.5px;color:var(--t3);margin-top:8px;}
/* Table frame */
.leads-wrap .leads-card{background:var(--black);border:1px solid var(--bd);border-radius:14px;}
.leads-wrap .leads-card-head{padding:14px 18px;border-bottom:1px solid var(--bd);}
.leads-wrap .leads-card-title{font-size:13px;font-weight:600;color:var(--t1);}
.leads-wrap .lc-badge{background:rgba(255,255,255,0.06);border:none;color:var(--t2);font-weight:600;font-size:11px;}
/* Filters as one segmented pill, like the Analytics range switch */
.leads-wrap .leads-filters{gap:2px;padding:3px;border:1px solid var(--bd);border-radius:999px;}
.leads-wrap .lf{height:24px;padding:0 12px;border:none;border-radius:999px;color:var(--t3);font-size:11.5px;}
.leads-wrap .lf:hover{color:var(--t1);border:none;}
.leads-wrap .lf.on{background:rgba(255,255,255,0.09);color:var(--t1);border:none;}
/* Rows */
.leads-wrap .leads-table th{padding:10px 16px;font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--t3);border-bottom:1px solid var(--bd);}
.leads-wrap .lr{border-bottom:1px solid rgba(255,255,255,0.05);}
.leads-wrap .lr td{padding:12px 16px;font-size:12.5px;}
.leads-wrap .l-ava{width:32px;height:32px;font-size:11px;font-weight:700;}
.leads-wrap .l-name{font-size:13px;font-weight:600;}
.leads-wrap .l-badge{font-size:11px;font-weight:600;padding:2px 9px;}
.leads-wrap .l-badge-dot{box-shadow:none;}
.leads-wrap .l-status-sel{height:28px;padding:0 26px 0 12px;border-radius:999px;border:1px solid var(--bd);background-color:transparent;font-size:12px;}
.leads-wrap .l-status-sel:hover{border-color:var(--bd2);}
.leads-wrap .l-action{width:30px;height:30px;border-radius:999px;}
.leads-wrap .leads-empty{padding:56px 20px;color:var(--t3);}
@media(max-width:900px){.leads-wrap .leads-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* ══ My Card — same calm frame style (design only) ═══════════════════════
Scoped to .mc-wrap, which exists only on this page. The live card
preview on the right is the product itself and is left as it is. */
/* Stats: one frame split by a hairline */
.mc-wrap .mc-stats{gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;}
.mc-wrap .mc-stat{background:var(--black);border:none;border-radius:0;padding:18px 20px 20px;}
.mc-wrap .mc-stat:hover{transform:none;}
.mc-wrap .mc-stat-glow,.mc-wrap .mc-stat-ghost{display:none;}
.mc-wrap .mc-stat-lbl{font-size:12.5px;font-weight:600;color:var(--t1);letter-spacing:0;text-transform:none;margin-bottom:10px;}
.mc-wrap .mc-stat-val{font-size:30px;font-weight:600;letter-spacing:-0.8px;color:var(--t1)!important;}
.mc-wrap .mc-stat-sub{font-family:inherit;font-size:11.5px;color:var(--t3);margin-top:8px;}
/* Sections: plain hairline frames with a simple title row */
.mc-wrap .mc-section{background:var(--black);border:1px solid var(--bd);border-radius:14px;}
.mc-wrap .mc-section:hover{border-color:var(--bd);}
.mc-wrap .mc-sh{background:transparent;padding:14px 20px;border-bottom:1px solid var(--bd);}
.mc-wrap .mc-shi{display:none;}
.mc-wrap .mc-st{font-size:13px;font-weight:600;}
.mc-wrap .mc-sb{padding:18px 20px 20px;}
/* Fields */
.mc-wrap .mc-lbl{font-size:12px;font-weight:500;color:var(--t2);letter-spacing:0;text-transform:none;margin-bottom:7px;}
.mc-wrap .mc-inp,.mc-wrap .mc-iw,.mc-wrap .mc-si{background:rgba(255,255,255,0.03);border:1px solid var(--bd);border-radius:9px;}
.mc-wrap .mc-inp:focus,.mc-wrap .mc-iw:focus-within{border-color:var(--bd2);background:rgba(255,255,255,0.05);}
.mc-wrap .mc-si:focus-within{border-color:var(--bd2);}
.mc-wrap .mc-ipfx{background:transparent;font-family:inherit;color:var(--t3);border-right:1px solid var(--bd);}
.mc-wrap .mc-url-box{background:rgba(255,255,255,0.03);border:1px solid var(--bd);border-radius:9px;}
.mc-wrap .mc-url-text{color:var(--t1);font-family:inherit;}
.mc-wrap .mc-url-copy{background:rgba(255,255,255,0.06);border:1px solid var(--bd);color:var(--t1);border-radius:999px;}
.mc-wrap .mc-prow{border-bottom:1px solid var(--bd);}
/* Toggles: flat */
.mc-wrap .mc-tgl.on{background:#9DABA4;box-shadow:none;}
.mc-wrap .mc-tr:hover{opacity:1;}
/* Save: flat, no gradient or lift */
.mc-wrap .mc-save{background:#9DABA4;box-shadow:none;border-radius:10px;padding:12px;font-size:13.5px;font-weight:600;}
.mc-wrap .mc-save:hover{filter:none;transform:none;box-shadow:none;background:#B3BFB9;}
.mc-wrap .mc-ob{background:transparent;border-radius:10px;}
/* ══ Subscription — same calm frame style (design only) ══════════════════
Scoped to .sub-wrap (only on this page).
The plan grid was built for 5 columns but there are 4 plans, which left an
empty column on the right (off-centre), and cards were only as tall as
their feature lists (uneven). Now: one frame, 4 equal columns, centred,
every column the same height with the buttons lined up at the bottom. */
.sub-wrap{max-width:1120px;margin:0 auto;}
/* Header: calmer */
.sub-wrap .hdr{margin-bottom:26px;}
.sub-wrap .hdr-eyebrow{background:none;border:none;box-shadow:none;padding:0;margin-bottom:10px;font-size:11px;letter-spacing:1px;color:var(--t3);}
.sub-wrap .hdr-eyebrow span{display:none;}
.sub-wrap .hdr h1{font-size:28px;font-weight:600;letter-spacing:-0.6px;}
.sub-wrap .hdr h1 em{color:var(--t2);background:none;-webkit-text-fill-color:currentColor;font-style:normal;}
.sub-wrap .hdr p{font-size:13.5px;color:var(--t3);}
.sub-wrap .tgl-track{box-shadow:none;}
/* Plans: one frame, 4 equal columns */
.sub-wrap .plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin:0 auto 22px;}
.sub-wrap .pc{background:var(--black);border:none;border-radius:0;padding:22px 20px 20px;box-shadow:none;transform:none!important;animation:none;height:100%;}
.sub-wrap .pc:hover{transform:none;box-shadow:none;border-color:transparent;}
.sub-wrap .pc.popular{background:var(--black);box-shadow:none;transform:none;}
.sub-wrap .pc.current{background:rgba(157,171,164,0.045);}
/* Badges sit inside the top of their column instead of floating over the edge */
.sub-wrap .pc-pop-badge,.sub-wrap .pc-cur-badge{position:static;transform:none;align-self:flex-start;margin:0 0 12px;box-shadow:none;
background:rgba(255,255,255,0.07);border:none;color:var(--t1);font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;padding:3px 10px;border-radius:999px;}
.sub-wrap .pc-cur-badge{background:rgba(157,171,164,0.16);color:#B3BFB9;}
.sub-wrap .pc-pop-badge + .pc-cur-badge{margin-top:-6px;}
/* Every column reserves the same badge space, so names and prices line up */
.sub-wrap .pc:not(:has(.pc-pop-badge)):not(:has(.pc-cur-badge))::before{content:'';display:block;height:21px;margin-bottom:12px;}
.sub-wrap .pc-name{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--t1);}
.sub-wrap .pc-price-val{font-weight:600;letter-spacing:-1px;}
.sub-wrap .pc-period{font-family:inherit;color:var(--t3);}
.sub-wrap .pc-divider{background:var(--bd);}
.sub-wrap .pc-feat{font-size:12.5px;}
/* Buttons: flat, and pushed to the bottom of every column */
.sub-wrap .pc-btn{margin-top:auto;border-radius:9px;box-shadow:none;font-weight:600;}
.sub-wrap .pc-btn:hover{transform:none;box-shadow:none;}
.sub-wrap .pc-btn-upgrade,.sub-wrap .pc-btn-popular,.sub-wrap .pc-btn-free{background:#9DABA4;color:#08080A;border:none;}
.sub-wrap .pc-btn-upgrade:hover,.sub-wrap .pc-btn-popular:hover,.sub-wrap .pc-btn-free:hover{background:#B3BFB9;filter:none;}
.sub-wrap .pc-btn-current{background:transparent;border:1px solid var(--bd);color:var(--t3);}
/* Notes strip: no box, just a centred line */
.sub-wrap .sub-note{background:none;border:none;padding:6px 0;}
/* FAQ: one frame, two columns split by hairlines */
.sub-wrap .faq{margin-top:34px;}
.sub-wrap .faq-title{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--t1);}
.sub-wrap .faq-title::after{display:none;}
.sub-wrap .faq-grid{gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;}
.sub-wrap .faq-item{background:var(--black);border:none;border-radius:0;padding:16px 20px;}
.sub-wrap .faq-item:hover{background:rgba(255,255,255,0.02);}
@media(max-width:1000px){.sub-wrap .plans{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.sub-wrap .plans,.sub-wrap .faq-grid{grid-template-columns:minmax(0,1fr);}}
/* Subscription fine-tuning: identical badge slot height so every plan name
and price sits on the same line; softer current-plan tint; one price colour. */
.sub-wrap .pc-pop-badge,.sub-wrap .pc-cur-badge{display:inline-flex;align-items:center;height:20px;line-height:1;padding:0 10px;box-sizing:border-box;}
.sub-wrap .pc:not(:has(.pc-pop-badge)):not(:has(.pc-cur-badge))::before{height:20px;}
.sub-wrap .pc.current{background:rgba(255,255,255,0.025)!important;border-color:transparent!important;}
.sub-wrap .pc-price-val,.sub-wrap .pc.popular .pc-price-val{color:var(--t1)!important;background:none!important;-webkit-text-fill-color:currentColor!important;}
.sub-wrap .pc-btn-upgrade,.sub-wrap .pc-btn-popular,.sub-wrap .pc-btn-free{border:1px solid transparent;}
/* The frame's grey sits behind every cell (it draws the hairlines), so the
current-plan tint must be layered over solid black, not see-through. */
.sub-wrap .pc.current{background:linear-gradient(rgba(255,255,255,0.03),rgba(255,255,255,0.03)),var(--black)!important;}
/* Subscription: each plan is its own card (still equal size, centred,
aligned). The container no longer draws a shared frame. */
.sub-wrap .plans{gap:14px;background:none;border:none;border-radius:0;overflow:visible;}
.sub-wrap .pc{border:1px solid var(--bd);border-radius:14px;}
.sub-wrap .pc.current{border-color:rgba(157,171,164,0.35)!important;}
.ov-pill{height:28px;padding:0 13px;border:1px solid var(--bd);border-radius:999px;background:transparent;color:var(--t2);font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0;transition:color .15s,border-color .15s;}
.ov-pill:hover{color:var(--t1);border-color:var(--bd2);}
.ov-lbl + .ov-row{border-top:none;}
/* ══ Team / Trash / Inbox — same calm frame style (design only) ══════════ */
/* Team */
.tm-page{max-width:900px;}
.tm-page .tm-head{border:none;padding:0 0 16px;margin:0;background:none;}
.tm-page .tm-count{font-size:15px;font-weight:600;}
.tm-page .tm-btn-primary{background:#9DABA4;color:#08080A;border:none;box-shadow:none;border-radius:9px;font-weight:600;}
.tm-page .tm-btn-primary:hover{background:#B3BFB9;transform:none;filter:none;}
.tm-page .tm-full{background:rgba(255,255,255,0.05);border:1px solid var(--bd);color:var(--t3);border-radius:999px;}
.tm-list{border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--black);}
.tm-list .tm-row,.tm-list .tm-owner-row{padding:13px 18px;border-bottom:1px solid var(--bd);margin:0;background:transparent;border-radius:0;}
.tm-list > :last-child{border-bottom:none;}
.tm-list .tm-avatar{width:32px;height:32px;font-size:12px;}
.tm-list .tm-email{font-size:13px;font-weight:600;}
.tm-list .tm-role{height:28px;padding:0 24px 0 12px;border-radius:999px;border:1px solid var(--bd);background-color:transparent;font-size:12px;}
.tm-list .tm-link{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--bd);background:transparent;}
.tm-list .tm-remove{width:28px;height:28px;border-radius:999px;border:1px solid var(--bd);}
.tm-list .tm-empty{padding:32px 18px;border-bottom:none;}
.tm-page .tm-note{background:none;border:none;padding:14px 2px 0;font-size:11.5px;color:var(--t3);}
/* Trash */
.tr-page{max-width:900px;}
.tr-page .tr-head{background:none;border:none;padding:0 0 14px;margin:0;font-size:12.5px;color:var(--t3);}
.tr-list{border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--black);}
.tr-list .tr-row{padding:12px 18px;border-bottom:1px solid var(--bd);margin:0;border-radius:0;background:transparent;}
.tr-list .tr-row:last-child{border-bottom:none;}
.tr-list .tr-thumb{border-radius:8px;}
.tr-list .tr-restore,.tr-list .tr-purge{height:28px;padding:0 13px;border-radius:999px;font-size:11.5px;font-weight:600;}
.tr-list .tr-restore{background:transparent;border:1px solid var(--bd);color:var(--t1);}
.tr-list .tr-restore:hover{border-color:var(--bd2);background:transparent;}
.tr-list .tr-purge{background:transparent;border:1px solid rgba(248,113,113,0.3);color:#F87171;}
/* Inbox: messages become rows in one list instead of separate boxes */
#inboxPanel .ann-item{background:transparent;border:none;border-bottom:1px solid var(--bd);border-radius:0;margin:0;padding:14px 16px;}
#inboxPanel .ann-item:hover{background:rgba(255,255,255,0.025);border-color:var(--bd);}
#inboxPanel .ann-item.unread{background:rgba(157,171,164,0.035);}
/* ══ My Tours & Projects — same calm style, photo grid kept (design only) ══ */
/* Filters: one segmented pill (the inline per-button colours are overridden) */
.fb-seg{display:flex;gap:2px;padding:3px;border:1px solid var(--bd);border-radius:999px;}
.fb-seg .fb{height:24px;padding:0 12px;border:none!important;border-radius:999px;background:transparent!important;color:var(--t3)!important;font-size:11.5px;font-weight:600;}
.fb-seg .fb:hover{color:var(--t1)!important;}
.fb-seg .fb.on{background:rgba(255,255,255,0.09)!important;color:var(--t1)!important;}
.filter-bar .fb-divider{display:none;}
.filter-bar .sort-label{color:var(--t3);}
.filter-bar .sort-sel{height:30px;border:1px solid var(--bd);border-radius:999px;background-color:transparent;padding:0 28px 0 12px;font-size:12px;color:var(--t1);}
/* Project groups: quiet header, no long vertical line */
.projsec{padding-left:0!important;border-left:none!important;}
.projsec::before{display:none!important;}
.projname{font-size:15px;font-weight:600;letter-spacing:-0.2px;}
.projmeta{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--t3);}
.projadd{border:1px dashed rgba(255,255,255,0.12);border-radius:999px;height:30px;padding:0 14px;background:transparent;color:var(--t3);font-size:12px;font-weight:600;}
.projadd:hover{border-color:var(--bd2);color:var(--t1);background:transparent;}
/* Tour cards: photo kept; calmer frame and labels */
.tc{background:var(--black);border:1px solid var(--bd);}
.tc:hover{border-color:var(--bd2);transform:none;box-shadow:none;}
.tc-body{padding:14px 16px 16px;}
.tc-client{font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--t3);}
.tc-stats{border-top:1px solid var(--bd);}
.tc-stat:not(:last-child)::after{background:var(--bd);}
.tc-stat-val{font-size:15px;font-weight:600;letter-spacing:-0.3px;}
.tc-stat-lbl{font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--t3);}
.tc-status{font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;}
.tc-status-dot{box-shadow:none;}
.tc-scenes{font-size:10.5px;}
/* Project folder cards: same frame as tour cards */
.pcard{background:var(--black);border:1px solid var(--bd);border-radius:14px;box-shadow:none;}
.pcard:hover{border-color:var(--bd2);transform:none;box-shadow:none;}
.pcard-meta{font-size:12px;letter-spacing:0;text-transform:none;color:var(--t3);}
/* ── Centre every page like Analytics / Shared Links / My Card ───────────
Those pages set margin:0 auto; Settings, Leads, Team and Trash didn't, so
they sat against the left edge. Data pages match Analytics' width, form and
list pages match My Card's. */
.leads-wrap{max-width:1200px;margin-left:auto;margin-right:auto;}
.settings-grid{max-width:1060px;margin-left:auto;margin-right:auto;}
.tm-page,.tr-page{max-width:1060px;margin-left:auto;margin-right:auto;}
/* ── Analytics heatmap fills its frame ────────────────────────────────────
Cells were a fixed 13px, so 12 weeks only covered ~200px. Inside the
Analytics frame the week columns now share the full width; each day is a
short rounded bar, and month labels stretch in step so they stay aligned. */
.ov-cell .hm-wrap{flex:1;gap:5px;}
.ov-cell .hm-week{flex:1 1 0;gap:4px;min-width:0;}
.ov-cell .hm-cell{width:auto;height:18px;border-radius:4px;}
.ov-cell .hm-cell:hover{transform:none;box-shadow:0 0 0 1px rgba(255,255,255,0.35);}
.ov-cell .hm-day-labels{width:18px;margin-right:4px;gap:4px;}
.ov-cell .hm-day-label{height:18px;font-family:inherit;font-size:9.5px;}
.ov-cell .hm-month-labels{gap:5px!important;padding-left:22px!important;}
.ov-cell .hm-month-labels > *{flex:1 1 0;width:auto!important;min-width:0;}
.ov-cell .hm-month-label{font-family:inherit;font-size:10.5px;}
/* ── Subscription: "Most Popular" gets a green outline ─────────────────── */
.sub-wrap .pc.popular{border-color:rgba(61,214,140,0.55)!important;box-shadow:0 0 0 1px rgba(61,214,140,0.18);}
.sub-wrap .pc-pop-badge{background:rgba(61,214,140,0.14);color:#3DD68C;}
/* ══ App shell, Polar-style (dark mode, desktop) ═════════════════════════
Black sidebar; the main area becomes a slightly lighter rounded panel
floating beside it. Inside the panel, --black is redefined to the panel
colour, so every frame/cell/card that paints var(--black) matches the
panel automatically. Light mode and the mobile layout are untouched. */
@media (min-width:769px){
body:not(.light-mode) #page-dashboard{background:#050506;}
body:not(.light-mode) .sidebar{background:#050506;border-right:none;}
body:not(.light-mode) .main{
--black:#111113;
background:#111113;
margin-top:0;margin-bottom:0;margin-right:0;
height:100%;
width:calc(100% - var(--main-ml,232px));
border:none;
border-radius:0;
}
body:not(.light-mode) .main .topbar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}
body:not(.light-mode) .sidebar-logo{height:72px;padding-top:0;}
}
/* Log Out: a normal item like the others, not red */
.logout-btn{color:var(--t3);}
.logout-btn:hover{background:var(--s1);color:var(--t1);}
.logout-btn svg{opacity:0.7;}
/* Profile: a compact row at the very bottom, Polar-style */
.sidebar-bottom .user-pill{background:transparent;border:none;border-top:1px solid var(--bd);border-radius:0;
margin:8px -8px -14px;padding:12px 14px 14px;gap:10px;}
.sidebar-bottom .user-pill:hover{background:rgba(255,255,255,0.03);border-color:var(--bd);}
.sidebar-bottom .user-avatar{width:28px;height:28px;font-size:11.5px;border-radius:8px;}
.sidebar-bottom .user-name{font-size:12.5px;font-weight:600;}
.user-pill-chev{color:var(--t3);flex-shrink:0;}
/* ══ Polar-style header & sidebar: no divider lines; bigger, bolder titles ══
One shared top bar serves every tab, so this applies everywhere. */
.topbar{border-bottom:none!important;}
.page-title{font-size:22px;font-weight:600;letter-spacing:-0.5px;}
.page-title span{color:inherit;}
.sidebar-logo{border-bottom:none!important;}
.sidebar-bottom{border-top:none!important;}
@media (min-width:769px){
.topbar{height:72px;padding:0 32px;}
/* sidebar logo lines up with the page title: centre of a 72px header */
.sidebar-logo{height:72px;}
body:not(.light-mode) .sidebar-logo{height:81px;padding-top:9px;}
}
/* Analytics: the page title already says "Analytics" - drop the duplicate
"Overview" heading and keep its controls on the right */
.ov-head .ov-title{display:none;}
.ov-head{justify-content:flex-end;}
/* ══ New NOVA logo: a round, see-through mark - no box, gradient or glow ══ */
.logo-mark{width:40px;height:40px;background:none;box-shadow:none;border-radius:0;}
.logo-mark img{object-fit:contain!important;border-radius:0!important;}
.auth-logo-icon{width:46px;height:46px;background:none;box-shadow:none;border-radius:0;overflow:visible;}
.auth-logo-icon img{object-fit:contain;}
.onboard-logo img{object-fit:contain;border-radius:0;box-shadow:none;background:none;}
/* The page title sits exactly above the left edge of the page's content,
like Polar. Each page's content column has its own width, so the header
takes the matching width for the tab on screen (set by setTab). Pages
that use the full width (My Tours, Projects) keep the content padding. */
@media (min-width:769px){
.main{--col:100000px;}
.main[data-tab="analytics"],.main[data-tab="leads"],.main[data-tab="sharedlinks"]{--col:1200px;}
.main[data-tab="settings"],.main[data-tab="team"],.main[data-tab="trash"],.main[data-tab="mycard"]{--col:1060px;}
.main[data-tab="subscription"]{--col:1120px;}
.main .topbar{padding-left:max(28px, calc((100% - var(--col)) / 2));padding-right:max(28px, calc((100% - var(--col)) / 2));}
}
/* No line above the profile row either - no divider lines in the sidebar */
.sidebar-bottom .user-pill{border-top:none;}
/* ══ 3D Nova green theme (dark mode, the default) ═══════════════════════════
Left sidebar = theme green #3F5F50 with light text.
Right panel = pale mint #F0F6F2 with dark text.
Each area redefines the colour variables the app already uses, so every
nav item, card, frame, input and label inside picks up its area's colours. */
body:not(.light-mode) #page-dashboard{
background:#111113 url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAA4KCw0LCQ4NDA0QDw4RFiQXFhQUFiwgIRokNC43NjMuMjI6QVNGOj1OPjIySGJJTlZYXV5dOEVmbWVabFNbXVn/2wBDAQ8QEBYTFioXFypZOzI7WVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVn/wAARCAHEAoADASIAAhEBAxEB/8QAGwAAAQUBAQAAAAAAAAAAAAAAAAECAwQFBgf/xABIEAABAwIDBAYFCQYFBAMBAQABAAIDBBESITEFQVFxEyIyYYGxBnKRocEUIzM1QlJic9EVJDSCsuElQ1OS8ERUY4MWovFkk//EABcBAQEBAQAAAAAAAAAAAAAAAAABAgP/xAAfEQEBAQADAQEBAQEBAAAAAAAAARECITESQTJRImH/2gAMAwEAAhEDEQA/ANpCEioEIQgEIQgRzg1pcTYBQsDpbSPybq1v6p1UCYmg6OcAfapg27g1ouTkAFL2vi/stgDXPIz0CgrqCRsoqqK7ZAc2jf3jw3K/C3o42s3jMqQE+9XGdZ1BtWOqAjmtHLbwdy/RTuHVvwN/eoNo7LirLyNd0U+uMC4IHELINdW7OJbVxYoXmzXXuAOf6qbnrWb4152jC7cWv9xUDHlhB3NOndvTmV1PVskwPwuwg4XZH+6a5tg/MWCrPhzowzG1uXREWA3t4eSie2zgARhIBB3q05mKW334b+5Q4bspzxJb70VXxAXLsgDqUuqc9lnOHB1k3o8Thpe1wfBAb/BClipZ5XfNxvIIvc6KU0RZYS1ELXXFxe5t4ZKaKbiRazb3OedrJTkL7ld/coxfBLM78Rwg/FZe06Kl2m9hqKbC1nZZG9wDx355qivU7X2fTEiWrjxfdYcTvYFVftmV8bn0mzamVjQSXyDo2281fp6OlpWD5PSRx6dloupp2PmhdCDYyMIBOmeSDkZtvbRm7Bjgb+Btz7SqExmqDinmklP4nErdb6OuLpHOmwwtybZt3HcFdh9HqVj2NkMkrnC93GwHOyxta6coyNrTmrcdDUzi0cEhHEiw9666Gjp4muMNO1gvhYA0XKnLGtcQRiazU31PAIMKGj2lJNBJU1DLQjCG65cMlqxxuZGWMeW7wTnZWBhFr2sMyBvPBNcQQRnnqqatMN3RNZFdrgS9x3H/APbKeAtlDxBJYsOEg7is/FYWGScZQ5j2uGEO1wCxP91ZWcbFTF0tJJHI24c03WDTktp3RON3RyEX93wWwKxzGySPwupw0EYc3DjkqdZT4JJJmFpY5wJAObbjeNyUisi6bdF0DkXTbpLoHXRdRSSxxC8j2sH4iAqcu2KKPITdIeEbS5Fxo3SXWO7bL3/w9HI7vebKI1O1JtDFAPwtufep9RZxrduoJqyng+lnjZ3FwusV1HPN/EVcsndisE+PZ1NH9gE96n018Vak25SNyj6SY/gZl7SoXbWq5PoKLCOMjvgFI2ONnZYB4J1ws/Va+IqOftSbtVDYhwjaAozs3pTeomklP4nXV/EkxKbWpJEEdDTx6RjxU4axugATcSQuTDUt0mJRYkXTDUhckxKO6Lq4mnlybiSXSJiaddJdIkQ0t0XSIVNF0JEIgQhCBEIQgEIQgEJEIBCEIBCEIBIlQgRCVCBEIQg6lCELo5BCEIBCEIHsaXxPDWNe9oxNafgr1K1nRNlw2kIs4DMg8As9rixwc02IUweWPM8FgCPnYybADiEGgXgYr7te7uSBxAcd4FvEqGN4mY10Q1F2sOWHvIUkTmtb0pJMUWh/1H9yamHTOwtkAOgDBzKrSkFkosCMmWOhTnGzmsdqy8jz3lRtzETTq9xeeSozq3Y9O9s3QOdTllj1eySe7cqMbto0hcJAJo7atzy7xqt17r08jv8AVk9wVVzQ7HfTRZ+f8anK/qGk23Tvmp2zh0RDS03zV2ldBU0gPyhkYZIRnm72JjqSCV9OyaNsg6PMuzO/fqs2TZEJgDoZZYnF+edxxU7Xqt2UUkcsmISyOvcgkNH6qP5bgPzMUUXeG3PtKxnw7SglmAmbM22Z3+9RmtqYsPTU976kZJv+nz/jWlqpZTZ8j3AnQuyUWIlURtGLEQ4Obh32UzauB2kgz0ursT5qe/cm3SCZhaQHMPffRF78EQtzmlubjuSbkXz8FQXNskEG/h8EX6oHegm7nZ3yyUA1pJbbeck0g28U7EBbdYZpnSC1sVxrlmihJiAeG2Oed7ZJgmabAG+V9bKOSpY1hOMGwxdUYv7KWrJU5O9Vp6xkQyzKrzTve+wOABw1zJuPcq0Zc1zXshxusDikOeRss/TU4/60dnOqI6g1JeWNcMmcea3HxXiNVSC2NwdMy98QG4LmhLUvAxPDbaho5/2W5syr6Dqvfiaf+XVl/E5S+qlbNT09MyqL8MMlssyWk7lm/teN7XGnilkI3EYVvTwRuqZacAGnqmY27wHfDRYDcLSMgEtsXjxlQOrtoy/RwRQji67io3Q10301bIBwZ1R7lbLu6yaXLO1v5kVW7Mpwbvu88XG6sMgij7LGjwS4kmJTteklwEmJR3RdMNPxJMSbdJdXE066Lpt0JiaW6LpqFcNLdF0iEQIQhAISIQKhIhAIQhVAkSpEUIQhECRKhAiEIQCEIQCRKkcQ0XcQB35KAQoX1lMztTMHjdXaOllrGB8bS2M5hzxa47hqqIELWZspo7crj6ospY9n041YXZ/aKZU+oxE5rHO7LXO5C66BlPCzsxMHgpQLaK/J9MBtHUP0hcOeSlbsyc9osb43W0kT5T6Zjdk/fm/2tUzdmU41xu5uV1CuRNpUIQgVCRCBUIVcMqmsIEsb3bnObb3BBYStJabtJB4pEIJS/Hjc1/QzPsHSZm4HcppKssLn1DCxsbg2Jx0N99lUStcW3AtY8RdEWnt6pjxZXvLJ8FG59w6Tj1GDuUJ1lMZMb5AMySQDyUhkPStJZcBuTt1+XvTTDpOqY4/9Nt3c1Xzw24lKJGvjxMffGcyck5gOIPLTgbn7EEriBNIR9iOw9llG4WhiHEk/BNJOBxOrz/coebOYPutH6oEe67pCN5+Kbv8ABH2fFD8v9oQRuijeBiY08woXUNO51+jsQfskhWOCQm2amRdqjJsyFxNnyN5FOhozE9pbLiA1D2g3VgyNvkb8s1RdtNoqWxMgleSbF2gGdlMi7yW8MnRnKC9xbqEfFSxyTxyHCIbYOB1ssj5ZXywSFscUDg5tr9bLO/wShlRJUsMtS8tMVixuQvhzKdLlasldPG1hkkgju7O+SqTbZe1tQOnY50R6zWRkkZlUG0cApIw4F+CQkYjfMgforTmsbLUYQBfM9+amtYaa2d8xEbSGuixB2AC2n900Pq5BH0khGJpBGLTX+yla7rxd7beaaH2ZGeDrFRTGRZtxHW7bd2f6pwY02vc3BakL7A/hehzsJdb7LrjkmKcbDQDTySFw/wCd6Y44SR9035hNv/zuTDUl87lPD3MdhduUbQSCb6JSAR1vBE1bNU4CC5uWXIJ3BZzn3cTxKV8h00NrHPRRqp4W6LpEIaVCRCBUiEIBCEKgQhCIEIQgRKhCAQhCAQhCAQhCBEJ7WPd2Wk8gpW0dQ/SMjnkhquhXm7NmPaLW+N1K3ZY+1KfAK5U2MyyFrs2dAAcWN2fFK+hp7fR//Yph9Rj2THyRs7b2t5kBRba2WRG6SnlmxDPAXkgrlsQOuqi66Z+0KRmszT6uagfteAdlsjvCywcYG9NMzBvRNbL9suPYhA9ZygftSpdoWN5NWYZm7rlJ0pJybwQ1dfWVD+1O/wADZQOdiN3Ek95uq5keb6DK6Di4ntWVxNWoLGphBAIL2gjxXp7MrrymlF6qDf1m/wBQXqzd/NWJSpBv5pyaN/NaQqEIUAhCEAhCEDbpbqHGUvSBQS3SqMPHFLdRT0Jt0oKByEiVAIQhAI0N0IQNc0PtiAdY3F9xTicrYnEG127hZCRA5ricONofhABtkO8qMuu4g3uc0qEC2DsIa5pvvvkkfmTbkkIBBBAIO5Bbcg3OXegAQDmAQnBkbgThJI4ptjcm976dyBjw5WLri6mLqUujjLRk25sMtSsSVwFUbffPmVtXzWFPb5YczbHmfFLGuNIHfNydxCc156WLPcB5hRD/ADc91x7UG4ZE8agn3FTGtODvmHDg4eRTrl03rs+CQN+dlj3EE/EJB9CyQXux2G/vCJoD7Mjd9x390EZSM4HEFIIwZnx2JaW4hZIA3omSEi4OE5oIycTj+Me9ABNtfulS3ja6RptxaRuKb0zRYgZ2sUQ0RuNsr2yPJO6O2p7PkkM53aaeCjdI52p9iCZzmMFhYkWz7lC+QnIZD3pqRAIQhUCEIQCEIQCEqECIS2QAToL8kCIUzaaZ/ZiefBTN2dUO1a1vMq4mqaFos2Y43xSgWNshdTN2ZCO057vcmJsZCFutoqdukQPM3UrY2M7LGt5BXD6YLYZH9mN55BStoah3+XbmQFuIT5T6ZH7NkDSXPYLeKnbsuMdqRx5CyvSdhycVcTaqtoKdv2CeZUrYImdmNg8FIhXADLRCEIgQhCBo0PMpr9E4aHmU1+iisuv7K4DaOW0JwMhjOS9AruyV5/tP6xqPXKxPWr4rBG7wQNR4Jd3h8VWTgN3NPaLObzaUw6nxT8te9vkimbj6p8089v8Am+CZ9k+qfNPA638w8kElN/EU9uLf6l6o3evLKQfvEF+Lf6gvUxvWolOSDfzSpBv5oFQhCoEIQgEIQoKZSEpczoEdG49yBuJJjI0Kyqra8VNWS08sb+obYm538FXq9sARMfSPa436wc06KK3xMRwKQ18LDZ7rHgM1zY287D1qcF3c6wUkM7qpomc0NLtwN0HSR11K92ETsDuDjY+9WC9jbYntF9LkLkJwOkzV2IM+ShxY02Gtli1qTXSIWbsSRlpssrjJavUOhIT6LxNQoJaqKGcxvLhkDitkpWPbI3ExwcOIV2JlOSJUIEsksnJLKhEWS2S2RDbICdZN32SBVz0/8RL67vNdCuen/iJfXPmryXijulubW3IQstFub3ubpLm1rm3BCEC3PFCEIBCVCBEJbJHEN7RA5myAQoX1dOxrnOmZZutjfyVV22KUdnG/k39UGghZLttX7EB/mckh2nUTVDGYWNab3sO5BroOWq5x1XWP/wA91uAyURc9zvnHOJ/ESU0dG+ohZ25WD+ZQv2jTN0eXeq0rGYwHTyVqKiml+jhe7kLqauOk2bTsrqVtQHua1xItbPIq83Z0DdcTuZTNiwSU2zI45WFjgXGxFjqr66SdOdqFtLAzSJviLqUNDeyAOQSoVZCEIQI37XNKkb9rmlQCEIQCEIQNk7Dk5Nk+jdyTkAhCEAkSoQIhKhA0aHmUx+ieNDzKY9Sqza3slef7U+sqj1yvQqwdUrz7av1nUeuVietXxUH6Jw0PL4pB+iVunh8VUOtf/wCycDYgai7U0ZOPinEXcLfh8kA0hrHfiYfDNLYh/wDOPJJh6n8h8049q34x5IH0n8RBzb/UF6m3fzXllJ/E0/Nv9QXqjd/NaiUqBv5pQgb+aoEiVCBEJUIEQhCCAJUBKiOH239b1XrfAKowfNP5j4q7tv63qfW+AVOP6J/MfFYrcMWxQD91j8fNZBXRdb5rE0Nd0bLgaaBCqtRk9W25bNv+E+aqVP0itA/4afVPms1qLewTdlR6w8lrgrG2B9HUesPJayYmqtU49ObE6BWqCUtjdprwVOqPzx5BTUh+aPNTO2t6aPSMPaaPBFmHsutzVa6UOTtFjA7dnySaa5KJshClEx35802pkACdhQHMO63JTtY0x4g7K9s1ZTFctTSLK0YzhDtxUEotZajNRrn5/wCIl9c+a6BUHbMD5HvdKbOcTYNWqS4ykq2GbNgbrjdzKmbSU7NIm+Iupi/TBGemaaXtbq5o5ldIGtaOqAOQsuH+SzPnf0bXElx0Hes3pZdaXTx/evySGoG5riqxo62JmLoXEAX71dpdl7QqGBwjaxp0L3WWdrfSB1Q/7LB4lQPnqDo4N5BbTPR+c/S1MTfVBKnbsCmH0lRI/kAFO02OXe6Z3alefGygMOI53JXbM2Ts2PWJz/WeVOyGji+jpYR/LfzVPpwraR74JGsaSS5vxT49iTSdprW97jZdXteoAiiwgABx0Ftyy21BJU0naoPRWpdNaCWN0Nh13nDnbMWzVxno0aWMzyVLHFgvhaDmtCnqHBg1F8x3qarMnRVDPuNNyrErGjoaSP7GLmVpQ09FOyNk9PG9sVywaAX10WM2UnerlNMQTnuUVuRMpIR8zTQs5MCm+VECwNuSyWzX3qQSKstEP6TrFKoqY3hB7ypV1njFIhKhVAkSoQNbq7mlQ0drmlQIhKkQCEIQI/sOSpH9gpyBEJUIEQlQgRCVCBo0PMqN6kGh5lMeis+r0Xnu1frOp/MK9Cq9F57tX60qfzCuc9aviqPiEo08PikG7mE4aeHxVQtsz4p7MiPWakJub97koOYPe1A2/UPqnzUje2L6Yx5KMAlh9Un3qUZPB/GPJAtL/EU9vw/1L1QLyylFqin78P8AWvUx8VqJTggJQgKoEJUIpEickQIhKkQQpUgSojiNt/W9T63wCqx/RP5j4q5tvCNrVJcXdrRovuVOJ7DFJaN+RHaNr68Fi+tQwroWBuCHASW9G2xOui5x0ko7MUXsv5rboJJJaSJ8pu86pFNqvpFOHf4eR+EqGr+kVIuaJbbz3rPJrjNb3o/9FUesPJa6yPR/6Ko9YeS11WVCrNpzyCnozeI81nbSqmRVpY4O7INwLhXdmSNlpi5huMVln9bs6XEIQqwW6AUiEDw5WWu/cz+YPJVFOD+5H80eSCd0hFJEb/ad8FEXl+u5I8/ucPrv+CZHvV4zsvh6EIXRgIQhALJZJnYZLWOQvwWZsv52he97Wl3SuF7d6xymtcbieM3Y7K9wnwSSOAY1pJtorDHAMYG2DSTokiPz5HcSpOC/SF8r2nrAjmozMeK0oMDo2FwvcArIq2iGqkja64B1WbMWdnmUppkKhukurIK21n/u7T+JZ8bslb2uf3RvrhZrH2ClWOt2fFDVUFM/FZ8Tsxx4hP2rPDDTyRt60s98XdYLL9Hu1LKd3VHipdp2dI472nzCamMBjtFYhf1zyVIOyCmpnXe7kitOJ11ZaclSiOauM0WpGbWnR/w45lTqGj/hxzKnXRgiEqECISpECN380qG7+aVAiEqRAIQhA1/YKckf2CnIEQlQgRCVCBEqEIGgZHmVG/QqUaHmVG8JVZ9XovPNrfWlT+YV6HV6Lz3a31pU/mFc561fFQfEJRp4fFA1HglboeXxVQ8do/zeSc3Mgd7EgycbD73klbqD3sQMJOH+U+alLsUt7ZYx5KP7H8p81Jfrf+weSB9Kb1FMD+Ef/depjVeWU1unpu7D/WvUxqVqJTwhA0SqoRCVCBEJUiKEiVCCAJUBKiOJ22P8WqfW+AVRg+ZfzHxVzbX1rU+t8FUZ9C/mPisX1tHZbFALU0fj5rIK3IOyOZUggq/pFlOP77bvHktar+kWO76w8R5KVri6j0e+iqPWHkthY/o99DUesPJbCrLlfSCUs2oRf7DVq+jzsezi7/yH4LC9Jzba5/Latn0Wz2U7813wWc7dLf8AnGwiyWyFpzIhKkUApx/An80f0qBTj+BP5o/pQK/+Ch9d/wAEyHenP/gofXf8E2HerPUqVCELoyEIQgQ9k8lnbIz2fJ+a/wA1ou7J5LKopmUVK6OZ7AS9zu0Bqe9Sq0GHqQHvcnMyqyPwFZbtsUcUbGuqIQWXzx38lXf6S0TJS8ShzrWs1hKaY6CnfZrQRo0LI2g//EJfDyCzX+lMDew2Z1ssmgKnL6Ssc8vFJicdXPf/AGWLNbnTbDrhLnwK5x/pLUfYhhb7SoXbe2hJ2ZGt9WMJDW/tCnmqKcMiZidiB1sqTNlVds2saO9yzTX176Kd8lRMHBzA09nW91lyT1D+3NI/m4lM1Nd7QPi2fS9HK+PGXFxJeAFFPX0c0rh8ojxOFsLXXOi4aOKSXMNBWls2hlbVMkdYNaHH/wCpTIavmq2Mz/Olk5ApBtfZsRPRU0rueXmVz5iJAUtNRmVxBvYcEG0fSJg+iowPWd+gUb/SOpPZihb4EptNsmNxGIE8ytaDZEAA+aZ7FUa/o/UyVeyY5pbY3OdoLDVaaq7OiENG2NoAAJyHNWluMhCEKhEJUIGjU80qG6u5pUCISpEAkSoUDX9gpyR/YKVAISoVCISoQCEJUCNGR5lNc1SsGR5lI4LNakZVaLBedbW+tKn8wr0mub1F5ttb60qfzCsRq+KozI5hKNPD4oGoHeEDs+HxVZaWydnO2lViEPwNu651IVadnQ1MkQIdgkDcQ32uFs+iZMdbVVDvo4Y3ON95vkFhueZJC52rnNJQJbFHyY7zRrJf8Y8kA4WHvY7zTzlNbXrjyQLTfT038v8AUvVQM15ZSj94pe/D/WvVQFYFCE6yRaQiVCEQiEqRAiEqRFQhKgJURxW2vrap9b4Koz6F/MfFXNssc7a1ThaT1tw7lVZG4QvxDDcjtEDisX1r8WdmbOdXyOOLDGzU2vnwWkYPk8pjxYrG97cVS2TtKLZ7pGTSswPzu11yCr3yhlU8Txm7H6FIKdX9Isd/1h4/BbNZ9KsZ/wBY/wAw8lmtcXUejv0NR6w8lshY/o79FUesPJbIVRxXpT9cH8tq2vRQf4SfzXfBYvpV9cn8tvxW56JC+yXfmu+Cn61+NmyLKTCjCqyisiyeQiyCOyn/AOhP5o8lHZS2/cj+aPJAj/4KH13/AATId6kk/g4fXf8ABRw70nqVKhCF0ZCEIQI7snkvMKmK88h/EfNeoO7LuRXDv2PVPke4NYAXE5uWeTUYHRPJAC0I9ll2rytJmxZWkF8sTfEq+ynjaM52eCyrHZshm+58VOzZUIPYB5rVDYB/mk8glvANMZ8E2GVSZs+FukbfYp2UrBuAVjpYxpE4prqktHVg9pT6i/NUdrQNbs4ho1kb8ViNpZH9mJ55NK6Cp2hPFTvkbFGC1zQAbnW/6KozbVS7tgMHc26aSG0NFK2PrQvGe8WWpDTub9m2RHuVP9ogH5yZzTww2+CkgqRPKGtkkfcHW9tCp9F4qLdg1WWIxN/murVPsv5OSZJ4sxxWQKWqfa7nnm4lXGbNrWRxvZSmUPvk3Mi3Ebk0xrM+TxHOoYfFT/L6dv8AmA8mlZ8GytpSWvRlg71ox7DqiOsAPEJtMjV2fK2aka9hJBJ1FlaUFFTOpaZsTrXBJyN9VYXWeOdIhKhUIhKhAxuruackbq7mlQIhCECIQhAj+wU5Nd2CnIBCEIBCEIFSgJAnhQKwZHmUEJzBkeZQRksVuM2vHUK8z2t9a1P5hXp1cOoV5ltb61qvzCs8fVvioBmOYU9FST1tQynpozJK8ZAc9eSbTwyVE8cMTcT3ua0DvXZ2h9HdkuwFj3OAu4duR3C+4dytuJJplTTwbF2LLCJGukfixlp7b7aDuC5Breu2/Finq6qaqqDJO7EesANzRbQKAdpvNnkkKacmc2u81ICMYJ/1B5Jjvox6rvNOIsf/AGDyVRLRuvU02WmH+sL1cBeT0X8RT/y/1heshAtk1PTStIRIlQqhEIQgRCEIqEJUBKiOI26L7VqQdMWngq9LSgAtwEB7mjMa6q3tv62qPW+Cn/aLquOnEvbilANhqLarF9ai5+waGWnjd0T8Tmgnr9yYymZSFsEd8LNMRuVr0pvRwniweSzqk3q3Hl5KooVY+dWVJCPlYku7UXG5atX9Kqjo3Al5YcJHaGftWOTpwmtv0d+iqPWHktkLF9HPoqj1h5LcAVjLifSprnbaIa0n5tmnitz0PaRsp9wQelOR5BZvpExztsGzHOAjboFteibCNmvuCPnTr4LO9t2f862Q1I4KbCo6hzYWXPaOgWmEBCUBZ1RXRROAlma1x0F8z4KxRbQhkkbG9+buziBaT4HVBawqQt/cz+YPJTOhsLhNc391I/8AIPJBBIP3OL13/BRxalTyj90i9d3wUMe9WepT0ISrbJEqEIEPZPJcNLT1LpX2lkIxGwLid67o6LBjaMZy3rHNvixm0daGFzYsYCu0+zNqSsDmwRsad7nALcjIEbuSWKoIYBdc29ZrNibSOstOzxurDdgVh7ddG3k1XW1F5Gg5gkAp7ZnfKGNvvjAO8A3v5K4m1TGwAGuMm0Huwgk4W7lS6DZcMvRVtTKyUjELuGEt5nf3K+2pkeGg/aheTlvzVJ9NS1FXCKqJsspa8AOzA0PkrEqu+XZVRHNFQGRxjeBIX6HW1jv3pscMFx1QVlwtbTVm12MAa1szAAN2blu7CiirDIJG4rFtu7VLO8JemhCKaTrywRSPsG4nNBNhoFYkdEIJAyONt2nstA3KLoGRMZa2ZOX8wUdS7DPIwNsM/JX5sTWOyVotkFa6XGGtvkGP8lkRvyCtwveTeOznBpBB4ELM9at6bOy6gjZ1O2+jArragk2usWilj6FrY3YmtFtLWPBSSuxdJnpE/wCCsZrca7EL3ulVLYueyaY/h+JV5dYxSISpFQIQhA0au5pUjdXc05AiRKhAiRKhA1/ZKcmv7JT0AhCEAhCVABPASAJ4CysKzTxKClYMjzKCsVqM+uHUK8x2v9bVX5hXqFb2CvMNsfW9V+YfJZ4+rfGj6IRtdtd7iLmOBz287W+Kk9JXyvEOIWZ1gBwzGqztj1p2dtGKosSy4a8De0ixW/6QDpKZpgAfSvaHgi1nd4Kt9lWeWOWdm83+8/ySttibzjT5InMwvyLHF5DhockwAYm8bxqsmkDB/I7zTzk+2vzg8k23zZ9R3mpHNtP/AOweSodSW+UUv8v9a9YAXk1H/EU38v8AWF62EAQmlPTStRDUiUpFUIhKkRCIQhBGEqAl3IOK225w2pUhoZ2tXNvuVOF83QyddrSHC2FoHFXdt/WtT63wVSMfMycx8Vi+txC99U4W+VzW4Ylr7MDhSRBzi5wvcnfms7AMAdjYDfQnNalB/Dx+PmkDKv6ZUS89K5tzkLK9V/TKq+EM+dIJc4WHcOKxyb4frZ9HPoqj1h5LdasP0b+hqPWHkt1oWmHO7ecPlxa4ANwtzJ1K1PRm5oZL7pD5LG9I/wCPeGZv6NpA46rX9ES52zHl7cJMmnguc/p2v8R0DG6krmNv7TMP0QxTSnBE34ro61/Q0Trau6oXndZUfKNp1M+JmCH5mPFuO9w5fFdHFN00lFUYGSse9zA+WcDrG/2Qd1lsU3pBFU0b6TaDGzsxYWuvp3g6gjcR3LmYWxyujhbZz3ki7+7U+al2g0QRQmnjOJpFyRhL+BKwPQ9mPMlP0L5RK+MAtebXc3diG5w0P91PKy0BH4x5LnNgzCipmzSvbh6UEWb9l2Tr/wD1Pgurnb80fW+C1FrPmH7rH6zvgq7N6tzj92j9Z3wVVupWp6zTkIQtshCEIBYbMnHmtwLBLrOPMrHNvguAuwhrG4i4aD2JZKd8ET8YIcw2N/D9UlI8CSO97YTnbLUK3tKRsgqhG4OJdcW35BSSFvajT/OTsaTYXWv+z49SXXyzz/VYuzziqmDmfculJzVkSqklFAyNzsOg4LlK6aV0jZqMsdLGMQDhkQRYhdfVutSyclzOzqR8+z45W9EOkGRI0FzuUs76WVzkHTvpK2smaAJ5mG4FhfrXC6P0PfidP3Ob8VQ2jRT0eyn0xc2Vgka5mEEusSdVZ9Ei6nbVPka5vWZYOba+qs9Pxvz3MLC3W5/qCo1LnmtlD4+rnZwPcp/lLZIY8IcCCSQQR9oKOrtJUvLQXDOzhppZarLlGuyCtUsXyiQtxObZpdccQmN2bWWA6K3NwV7Z9FPBI50rQAWEZOvqFzk7bp2yo24I259c3d3lTE/OVLdzYnJaGnfT9HjtZutinCE9LO4ubaRpaBzVRpbDz2PS+r8Sr6p7Jj6HZ0MdwcAIuOauLpGKEIQqBCEIGt1dzSpG/a5pUCIQhAiEIQNf2Snpr+yU5AIQhAqAhKFA4J4TQnhRorNDzKQpWaHmUjlitRRrewV5jtcf4xV/mO8l6fWdkrzHbH1xV/mO8lnj6t8VW6jm3yWrsfaYp4zSVUZno5G3LALlpvqE7YNJFUPmfLC2YMDLNeTa9tcrLosDqalDYmwwlzhbBC0WG/vVvLCcdYsmwqnHbZ9RG6mmzBdoRzVXaeyptm1MbZC1zXFmFzTcd4WiK12ydqmJ2dLMS9zfu5Zke9a20KdtfH0gcDE5gdHbPrDMEf8AN6m4Z+OGdlH/ACP81IDhlF8wJB/SmuHzQJ3xv81I1uKYDeZW/wBK0ySj/iKb+X+sL1puq8no/wCJpu4D+tesDVA5MT01aQ1IlKRaQiRKkRAkSpEDAnJAlQcVtr62qfW+CptPzMg/E34q7tr63qfW+CpM+hk9YfFc763EsERmcWNbis0utvWnSxOhjYx4s4blm7PqG09W18hfgORDSLn2rbm/iD1S3uJurBQq/plC8g2uS7qWtuCmq/plAXB0bgO2zX1Sscm+H62PRz6Ko9YeS3WrC9G/oqj1h5LdYtMOa9InYNo5gkFjdORWv6KMayge1umP4LG9I2Y9q2a4XEbSW8Vs+iQAoZAL/SHXkFzn9O1/iL23ZuipwdzGuf7AvP2OZFsZvSAl8znPOWumhXZ+lj7UVRbUQ29q5GsYRS0kTSbsiB10vuW64kpomPmxRuY2WMB+F3+Z3XTQw1NW2KMYmB+Jzi7TvtwT6WSOkZM17S2bBcBzc7cPJRUnSwsfVPHWeMhh0587ZLKtSkkhNJVUU1SIsYcGue0mzgNO4G3vXe0cxqtkU0x7T2NJ52z96872I1hr4zO5z2OJxNebAjge5ei0NMKPZradrsTY3EN5HMDwvZWFQTj5hnrO+CqDUq7UD5hnrO+Cp7ytz1m+BCELbIQhCoDkCeAXKOrtniR2OWXFc36p1XVu7J5LkTRMe92WpKxza4r8W2qYMa2OTJuQ0Un7ZZuf72qozYUMsZLrg2ysFepthUHRtLzIXWzsQFz1rFVldAx+KJgDuIcpDtOR25x5vK0W7KoGaNkP8ykFBQj/ACyf5iqMk10rv8sHmSkFRUWs2NgHIraFLRjSEe0p4ipRpCxBzlXU1kNK+RgYHhzQOrfW91mnae0zqW+DF1G1xEKVuCNreuL2Cy48BOgS1YzjX7Qa/BIHtdYGxAGR8FapJqqWYCSR+GxuL9xW/TTsw5saTpcgKaWcOhkAAF2nckSuIH7SP/UzH+ZTdBtIMjf15GvuBYknLiFpRyNyWnR1BZkDuU1WPS0NZI4dJFJb1StVmx2kZxyErRbVHW5U7Zy5t8xzWpGbaipIBTQCINLQCTYqZGLFmhdIwEIQqBCEIGt+1zSpG/a5pUCISpECIQhAjuyU7emu7JTkAlSJUAnBIlCgcE8JgTwo0Vuh5lIUrdDzKaVirFKs7K8y2x9c1f5jvJem1nZXme2Prmr/ADHeSzx9avjS9F9pDZ9ZK1xaGzsY0F2gcMx8QuprsNS2ARss6xJa1t154zJ7ebPJdj6LbVnFJ0bZAJcGAFwucjkffZORFT0oonxQ0dQ9rmuONhDhn2Uvo7Vl1PJTON2xNa5t+BCX0jrZ6uEse90ropS19m2ubWFh4ptTH+ydjRRviiirah7YyG5lrRkbninsxfL25yRwLTwwSW/3KQG0oOlpW5/yqJ30dvwP81Jb5yx/1W/0rTJ1HnUU3If1hert1Xk9FlUU3fb+sL1gIh6YU9MK0hCmpxSFVDUiVIqBIlSIGhOTQlRHFbcc9u1qnAW9rewHcqcckxhkJc3UWswDj3K7tv62qfW+CqRj5mT1m/Fc763PFd0lSD1Z3D+UfotzZxe+kidK8veb3cdTmsghbGzx+6x+PmkEdV9KqcjLyYmnICx7irlV9MqRv0r8OmhU5N8G76N/RVHrDyW8w96wPRz6Oo9YeS3mqsOZ9IstqgksGKMdpwC1fRG42fIC7FaZ1jfcsT0ma6Taj7OybE029q2fRNwGzTYk/OHXkFif07X+Id6V/wAJU/lhYVM2Oeopz95jLOOZv3BdB6Qs6amqGjV0R8lxtDIZIqMtLiG5O8DotcnFpy9HCZWkBriXP7ywbwsuonE77AHDi1vqOCm2vM6oAJtjc7EAMss/7KpEwYmEvuWtueayLtGOnq2FpsHPDQXBeogFsBBJJuNT3BcFsukbNLBITGYt7SLkg5LumtEdO5gJIa7Dn3C3wVggqPoGes74KlvKtzn5hnrO+Cqbytz1KEIQujISpEqBH9h3IrIjsyla5rWEmYNJLQcrBaz/AKN3IrJiOLZ7T/8A0fALNWMatbLHX9IyZ7RJVhmAEgWv5LpKF4AJeAbnMON7Ln69hNRG51rCuyIOmasTVDopXMBDb8TksVqduiqXx9CSxjAbYstQFSbPcXusOXaMgsC+NwNm5OBPsWqxxbTMNyDzWZ2t6WRInB6rOmuTc6WTOmsrKYNquvRj1wsyN1lbrpMdIe54+KoNNkpGhBJl4q0H3a71T5LNgdl4q5Gcj6p8lZCsmF2QV+CSzjyWZC7IK5A7rHksxWpE9zjYEK3E93Wa61xvG9Zcc0by6MPa06Xa6zhmFoQANibZxcTq4m5K3IxV6I3YnqKDOIcypVtkIQhUCRKkQI37XNKkb9rmlQCRCECIQhAjuyU5Nd2SnIBKkShAqUJAlUU4JwTQnBRSt0PMprk5uh5lMcs1VOr7K802x9c1f5jvJelVZ6q812x9c1f5jvJY4+tXwlBSSVlSyKIZ3YSdzRbMrfrvkexYmxwjHVtZ1c8xc6n9FJ6Mwin2VPWNsZS0n/aMgsjYUDtp7cp2zEyOku9999jf4K+puNsk1EUQqMQkFyTFECBvGp18FS2xs7oIRVvqJZHmSP6RoGV9Aukhpz07wR1mk3vuXN+ku021s8VLD9FTvaC4facf0WY1a58i8ZI+4/zUxsZb6fOt/pUJ+jI/A/zUo+ly/wBVv9K2yWi/iKbuA/rC9YavKKM/P03If1herNRD01OTVpCFIlSKhEiVIqhEJEIGhKmgH7x9yhL3A9pTRym2vrWp9b4KpGPmX8x8V1ctDSzSOklha57sySTmmjZ1GBYU7LHXVYVypY4AEggHQkarWoP4aPx81t0MURpnwOjaYw7skXGaHbMgay0QMdtAMwrhrAqvpVmPqbVPQYXa6jRdDV7Kqe2wB44DI+9YU+zqyOt6R9NKI7g4rXGizY1xre9Hfo6j1h5LbaViej4IjqMj2h5LZaVYjlPSaeFu1XskxAmJvWDb21Wt6JzGTZTnuLiekIJPILF9Kqad20X1Aid0LWMBfbK61fRQ22Q7813wUztu3/lrV1nHPS1iuKoqYRmtpZL3imBtwbY9by9q7SXrArmNqs+RbTiri28Mg6Obu4H/AJwVvjClVRufhfCy50aB5qvPG+mnGAX+btpe5WkwyOmfGGgDLrX1voozTvZMY7XJzIbqctAsDa9HqRklLd3VOIC5P2dT5FdTBKXbPa85FzsXtuVhRRDZ1BHG1xMlXGAGn7DftHuvotWN/wC4DueB7lYtSym9NH6zvgqzdSpZD+6Reu74KFmpW56zTkqRJhbw962yVCbgb91GBvBAr+w7kVjUx/w4AtIPykm3ctdzG4TluWV0bPutUqxn1WN4cMDi5teCLN+zx5d6g2gx8lU4kSgWFi2PEtfo2D7LfYlwN+632LN7anTlfk1SZQRBMW4tSwrpmvcYGDC4G2lk/Az7rfYlws+632KYuoD0jiTY+IUbhJfJpVvC37rfYls37o9iYapTskfTOaGnFiBt7VVEE33D7QtbC37rfYjAzcxvsCYjPhjeBm23iFajuL3tod44KbCPut9iXCOA9iow2Uk7QLst/MP1V2gY6GcOks0esFfwt+6PYiw4D2KYaIpcLTikBJdftblJ00d83C9tbplu4JFRp0r2uhBDgRc71NccVBR/w45lTrcYFxxRiHFCLqhMQ4ouEqRAjSOtnvRiCG6nmlQJiCTEOKVCgbiHf7EYx3+wpyFQxzhhOvsKffn7Ej+wUqgL8/YlB7j7EJUBfuPsSg9xQlRS37ilB/CUgShRTmnI8ymOKc3Q8ymOWasU6s9Vea7X+uKv8x3kvSavsrzba5/xir/Md5LE9avi5sbaztnY43tL4n4chuJC1/RMUce1J6yJ7hHFC6zC3S54+1co3NzebPJb/oticDCxtzO8MLuAFzdXztP/ABu7Ur3UmyZpiQJqm7GezM+C4ZpzbzjWp6Q7QFdtHDF9BTh0UffYZnxKy2Gzm+tGrAjs4v8A1v8ANSZiX/2t/pUZzj/kf5qX/NBP+q3+lAtH9PTch/WF6uNfFeUUmVRTch/WvVhqrEPumm6VNVQhv3JM+A9qW6S6oM+5Jn3IQqhufAe1HW4BKhAwKB92guLTYKa+SDYix0OSgrB7eNkOljYLue0cyq73YHlt7m+QGpTXAPJaS63AG11lU1LKxkj8Tw0HRWxLGQT0rSO5ZLoo2G7Y7H8OqOkdh7BAGlyrpi5JMy9y3ERxKjFQ4EloA7lBjO9Ne43yCilqKx+A9cnuCtUEtqKIl17tv4rIqCQ14OVs1b2a5po4xrbL3qCl6UTOdRRtvk6TTkrHoqbbJcP/ACu+CtTsp3OdHUMY9t7txi+5SUkcMMZZTMbHHe9miwui/iyVUqoGTxvilbiY4WIVtIWg6hVlz9Js2f5S2kmvJTjNkoNi0DcVvNoYW1DJmss5ot3HmpomBtyBmVIrOMTVKKgLJHSPmfI9xuS7yHAK60lsXR36uLF7kJrinzDaV0p6NrCcmkkeKrySOPVabJzzhaSVHEMVSxp3dd3wVF8CwA4ISIVQqEiFQjuy7kVljTRap0K5gMxPIF9TvWOVxrjNadu4pLHgfYo4tnwvid0gJNuJViCg2d0TQ6lY4gakm596x9NYjt3H2I8CrP7P2b/2rP8Ac79Ufs/Zv/at/wBzv1V+kxWt3FFjwKs/s/Z3/bD/AHu/VH7P2d/oH/8A0d+qn0Yr27kllHtOCmp44zTtcwuJB67jf2lUo+sQMTv9xT6WRo2S27inspqSfryteXABvVkc3QcAUs9HRxU8j42yB7Wki8rjn7U+jEMsgiYXOB5cVTdtAg5RjxKjhOMuBc52W83U+zaUS1D5Hi7Y9B3p3fDw+OWokbdtPlxOSf8AvP8Aot/3LQOqLLWM6rxVNVFHhFOw2/En/Lav/tmf7lKkVw1H8tq/+2Z/uQa2r/7Zn+5SgJbKpqq7akzDZ8DRzJT4tqAuAljwg/aB0ROwPYWuGRWZctjeDmW3BWdsamV0TT2uaddVqR2KmjJ1wjyCnutsFui6bdF1Q66E26LoB56hTlG/sHkn3UDkqZdLdA9KmXS3RT7pQUy6W6intOR5lMcUrTkeZTHHVZqqdWeqvN9rfXFX+Y7yXo1WeqvONrfW9V+Y7yWOPrV8V2nrDm3yW/sV7qX0f2hWM+kA6NhvpfUrn26jm3yXQ+juCooZaN56r74hzGvuWrcSTWZS0clVI7owMIc8Fx0GWSvt2KRbFNphOTeCubKpn0zJYXtIeJXeOliuggpWsbdwDn940T08cu3YQczD0jz1S24ZxN1I7YRL8QdIOsHWwcBZdZhRZX5TXJRbDdE+J2KQ9GLdjXO66cbWl/7U+0/opbJQ1MNRfteX/tD7T+iYdtOBsaex73f2VmwVethbJA64zGYPBMpLCftq2boMt9nf2WhBUMqYWyxG7XLl2EuZmtX0edehkafsTOHkVON7WyNe6E1F10YKhJdCCAuSF2aixIxLIiqrNtJZx3ENFyVA0OcAZBhzyaDfLgVYnd83kd4z4KtKL9EAHWxYrAXJSrEtgLC1lFJplxT7k2OEtsdCldzUVA4m2TfemsLjY2FlK5t7G+mYUcbcMYDi2+8qCCoaHPdcm5AtZS7NcDTFts2uIOSSZoBaS5ue9OpzG2aYNI7Vz7EUtVd0rDbqjJXabKMZKtUYcLfxEK3D2USpE4DOyRPjG9ajKQJUgQVpCOKicb708qJ7rA3UVG61zbMNzKkoW/SSHV59yo1lQIIXHQ2ue5Ls+tnnjDhG1rdFNXGuhQCSS2YanB7zuC1rKZCjxu4BGN33Qmh6wYm2e7mVuYz91Z3yXAScYzN8wsc+2+NxI11ozyUEcvVCe7JhAIOW5UWOLciCCFzkaXxL3pelPFVA5LiVwWul70dL3qriRiTBHtSS8UfrKpC+yftB14m+sqzHWCUjUgnsDzSVtW6OnNhkciqUMlr80m0HXoie/wCCYKTqwM7OXit/YUvSbPxnVz3LjpHLqfR13+Fx+s7zWuPqcvGygJt0t1tzOSIukKBQlSIuqGSZhYtSCKmQXyNj7ltSaLFqv4h3ILHJvitU+0XU7Y2PAcwkN7wtm65WqNoYz+MLp75pxqcofdF0y6W62yddF026W6Aeeo5OUbz1Cn3QOSpl0t0DgU66ZdKingpbpl0t1A5pyPMqpUV9NC4tfKMQ1AF7KWZ5jppXDIgGy5erFn5LHKtyNGp2lTvFmF5/lXI12zpqmvnmYWBr3Ei5zWkSnNKw1jGGyaj70e7fwVigo6uiqGSsdGSBYgk2IutMFOCupjTpX/KqvGWgBjVpBUNlttG93E2V8LpxmRjl6VBSqtVVBi6rQMWpJ3K24kmrCVYUm0J7m0hHJQO2hP8A6r/asfbfw6RRTm0Dz3LmnbQqD/nP/wByhftCcggyvIP4in0fK5GbMJceK0/R03pqn88+QXKSVTwNV0voob7MkPGY+QU4+ry8b10JqF0czkJqLqildNumNduO5K5ZU2UktIBsdxtdAGHDYOdbPXMptwb4iRbggPaGdRj7d4t5pQh6V33Y/eU1wDBm65OSa+YZnNV3VsfSBmE3IvuUVaxdVNNlTZViVoeG2adM1L07WtJI04lAtW0vZGG7j8FFRsEM0gdkXEO11Ty90hs1m6+bkycTxysdDTvlAbnhNlKsXz1gzuzVqIiyz4XzPtjppmcwf0VmN8gv8zJbvaVYlW9SpAbKoJXE2wuHNpCkEnNajKyClJyUAlHFPD+CqG9IDcaFRSm4sM04xEkuD8zxVGq+URtPuLdFlWXtJ/S1McAJOJ2Jx42/utjZ7QyEAZLmqN7p9qTveb2OEd1l01GfmgpFq6DknA5JgOSc3RbZOJyThomHRLuQOuqk7usrKqVGqlWIXOKpSOvMVacVb2fgNO8PjY+8lus0HcstM1qcthwjBw9FEB6gTzTQPeQ2CO4HJSzDWIUhKu7Yp/k8LZmCNjAbOA1JOiz2uxNuoqvXn5lvrKmHWCtbQNoB6wWeXZJVi1C69+akrTfZ/iqlO/I81ZqzfZw9ZEnrAkOa6v0d+q4ubvNcjK7NdR6Nyuk2eGMjcSxxBNsjfO6sK3gU5RBkx+wBzKeI5fwrbB90l03BJxCTo5OIQSJVGGyDWyC9w1bdAsuixazKpcO4LVfMLWIIWFNUxz1UhjN2tOG/Gyzya4kqz8wz1gunuuVrD8wz1gununE5H3RdMulBWmT7pbpl0t1UK89R3JOuo39gp90DkqbdCB105MS3RT0XTbpboIKw2o5OfxXN1h666KsP7pJz+K5yrzeufJviquTgUwpwWGjwnhRp4KDc2cLUbO8kq2FBRi1LEPwhWAu0cqFl1rutKe+y1dyx60/S+sVnk1xZUpzULjkpX6lQuXN0RPKheclK9QP3oIZDkuu9Ej/hLvzXeQXIP0XW+if1S7813kFvixyb90Jt0XW2Droum3RdBntjqHAfMO5kgKUU8xGbWt5uur6EwUDSVJFmyRNHIlRSbNqJG4flbW94jv8AFaiLJhrAPo/K4EO2jIQTc2jA+KfH6OxNxY6qdxcLG1gt2yLKYusuHYtFE1o6Jz8IsMTyVcZTU7MmwMH8oVhCuIaABoLckWT0iBtkllIkQMwowhPshBHhHAIwN4BPISIG4RwTXxtcOs0Hmn3SKKpjZlE2Rz207Gucbki4uVM2njYLNBA5qa6bdQNwcClAsguHEJpeFdCk9yUOCjMg4Jpk7gmmLCp1CHTlmd8uCSbMAq6is7RWKFxEQtvm+CrPKsUecI7pvgpFqzObPZnq4KwH2mkHc34qpUk3iP4h8U+VxEsh07PxVviRX2+8/ss5/wCY3zWPC/qBXtvTB2ziAf8AMasiF+S5tpK916cesFmudkrte792HrBZjnZJSLEDsjzV2pP+GX71nUzsvFX6nPZjRxNkF/YHo7BJAysrW9I5/WZEeyBuJ4ldS2MNaGtAAGgAyCqxgNY1oFgBZPxHcT7V0jFTliQsUON33j7UuN33j7VQ8sSFiZjd94ppe77xQSFiYWpuN33j7U1zzn1j7VAPjBGYWJtXZ4LHTU9mSjOwyDlqSF2eZ9qpTnW+azWow3zCWkjI+8F1d1xMbrdMzc2U29q7O6nE5H3TgVGCnArbKQFLdMBTggHnqOT1G/sFPQOSpqVVDkqalQOui6bdOaLoqvWH90k9b4rnaq5ebAnkurMYIsQLcCjBbTJYvHWpccX0Mp7MUh5MKe2lqTpBL/sK7HCkLVPlfpyfyOqP/Ty/7U8UVX/oP9i6jCEhaOCfKfSpBibBGCxzSGgWO5SYzwPsUxam2WmUfStGqyas3xkb3FbSxa3WT1is8muLKdqVE7RSP7RUb1h0QPUDt6ncoHqiCTRdb6Jn/Cnfmu8guSk0XV+in1U7813kFqMVvXS3TAUt1pg66LpqVUTXRcKFrrgJbqiXEEYgo8SMSCTEOKMQ4qPEi6CTEEYlHdJdBLiRiUV0XQS4kmLuUd0XQSYu5GJR3RdBJiKQuUZckLlAOfyTOkPEqJ7lGZLKKnL+8ppeq5kSGRBOZE0yKuZVG6drdXAeKKtF6aZFRdWxg9q57lGap7vo4ZH+FlBaqJPmircnYCy4enmkAnj6Jl7gXuStSXshWIrPTIxVEfMSBrQ69iN6c5EF+sACet8FKsOf8tdhxPjOEgjJPklq33xdFnbQ2UjoprBwifYnI4So3Eh1rWIWbauRCWSvFnxNd3FwPmgRW1pR4WUziQ25TOk7wo0o7RpXTwtZHC6Mh1yS1UBsu30kj/BllvdK4aFHTP3i/NNTGPHQU7BYOf4lLVhrKVrWm4Dx5raEot2Vh7emwM6o6xcC0Deg64HJBKhppRNAyRujgCpCurmdfNF026LohSUwlKmEop19UxxRdNcUEch1sFSndkVakIsqNQ8Bpvos1qOcB/eKof8Al+K7VcJHIemmc8FuN4cARuJXV/tmhOsrm+swhSFaATwVnt2rQO/6qMc7hTMrqR3ZqYT/ADhaRcBTgVAyaJ3ZkYeTgpQQdM0Qrz1HJ91G/sFOuqH3S3TLpUQ+6UJgTlQpOSax7gMih3ZPJMZooJxMd7QU8StO4qBKEE+Np325hLdp3hQXRuVVNlxSWUKN/wDdQSkJCAovBNKCR1gsOt7UnrFajufvWTV/b9YrHJriy5NVE45KR+qiJWHRC/VQvUzlA9UQyaLqvRT6rd+a7yC5WTRdT6KfVbvzXeQWoxW6lumoVZOui6RCoSM9QJ2JZ1JPUyRtxQYcvvBWfnz9lo8VUWbouq4bP+AeKXBN95o9qCbElxKDopvvj2I6GTfL7kE2JGJRdC62cp9gR0H/AJHIJcSMQ4qPoB993tS9A3i72oHYxxSdIEnQM/F7Sl6Bn3T7SgXGEmMcUdAz7iOgZ9wIE6QcVHJMxrSS4DxUvQR/camPpISc42oM+WsiB7YUJqS7sRvd4LT6CNpya0cgjCwKKzAal/ZiA9YpRTVL+1I1vIXWlcBNL1FURs4n6SV58bJ7dnU7dWA8zdWS9ML0A2GJmjQOQS9UblGXppegdM8BhsALKWY5BVcLp3CJhALsrlazKGF4AkqCLDQNViMlxWj6PkCqk6uI2Nj93RX4tn7PGpEh/G9XYoYo2kQNjZf7gCYadNI4R3AcD3LG2hC4SPqZCyNhIaLnMla8kUr2YcYHfZUtr05Oy5AXYiwhwytvSkYdXL0dKZWBsts8LXi6c2Elgc4Ybi+YWA6GB8bX48LQ8G53HSy2KWV7IwI3gjo7i2YNlhrVar2iyCp6BkLpHiwyyzKinrqiGXo5KdkLtbvJUk1ZFDURVLxD05JZiw9yq7Z2q+Wn+TksJxBxDRpbNDWjT1kLqLpaiOZsgvezCB4KSMRzxQTlgJc3G24zaudoqiebZ1S22MAjCMyQSbnyXTRsLIYmAXwRtbl3BVGbPFVRTONNIQcJLWtNiTuB7ls7OptsMpy+vaHk6AMHVHPVV4j0dXFM5oIaRlvyzXXRTtlYHtIcw5hwV4wtZL6StFOXRwRF4FwHOsT71zMu2trwvcx2yG3abHJ/6r0Fp1O5c5tjCa4kWuWi61WY5/8A+RbQvY7GI8Xpg2xtWSQ4dnWG4G495V2RxxEDLkoj3lZ1rGjBVh0TelgcH2z6/wDZE0zSBgAZx617rMcm2U0RbUnrAWCnJwm+ItzUFJLNM4icFr4yQRfUEb1bwngVBHERWyuGQcxt+eaKd8niJYXMBMeTTwUptvF09rcyL704NF8wUEPRxO1YPEI+SQO1iZ/tVgW+6Eoy4BBWGz4HD6Fvssl/Z8IGWIHucVcBvoUtwNUFQUhaLNmnbykKe1lS3s1k/ibqYyDhZKHX3oIekr26VTj6zAU5tXtFuskbucalDk4WKqYY3aFa3tMhdyBCmbtOb7ULPApMIKUMCaYlbtHFkYrXyycrbdFRMbbae5Pp66KR3Rl4bJ90myupi6nApl04FVDro/5okQiC+e9JfNBPchFIU07tEp/5mmOUCOOufvWTVnt+sVpvOqyqo9Z/NZ5NcWa/VRO0Ur9VC9YdETlC5SuKhdqqIZNF1Pop9Vu/Nd5BcrKt30brTCwQPa0RPc5wfc3uLZWWoxXUJVCKmE6SBOErDo9vtVZSITQ4HQj2pyoSK3RttoRfVSe1V6Q3pYj+EKa6sQ9Hgm3RdVDskJt0XQOui6bdF0D7pLpt0XQOui6ZdF0U+6Lpl0YggfdNcU0vCjkkAF7hQNe5RFyidM06OWxBsTGxr5JiQ4A2YP1UVlF6YXredsGnLbdLMDxy/RVpPRwEdSrdf8Tf0KYaxnSgAkkAKI1Db5XPJarvRuoY7EyWJ9uNws+o2a+lfgkIDiLixuFLq9K5mN+ybalTRYHsLjj/ANtx7k6NpjAcXE+Stw1dh1omvJ0c3qn2hQQwRM+VRSMkAwuu4E2uLcFqhwIyaw8j/dQwSxVDTDUBufZee0PFRS7Ja1t45C2+52Xv0WolWzh3scPFJ83+IexZEzZqYgF0jXEgC5yTZqupppfn5XsxjqNcQAFdTG2DbsykeBSTukfBIzpsQI0vqs1lXIIg4vY/vwj4KQVZcw3Y25G4ppjhKt3zrszYPOXErT2fVO/ZsjQ7C9jXBvmsiruKiUa9cp1JJhgqmngP0PmsNJ61wMLG2uS7F7lUJs02CdO9z4YD+FRm+EoN3YTLUTz9967dno/RPcySdj5H2GRcQNO5chsJmKnpGf6kgHvXod1qTUtMZTxRswxxMa3gAErQIwQIwG/hCJJWxRufI8NY3Mk7lmjb1MaqKAte3pXYWuNtd2SvierstU1owgHhYBVZdnwTvL3h+I6kOWjiUNRMY2AtAuTZLCM1+w4XG4lkb7Cqsuxo23AqxfgWX+Kvvle/tuPJRFwaLmwHErKsCWJ0b3NADsJtcJga5xyGfcrFSL1EjgDhLjYjQprW4Te5aioHRyA5xu9iR0ebXjJxbhN+45ealkdLqyUg9+apz7QkjfhEgL+/NRVmMOs6537k8MKzKisnkaHFrbA5YXYD7QumjiaY2HDYloSdpemcIjwTxHbVXjCy/Z9hSdC3iQrhqphA01TS0lWui7/cqk1TTxTNhdK0yE2wDMoGkZf2S25XUpaNNeaMxkBZAzC62QCcGnj7EuvPvTgCgQEjddODigJwCAJyKoPoOme2ZpGV+qeavvADCUQj5hnqhBVpmVELSHSP1yzvZW21Ug7Qa73It1TzKrOcRfeguu2hTsaXTPMTRq5zSQPYnR7QopSBHWU776WkHxWU+UHtMFll1OyqSd+JpfETqAAQmmOxAc4dUYvVz8kjiW6gjmCFi0tM3Z9CY6Z1pA0kOtvUlBXzVcbzNO6VowYS7jhF/erqY1S7v96Y45KtU1Mz48MdQ9hAyLXWsueqqSrnnkklqyb53L8yppjpXvA3geKy6ogveQQQeBuuddR1Ehc0SNeAbHrhS0NNVUj3g4DG/UYtDxUt1qLkmpULiiR0l7dG7wF1ERKTYRSX9UrDZrjmoXlWPktU7SB/jklGzKt+rWNHe5VGfIclc2IXPr2Rk2a1riMuKvU2wWyE/KKnCcsIYMjzJ0WnLRfIZaRoa0MxFrcJB+z/AGVRIISBk4exKI5BoW+9StJG5KS5QxHgk4BJaQaNPg5S3KUHvV1MR0G0aWSnjayeMkDQOzVzp2a4hbmuLg9Ha02JOC/NWR6NVTtZj71vtl1Rq4m5mRg5uUbto0rdZ4x/MueHopK7N0/uT2+iI+1MfAJ2jaO16Ia1MX+5Ru25QD/qGHldZo9FIx/mO9ilb6LQj7TjzTtVk+kOzx/ng8mlRO9JaEaPceTUwejMDdXZc07/AOP0be880DD6UUm5sp/lUbvSmH7MEpU/7FpG6MPjmpBseiFi6LFzKmig70qbupn+JT49vVk/0GzpHd+5a9Ps+DHhpqZgf+FoutOPZM7wOkwNHeboOfjqNrSdqnhiH4n3I9issNR9uRp9Rv6roY9kRjOSRzu4Cysx0NNHbDE0ni7NXKa5pjZJDZge8/hF1ZZsqrl/yg2+95sukADRYAAdyVMTWJFsAWHSyAHgwfqtWJroImRtu5rBYEnNTIVkLTOmcNWOR8obvuOYSucGi7iAO9QuqoRocXqhVDaifLLPkqE2znVZx9KWkjQt0Vx1UT2GAc1G+WTDd8mFvsClVQOy6inF46mMdzslWs7E5r2RucMi6M2U821KGJ2EziR/BgxFUnyiaRz2hwDjcBwFwopzmZhoY4knQtSl1bTtAhMrWj7NyRbkUjHvboSCn/tB0PaZcfhuL+agrT1cVfBJTOsyU72uwkHjYrDn2fVTiMVJxGMENxzNIA53XRDaNFVANmiGImwEjB7invoKOXCGvdA86DNFZ9LJGGdHC/6IWN9VOZXYCQ4EqxJsh0NN1DEXXu57uri8UxlFTvLfn2uJ1Yx2ftP6IOLqqeR1bMGgCzrncmNo5AXiIOka5tnEDIHVdhVbBdPIZIRhbwLgXHxULNh1TABhGHQnEVOzpz79l1XQRNIaLA6lUqqB9M8Me5pLhfqrc2g6L5SYpbfNnLE8tWRNTdJI007xKQesAdApq46LYdLI6sonNBa1kWK98r34Lqn1gpW4qmocODQzNx7rrO2dRy07IpQWNcY2tucycuCWtoJ6xzniHrluEvDsIt8PBWcvxLxZO2vSDHJhGZHZYDcN7zxKj9FqSbaW1hWz36Gn6wJ3u3ActVepvRumj61SY78GZ+8ragEVMxoYzBC3e42Vn+038iWp2nTU5s55c7cGjMqlUbUOF7p4uhijN3FzusP+cE+up4tox9JTjFJGbBwPuWZDsmaom6OpheIybuLjiuVbazkajnwvHzdSG95aqs9HIQXidswGZscx4K86mpIcn4S7gASfNMabO+YjDOBtmp0uspzTazSCR4Ku6Utcbi1tbhW9pEmqaSekcGjFnnqVVeLgDAQBuKKrzOOefsWTLlMXYiCRqFqVMbizq55WyWJUGSOQgttuuFKRI7FYkHxsuzh+gj9UeS4Zz7swlpO8bl1ztoQQU8d3Fz8LeoNdN/BIVdVWr2jDTYQ9xc5xwhrc8/gsWr2nUTlzQeijG5mp5lRvhAqKCI6W6R3Mm/6K6SLO36yeNrY4XFgcXA4dTaywNnRuO1KYkE3kbf2rW2q4unc3c2/hcqCga51dAAL/ADjdBuupq460wt4W5JvQNOhKnAyS2utMq5phbX3JogNrgj2K1bghBV6F/wCH2owOH2QrBCLDeEFKouIXWab23BK02a0cAFdIHBROjB43QVw67b95Vd8gaNFbdE5ulj4KCSBpFy1MNUJJm71CZWlwsRqrzqWF3aafAqI0DCbte4Wz3KZV1Ze+7HW4FVaCEU9M1gfixAPvbi0FWXtcGnO+Sp0MZjpsIJcA4gE92XwVRbc6wVGqks24CsnF91VKlr3N6sbj4KWErO6YBziBhJNyjpr/AGveoZYZG3JjeOYKrk235rON61IZrvAzA1JurzHF7wXakrFglwYbZkrVhkJcLixvxUVfdbJI08kjibDJNacvFSkSZcVDVOwiNw0a9pPtt8VKFHUsc+ne0akGx9/wSFW2u3JwPeo2HE0O4i6kCoXNInWRhVZauFAb7VIG8Uls+K6MG4UW4p9uNkAKijWTuhcGsANwqYq5cQxm4Othaylq6pgrJIxGXPADQNxPwVYOtTuIsHX9izVhxqDqBjbnctN7c035bGL3DgN5IWfVBlPSysxND3kdUa81HIfk0LGF7ukIDnA9/wDz3rKrlTtingIBJN/CybFtimnYbOcy3EKg9/SNaZIxYHLLVRtp45KhsYk6N8lyRYWbkium2NXwsqS+V9mFpAd+oXRRVlJL9HUROPAPAK892NUU8Fe4SPLmaC7b5rp3sop83siN8usLLXGs10YBtcE29qXPuXNNoY25wPmh745CLJSNqRH5jaRePuzxh3vWmXSXPBNe8MYXG9h3LDh2jtZjgJoKWVu9zXFp9ifNtxzGPbNs+o07UZDmlNGg6sP2I/FxURmmf9sjuaLLAftesmuIKdlPwdN1rqB/yif+Kq3yDe1ps33LOtY256ulgd8/OwO4F2J3sVGTbsQdhp6aaZ3EjCFRZ0MYwNYCButiVmFpqM2xFo529xTaYjlrtpzdl8NO38AxFVJIGvOKqnlnd+N1gr01HIL3lBbwtYqGLZ0LiHvdIXDcXGyna9Kxr4KdtmWuNGgXJV2KfpIWuMDcwD1hYhTCBkYuxjB3houg2INwR3gpiaGSxWziLRxD/wBQVDM6B7cTS8HvZf3tPwSvacLrZ5aLNgilkp2xsY8yOcABfM5ILVNQftB72wTQks1uTiHhZbdNsswU3RmV8jvvYtOQUfo/s+tonPdWPaGkWazFcjPeVudU8CtSJaqmqELQ1zZcsiSbpoqKScEva3I2OOMaq7hHJM6Jv3W556BXEUzT0UjgAIw46AOwk+CP2fEfo5pmW+6+4U4o4W3tG3M3OuajbQMjN2FwN8jcdXuGWSmLt/1Tn2KJiS6fHf8A1I7qqNhwU7w6R0LQNOjbmtGaKqib8057je9zJYN7zqSoLukDTNI6Zw49VvsHxWbxjU5VOx7GtDYWF2EanP8AsmyFzz87ISPutN/7JhcSAL5DQDIBNe9rGlz3BrRvJsqivLVOjeWxxNaG3GInEdL+CgDZalrw8mSzhhcc+OfBSOdAHuka0zOvcgG1uGW8qy2ZrYQ57ej/AA2zCiloWugYWmS5LvslWZ3SOAGNwZbPOy5zaU3TdEWB2FhPWA+G5QS1cmCOON5ffQXubppjZqK6lpRm4PPdkPasaq9IS4lrDhbwGV/imso553DpHBoO4jNTDZkTXYmUwxj7Rz8VO6vUJSzmWFrpG5u45KQlrSRcjmkdA8Xuc+9QPnwOw6uG5pVQ6RoeLAB3LVZVSxgkzkN97QpJpXzWabtGO3VyyVYa3tcX0WdWQhw3YAN+asnqkHLrOCgjYXgEAZHM8FNIOFurndRSxsM78IHbcAFZqqj/ABCWRtrR9Ro5KHZ8h+UMYxrpXsOLA34ncrlNsgyO6SuIdc4uhZ2fE71RSMU1fKfkzekvbFI42YDbPPf4LZ2dsqKkON73TTfeOTRyCutYA0NYA1oFgBuTrHeqiUWH9ktwdFGO9O9hCusnYkuvBIE4WVCW70JfBGaBpO6yAU5Figb4JHNB3J9rpLKiAwN1GRTHQcCFaIHBFgVEUnQm2Y9igiiwtIYABrYLUsCFGImN0ACKoCM/dKXorjTJaGAaahGEAZKoz+jy0OSU00ZzLB7Fcwm6dhTRmuoad+ZijNvwhJ8ihFiGDwK0ujHAIwgbgoqgaUH7yBR7gT7Ffy4IGdxmmQ2qXyQ8R7FBU012GIuw4hkW6hauFU5HH5XiAv0YWbI1KggiDImtvfCLXU4ZbROYywAsnW8EDAEEXUlijCg0iUC6dYJLLo5gNF0ZJbcEWHHNBz87gNq1JaCXZgdxsopgTGG2Fu0R3LRq9nPlqHTRPYHE6Z581kyUe0o5JHy0+Npy+afewHALNaivTsbV1b5pSSxpL3X3gG1go6hxlqXOc4Elxdl9kcP+cFKekhpWMkjLMfaDhoAoWmKUyNY4HEbix3BZUxkmeFrblo4ZKBpA2uAbBrMs+S06RjcTb2DAbm5zNllVRc+vlmja7A0gkhA6la2GrbhIcdb2vnotstdPhdcuAfpffZVBDTjDKzGx7rWFsv8AmeZV5zbNb84zCDx14BUEr7yNAmcwaAZjPj7EtVVVUQb0UpbhFy0jFdZG05ZOnZ0TgBYtyPerVbXltSKcZiwaTbPQIi7DteoLSHMje4BpABsSSp/2oJY5G9GQ4HCbG+az4gcLJrDE2975ZJlKZXY2RtLnuvYDUk/Dim1cSxyS1T5hE0Hoc3u3BRSU0r5ADUg27TGha9XBFsXYwgifdzyXvLtXDU/ALjxJLJJLUu60jiWttxOvsHwSzCVux1LaKw6JxAOrs81fi2u17msIGM7r5rQpqWBuzWxSRsc5jLEuGZKqS7Mo4y+pZE5jo2EXabXHC3NWREj5w4ae1NEgWdT1TnQB5FjbO2mqlZWMcBcEX4hBeuDmADySOcNb25hVRUwutaQA3tmVLm4a3QPIuDazlmsj+dbGcFOMQzNxbzCukENJt/tKxqfaD+nki+U4Tfs1DB5hSrHftlhd2ZG+1Pwg7r+9c9FUNkZjaCRvwZpW1ceK3TBjhuJwla1jG/hCWxGhKx21kw7MpcO/NSs2jLvDHeFldMaZLu72JMXcPAqm3aI+3GRyKkbXwONiS094TRNK4dG4WOYO5ZjWG2eSuz1VP0L7SsvhJ1WNJtKJhDWhzu+1gpasiaokljeGwta8kX1zH9lDcTTMbLNG1zb5YszqsuprKqSpAFpInZYWZFKImWsWve47nZWWNbxryRPilDo42OaM7jtHij5REWk4HDiNVhftT5MXMiDxh3Ekq/TbYgqHnpWMY4AB2IZHxTUxaIpZm3zB46EKnNQWBMUzc9C8XI8Rn7Vo/u07eo1vcQVk1tXDR3LHtlIdbADex7yqLsVO5jb3PMG4Veo2tBC/o2nppODDpzKwqzadRUNw4yxjtWx5A8+KqRWa/EBawvZTVxrw7RqKvaMYOFsdzZo35HVRuwteMzfCXG6rUzuilxt7TWnyKkAPRtG8jU96gZcEusTZrcuZCjiAMgJ3ZoMjWxuxG1zc+CryVQaDh6txlcZnkP1RUoeI8yAAcwNb+ChlnL2YWnCN4Bz8Tu8FVxOfe1xfXieZSsjIIVxNX6SR8Q6hwt7sloRVs7chK4jgVmU8LnusMlp01I50gAaSVBoRVcpsS4HwWjC9723c2wUEFIIrFwxO9yugZKobxsnNB3pcOSUXGSoUBBFkZ3yQCqhboQOSXXVAgQl0RruVCWRhv3o0OiXIoEAKC0JblF771A0otcd6fzSYRuQMsbWKBfQp59yTDwQNsOCLW3p2iO9BGe9Ln4J+7cksgYQEtkthbTJGHLJAmH2Km0X6Z/3nBv8Az2K092BjnOGQGqqwNIaGk5HrFSrDwlzGqdh70lrKAFzoLpwaDqkTmgnf4Ki9dLeyCLostsEJRfuRroEpHEoGHJCdhtvSGwQNeGubYgEd4VKXZdHPm+nYDxbkrp0yCbi4lFZTthxMjcKeeWFx0N7j2FZsmxK+IERvgnjsSWG7cRXRvltmBkq75XEanwyUw1gsjqaQl01NIH4cILSHADz3qITR4HBz8DsV7PBbx36b1tPcbm58baKKQgZEDPdZTF1mVLKf5OG42veTiaGm9m5D+6puJftXHhLiHYjc2vldaE2z6aQ4wzo3WOmXkqh2c+OTFHM650uMXtupg0RhfBGxr7F7QDxutXYVGIi+skdZgaWt4Abz7ViUolZKwSGB2dgQSzLv3BaO0dpCDZgpmwPhdLZrSCHNsNc2lWFUdv7TjqiRGxwLm4Gd7b5k8z5JNl0TYnRzSWLGC7s723n32Hgs6BzJawzumYGR5NY51iRaw9pWsyX5OyJmIl0na5DMnxUHQTyOZQF4aMbtBxJ0Cz9pVDxRNpmi75SBkkirpKx8MXRBrQ8b76BZ1ZM6Soe5xcMIu0b89FUMcbROEd7AhjfAf3Crh+MPOYIO/cppWOgaIy4l7WlxIOjiqkRL2tscnPzP/PFRTZWGR2ZvG3W+8qWgmJruLMLm24XFh70kkg6B7QQBc3N9TwTKOPooJapzgA0YRzvdFRSbXq2zuEUl2DIBwB03qvLXunaDK1rnA7xfLxVdsZcJH4rNYL6555KMNIAxA2OneoNrZW1I6SYslx4CMsIvYrbG1dnygNfNHmL2kH6rkaVrTMXv0bn8fgo5iXTm32bBUd5G2nfbosH8rv0UhbY6HxXDytMdFE4Eh0j3F1jwtbzXRS1MlPRwRtc5szg0XKajVIIBIdnuBKjxSh3WjIHEZhZf7TqI2DEGvJGVxrc5fFSs2w10rWPjIJIF2uyurou1DsUEl2ltwd2Syi5rcsVzwVuXa1IJpIHvc17QQbty04qlG8SMu3BIOOv91mrDS0GTHYg2tcZlStmc1tjI/DwIugMbqMTOBBuq820I4XfNllRlmcx71FTF5mfZ8Q6IH7WpTJaqkicMEWMnLq5BUaiR8krsRIjObQNCoS4FwI0aDchFT1FVLJJhPVZoGjIWUD35Na0ZDzTBYuvnmbozxWJ70CuJLsrcE5rXOY9+QFwFG3QknuU5lZHR4Sbvcb2GoHfwQSxi2MEgEMJHfooJKtojAbnY5k5AeO/kFTkqSctcrWB6vjxUOJ8jrvN+HAclcTUkk5eRbMj7R3chuTWsub633qVkQJ+KuQ0Ti7LMb77kRWiiLzkFoQ0GVzdXaahuQGtu5bFNRNjsXjE73BBRo9nuObuq3jxWqyJsbLMbbv4qQC+RCeAAM1RGE8DNLZLa2qIS3cnWFs0DxQQSqEtZFk7NGumqBGm2qX2IslsOKobvsltfcgi6FAEJCy/NPFiNUmqoZmMk4d4QAlt4IDLRJklN0bkCckJQAUhbpmgS3sRa/cg5HikuN6gLEb0JdyOWYQJu4I3WOaB3ZIN+5BWrcqdwH2iG+1RRXx58E6scTJEy+8u9iczKxWf1r8P5oOHvRe+9FkQrQ3hfxTr2G4JmV0EZZILxugIAS+1dGCprjZKSAM0w35oAm6Qm2iUWTTkUDTc5ppA3qUAIsDuVFdzL7+aiMWIcB3K5gCTAgz3RXy3WtZMdBaxDbce9aBZrcJjmXN7ZcFBndHxytomOgBzzsMlpGMW08VH0Zzt7EGY6IX7uSjkp23Dg3uzGS1HQ6WGfFNdEQLWTFY8lIyVt3NBsMr7lXZQMLibOZe1w02W2+I4C22e5RtYbdY2JzsphqhTtqKNxeKi5scnR4hc8iCoWSTS1LGvjErQ7EcDrHIZDrW81pmLC198777KF8ALi4XB3kaFTBn1VazpHmRksWI542nLxGSrMnYIWYCC9t3XB5rXMJ+0LhVH0MU2TmNPhn7UxVSZpfH1To7Qnu/8A1LVvMWyYYNHOfjclds0h+GGd7QDfM3AVesgq3kAuZIGC2WRUFZ1xTHq5ueM+4D+6RuLGS54BaT352Q9r8DGuicCBrfVR3DcWI4SRYAqKt0bGkjHpr7wAmRAySzOyvJfCToDr8E6GcxRktIu2PLn/AMKfSgdDqQQ1zjlf/wDDogsw3nrNnxkXZG4tta19HG/tWhXEzVrbX6rMRJ3Xy/VUtitL3SVEjnE4i3xIz8bJz5wJauTPPqs4WAt5lULM8m7wTmSAOWQUVJnXmS56GBpdmOAsoziErmh2cdsjv3+asSNZR7KkeLl056Notw1v70GZFie+R7nWdJln3nNX4XmnpgBkWNLzfidFRpoZJ5WRxZlxtbvKsVkNRA2QvDSA8XIcDYblBJ8ovSvcSSbBrQTpxPkFRxZAEZK9VRsp6KKNzXCZ7Q89w71QN+XFFiWR+JrHZ3wgWSWs07tyLFrWkm/d3pXC5AyDdSSopQMrE65BFQ9uN5ccPWwhR9OHSgtPUBHWtw4cU182I2DMAvfiT4piaUvAaAct9hr48Ex2KRgaLNYPsjfz4nmntAw2sBvzT2x3AyzKqK7Irm1uSsx0tzcDJWYIMR71pU9ISQBrwCCpTUYIF7ha9Ns8usT1Wq3T0bY+s8Xd7lcACojjibG3C0ABSDLVKNc0/IpiGZJwzCLIAIKoVO8El0pQIO5LmAgDLilFlQ0ZpQCEEWKXEgTv3IyP90t7myCEDRrnolt7EEX70X8EBa2ibf2p/wDzJBG7egYc9E5ueqLWPwRodEC2zSWzyRdL5IEtdGYQbovxQJ3WQR7EuqNyBpy5JCU62eaLcVAzPUoB1yT9E1wyugozEPqnZ9gAKaPJu8qrFZzpH3viefYMlaZ2QsNUvii/elysjLiqg9ybbvTshpmkLr7reCDQ3ouAjQJCRvXRglrm6WxI1RewyGSQ552QNdwCVreOSGt4jNOOmqBthfikwlOHEpTnogZa/glw5J2G266R2ioY7hkkyTsN0EZ3UERCbYE6HJTOF0lrWFkEZZvyTSziNFKdeKQ5aoIHRh2oACa6K+TQrNr5pMAPcQgpGI3Iztbco3wWtkdfYtDAQOKYWDLK1kGfNBcC98tO5MbTjBYN0ystFzGu1AKXo28AgynQ4Re1gPeo3whxs8AnULTkYcOQ8FH0TrG4TFZroWlgxNBI1Ntyqy0MTsujBGuq2OhsXZWPGyb0dr5XsFMNYL9kQO+jbhvqb2UR2ZNG17Y5XEuGEX0t/wAAW66B2IuuQd1wmPicSBa4OWWRCmGsamZVUkWERxydYuNnEHSyiZK5jYmzxSNBcCerqL3PwW86PTQ93FQikDWm4xNIyFtExdYLaglsmF3Xed3NWdsPw/JqNozhjGI3vdxzK0G0ML7O6MZHQaO5hVqzZrHvc5gw3NrNAAbyUw1TpJm0lK+Rpcah4wtH3b7+dvYlG1aoztfIRIWtwhrh1R323lNloJ2uJZI1wvYB2RTYqeoixOdCXPd1RY6eCKWeR0h6SRxdJIS4m2qiaMT7cNVYq3RRuDehljc02DXMIN9/dqo4qZ8gLpSYx9zS/ioGyVDbgMaHuGdhoOZTGEucC7rO3DQD9VYdTuaScNwdCLWPs0T2Ria4Ba22oO5BXENznfPfZPMGHIjxCuxRO7Dg0tHcpmU2K+VxwtkgowQFxtmRv4BXoqPIW9t1dgpbmwaPALSgpWx62J5ZK4KVHs4mxd1RxWrFCyIWa3xTtNE4C470QmmicClARhVwAsUoGSBYJwsqABJbPinJB4oEsgX8E63ik35IEz4Je9KkIKAHegt36oF07cgbZKCdEZoJsgXIhJpqgOult3IhuhS3ulISeCAOQ0SHPJL4osimAEXsU++7JHNJbNAts0G3BAui/ggTddGidbhkmnJAaDJITx1SjTNJzsgL8dFHO7o4nvG4EqXMBVa4j5OQNXEBS+E9VacWiaMOdrqww9VNba2gTwMs8uSy0LpSk0GvtShx4BEABIyuj3JC53/4jEd7iEGgSk7zkk53S8F0YKGhOISZ2yTTmgX3IsUmXgl3ZIA6ZFKMjYo36oIAQIcuaQZ5pe9JbJAhzKUi29AIGSDmLoEORTXHgClunDMIGAeKLZHK6cRYocUEfigJxFhnvQAECEDVBblnqngBJax1QMwi2aTCAc0823pDa6CMsJOSQs/sp8kmHVUVi25OWiaWWvvB1VrCDkdE3BkgpGInXeojC5rxbMDRXy0XzQWm2igz3xuJuW3cE0xnDcA3O5XyN1rphjGvuCDNbHZ1x1TxRJG7Dm29s8hcrQ6PFqO6yYY7MsAQd4QZroBYEG9zfhdNdGMJu2y0ujzJcARbjayb0FgB5qYrOMTHOaHNGJuhI0TZqdr8rDw3rQMbS092qY+JzRaxv3JgzmQjDYnPQggHxQKcYwS2wF7Eaq4ISRmCM9xU8VMC64FipiqcUOQtcg7yrsFLizeLDzVqKnbGBiAJCmA4CyBGxtjyaAE61jdF8wE/QIEyS203JQbFOVCAX1SpUWRDfBPFtwTfBKgUoKS+fcjuVA3XRBHA2QR3JL9yBc05uiQJMVjqgW2aNE690mRQIeSTM8E72JBlyQAFk25CeLu3ZJDooC9xxQLEJABZO0VCWySA8Utu9BFtVAEbwU055WsnZi/BLYHcgaDuNkpCCEaDNA0g31SYTfVOtvSE3zRRbvSkZZpL33IxFEAFsyqdWcU0bToLn2K3e91QkOOqdcjIALPJqFClaclFpuA9qe05blA/JGXFNGeSL8LIHXANwPakLr70lz3JddAD4oNAaIGqELowNQmEoQgWyXchCBtyEozOaEIFIsgZhCEDQcyk+3buQhA5wsMkNQhAahMveyEIAjMIAsEIQPIAsUEAgIQgR25NtkUIQJbJKNUIVC6pCLoQgQIKEKBtrjwTXDq34IQgbuukHWGaEKhrhd1uKQtDTlwQhAnRtLrbrKBuRLRoChCgcQLgcVPgaywaNUIUqpSL2SgCyEKKAAEXQhELqlacTRdCFVK3tW3J17IQiEvklHZQhUIdEDWyEIHDPJNdldCEC8EtkIQNGScEIQLvTD2kIUC3sLpCSSUIQF7IBy8UIQKgG7s0IVBfNNeSALIQoFuSAlGeqEKgsCmuyQhRSns80m6yEIGyCwyVBnWlkJ1xfBCFmrDjqnN0CEKBwCUC4uhCB4aLaIwjiUIRH//Z) center/cover fixed no-repeat;}
body:not(.light-mode) .sidebar{
background:#3F5F50!important;border-right:none!important;
--black:#3F5F50;--dark:#365446;--card:#46695A;--topbar-bg:transparent;
--s0:rgba(255,255,255,.035);--s1:rgba(255,255,255,.07);--s2:rgba(255,255,255,.11);
--bd:rgba(255,255,255,.13);--bd2:rgba(255,255,255,.22);--border:rgba(255,255,255,.13);
--t1:#FFFFFF;--t2:rgba(255,255,255,.74);--t3:rgba(255,255,255,.52);--t4:rgba(255,255,255,.2);
--white:#FFFFFF;--dim:rgba(255,255,255,.66);--dim2:rgba(255,255,255,.4);
--input-bg:rgba(255,255,255,.08);--shadow:rgba(10,20,15,.35);
--gold:#B9D3C6;--gold2:#D5E6DD;--gold-light:#D5E6DD;--gold-dim:rgba(185,211,198,.16);--gold-b:rgba(185,211,198,.35);
--glow:rgba(185,211,198,.14);--glow2:rgba(185,211,198,.24);
color:#FFFFFF;}
body:not(.light-mode) .main{
--black:#111113;background:rgba(17,17,19,.86)!important;backdrop-filter:blur(26px) saturate(1.1);-webkit-backdrop-filter:blur(26px) saturate(1.1);
border-color:rgba(255,255,255,.1)!important;
--dark:#0E0E12;--card:#131318;--topbar-bg:transparent;
--s0:rgba(255,255,255,.018);--s1:rgba(255,255,255,.04);--s2:rgba(255,255,255,.07);
--bd:rgba(255,255,255,.08);--bd2:rgba(255,255,255,.14);--border:rgba(255,255,255,.08);
--t1:#EDE8E0;--t2:rgba(237,232,224,.55);--t3:rgba(237,232,224,.28);--t4:rgba(237,232,224,.12);
--white:#EDE8E0;--dim:rgba(237,232,224,.5);--dim2:rgba(237,232,224,.3);
--input-bg:rgba(255,255,255,.04);--shadow:rgba(0,0,0,.5);
--gold:#8FB2A1;--gold2:#B9D3C6;--gold-light:#B9D3C6;--gold-dim:rgba(143,178,161,.14);--gold-b:rgba(143,178,161,.3);
--glow:rgba(143,178,161,.12);--glow2:rgba(143,178,161,.2);}
/* things inside the green panel that had a hard-coded black background */
body:not(.light-mode) .main .tc,body:not(.light-mode) .main .tl,body:not(.light-mode) .main .pcard,body:not(.light-mode) .main .sel-bar{
background:rgba(19,19,24,.62)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(255,255,255,.1)!important;}
body:not(.light-mode) .main .tc:hover,body:not(.light-mode) .main .pcard:hover{background:rgba(24,24,31,.72)!important;}
body:not(.light-mode) .main .tc-thumb,body:not(.light-mode) .main .pcard-thumb{background:rgba(10,10,14,.5)!important;}
body:not(.light-mode) .main .sort-sel option,body:not(.light-mode) .main .l-status-sel option{background:#111113!important;color:#EDE8E0;}
body:not(.light-mode) .main .tgl-thumb{background:#fff!important;}
/* phone slide-out menu matches the green sidebar */
body:not(.light-mode) #mobileSidePanel{background:#3F5F50!important;
--t1:#fff;--t2:rgba(255,255,255,.74);--t3:rgba(255,255,255,.52);--bd:rgba(255,255,255,.13);--s1:rgba(255,255,255,.07);--gold:#B9D3C6;color:#fff;}
/* ══ Header: Inbox bell icon moved up beside the logo, wordmark in caps ══
The bell keeps its original id/behaviour (openInbox(), #bellBadge), it is
only relocated and stripped down to an icon — no "Inbox" label here, the
label stays in the Inbox panel itself. */
.sidebar-logo{position:relative;justify-content:space-between;}
.logo-wordmark{text-transform:uppercase;letter-spacing:0.2px;}
.bell-icon-only{
display:flex;align-items:center;justify-content:center;
width:32px;height:32px;padding:0;margin:0;border-radius:9px;
color:var(--t2);flex-shrink:0;position:relative;
}
.bell-icon-only svg{opacity:0.75;transition:opacity 0.15s,transform 0.2s cubic-bezier(.34,1.56,.64,1);}
.bell-icon-only:hover{background:var(--s1);color:var(--t1);}
.bell-icon-only:hover svg{opacity:1;transform:rotate(-8deg);}
.bell-icon-only:active svg{transform:rotate(8deg) scale(0.92);}
.bell-icon-only .bell-badge{
position:absolute;top:2px;right:2px;margin-left:0;
min-width:14px;height:14px;font-size:8px;padding:0 3px;
}
/* the sage-gradient logo tile doesn't suit the green sidebar, so the mark is
shown plain (no tile/background) and the icon itself is the dark PNG */
.sidebar-logo .logo-mark{
background:none;box-shadow:none;border-radius:0;
width:34px;height:34px;
}
.sidebar-logo{gap:4px;}
.sidebar-logo .bell-icon-only{margin-left:auto;}
/* ── Sidebar icon hover: a small lift + bounce, consistent across every
nav item, the bell and the profile/trash/log-out row ── */
.nav-item svg,.bell-nav-item svg,.logout-btn svg{
transition:transform 0.22s cubic-bezier(.34,1.56,.64,1),opacity 0.15s;
}
.nav-item:hover svg{transform:translateY(-1px) scale(1.08);}
.nav-item:active svg{transform:translateY(0) scale(0.95);}
.bell-nav-item:not(.bell-icon-only):hover svg{transform:scale(1.12) rotate(-6deg);}
.logout-btn:hover svg{transform:translateX(2px);}
/* ══ Profile row: chevron opens Trash + Log Out as a small popup ═══════════
Trash and Log Out used to be their own rows in the sidebar list. They now
live in this menu instead, reached only via the chevron button, so the
user-pill row still opens Settings when its name/avatar is clicked. */
.user-pill{position:relative;cursor:default;padding-right:6px;}
.user-pill-main{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer;}
.user-pill-chev-btn{
display:flex;align-items:center;justify-content:center;flex-shrink:0;
width:28px;height:28px;padding:0;margin:0;border:none;border-radius:8px;
background:transparent;color:var(--t3);cursor:pointer;
transition:background 0.15s,color 0.15s;
}
.user-pill-chev-btn:hover{background:var(--s1);color:var(--t1);}
.user-pill-chev{transition:transform 0.2s cubic-bezier(.4,0,.2,1);}
.user-pill.open .user-pill-chev{transform:rotate(180deg);}
.user-menu{
display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);
z-index:200;padding:5px;
background:rgba(63,95,80,.72);
backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
border:1px solid rgba(255,255,255,0.22);
border-radius:11px;
box-shadow:0 -14px 34px rgba(0,0,0,0.4);
opacity:0;transform:translateY(4px);
transition:opacity 0.15s,transform 0.15s;
}
.user-pill.open .user-menu{
display:block;opacity:1;transform:translateY(0);
}
.user-menu-opt{
display:flex;align-items:center;gap:9px;
padding:9px 10px;border-radius:8px;cursor:pointer;
color:var(--t2);font-size:12.5px;font-weight:500;
}
.user-menu-opt svg{flex-shrink:0;opacity:0.65;transition:opacity 0.15s,transform 0.2s cubic-bezier(.34,1.56,.64,1);}
.user-menu-opt:hover{background:var(--s1);color:var(--t1);}
.user-menu-opt:hover svg{opacity:0.9;transform:translateY(-1px) scale(1.06);}
.user-menu-logout:hover svg{transform:translateX(2px) scale(1.06);}
body:not(.light-mode) .user-menu{background:rgba(63,95,80,.72);}
.user-menu-opt{color:#fff;}
.user-menu-opt:hover{background:rgba(255,255,255,0.14);color:#fff;}
.user-menu-opt svg{opacity:0.85;}
.user-menu-opt:hover svg{opacity:1;}
/* ══ Pin badge: top-right corner of a pinned tour/project thumbnail ══ */
.tc-pin{
position:absolute;top:10px;right:10px;z-index:3;
width:22px;height:22px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:rgba(63,95,80,.92);
color:#fff;
box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.pcard-pin{top:8px;right:8px;width:20px;height:20px;}
/* ══ Sign-in / sign-up / reset screens: photo behind a frosted box ══════════
Replaces the plain black + particle canvas. Pure CSS: the forms, buttons
and sign-in logic are untouched. The photo is /app-landing.jpg. */
body:not(.light-mode) #page-login,
body:not(.light-mode) #page-signup,
body:not(.light-mode) #page-forgot,
body:not(.light-mode) #page-newpass{
background:#111113 !important;
}
body:not(.light-mode) #page-login::before,
body:not(.light-mode) #page-signup::before,
body:not(.light-mode) #page-forgot::before,
body:not(.light-mode) #page-newpass::before{
content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;transform:none;z-index:0;pointer-events:none;
background:linear-gradient(115deg,rgba(17,17,19,.74) 0%,rgba(63,95,80,.40) 52%,rgba(17,17,19,.58) 100%);
}
body:not(.light-mode) #page-login::after,
body:not(.light-mode) #page-signup::after,
body:not(.light-mode) #page-forgot::after,
body:not(.light-mode) #page-newpass::after{
content:'';
position:absolute;left:44px;bottom:38px;top:auto;right:auto;width:auto;height:auto;transform:none;animation:none;
background:none;z-index:1;pointer-events:none;
font:600 22px/1.25 'Cabinet Grotesk','Segoe UI',Arial,sans-serif;letter-spacing:-.2px;
color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);max-width:340px;
}
body:not(.light-mode) #loginCanvas,
body:not(.light-mode) .auth-grid-bg{display:none !important;}
body:not(.light-mode) .auth-box{
background:rgba(17,17,19,.72) !important;
backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);
border:1px solid rgba(255,255,255,.16) !important;
}
@media(max-width:768px){
body:not(.light-mode) #page-login::after,
body:not(.light-mode) #page-signup::after,
body:not(.light-mode) #page-forgot::after,
body:not(.light-mode) #page-newpass::after{display:none;}
}
/* Pin badge placement: clear of the scenes chip / count badge.
Tours: just right of the Live/Draft pill. Projects: bottom-right of the folder tile. */
.tc-pin{top:9px;right:auto;left:74px;width:22px;height:22px;}
.pcard-pin{top:auto;left:auto;bottom:12px;right:10px;width:20px;height:20px;}
/* ══ Pin: classic push-pin icon in the badges and the "Pinned" section heading ══ */
.tc-pin,.pcard-pin{display:flex;align-items:center;justify-content:center;}
.tc-pin svg,.pcard-pin svg{width:12px;height:12px;color:#fff;}
/* the "Pinned" heading: pin sits just before the name, in the section's accent colour */
.projname .projpin{display:inline-flex;vertical-align:-2px;margin-right:9px;color:var(--gold);}
.projname .projpin svg{display:block;}