@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=DM+Sans:wght@400;500;600&display=swap";
:root{--bg:#0f0f0f;--card:#1a1a1a;--card2:#242424;--border:#d4af3726;--border2:#2a2a2a;--text:#f5f5f5;--text2:#a0a0a0;--text3:#6a6a6a;--gold:#d4af37;--gold2:#e8c84a;--gold-dim:#d4af371f;--green:#4caf79;--blue:#5b8fd4;--red:#e05252;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow:hidden}.app{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--card);border-right:1px solid var(--border2);z-index:100;flex-direction:column;flex-shrink:0;width:248px;height:100vh;min-height:0;max-height:100vh;padding:20px 12px;transition:transform .25s;display:flex;overflow:hidden auto}.logo-area{padding:8px 12px 24px}.logo-text{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600}.logo-sub{color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px}.nav-section{margin-bottom:16px}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:0 12px 8px;font-size:10px}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text2);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{background:var(--card2);color:var(--text)}.nav-item.active{background:var(--gold-dim);color:var(--gold)}.nav-icon{opacity:.85}.nav-badge{background:var(--gold);color:#0f0f0f;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border2);margin-top:auto;padding-top:16px}.user-card{align-items:center;gap:10px;padding:8px 12px 16px;display:flex}.user-avatar{background:var(--gold-dim);width:36px;height:36px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-name{color:var(--text);font-size:13px}.user-role{color:var(--text3);text-transform:capitalize;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border2);background:var(--card);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.topbar-title{flex:1;font-size:15px;font-weight:500}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-btn{background:var(--card2);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.topbar-btn:hover{border-color:var(--gold);color:var(--gold)}.mobile-menu{display:none}.notif-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.search-bar{background:var(--card2);border:1px solid var(--border2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:0 12px;display:flex}.search-bar input{color:var(--text);background:0 0;border:0;outline:none;width:180px;padding:8px 0;font-size:13px}.content{flex:1;min-height:0;padding:24px;overflow:hidden auto}.subtle{color:var(--text2);font-size:12px}.message{margin-bottom:16px;display:inline-block}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.kpi-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px}.kpi-value{font-size:26px;font-weight:600;line-height:1.1}.kpi-change{color:var(--green);margin-top:8px;font-size:11px}.kpi-change.down{color:var(--red)}.kpi-icon{opacity:.35;color:var(--gold);position:absolute;top:16px;right:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.grid-7-5{grid-template-columns:7fr 5fr;gap:16px;margin-bottom:20px;display:grid}.grid-5-7{grid-template-columns:5fr 7fr;gap:16px;margin-bottom:20px;display:grid}.card{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);margin-bottom:0;padding:20px}.card-title{margin-bottom:16px}.card-title-text{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border2);padding:10px 12px}th{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}td{color:var(--text2)}.badge{border-radius:20px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid #d4af3740}.badge-green{color:var(--green);background:#4caf7926}.badge-blue{color:var(--blue);background:#5b8fd426}.badge-red{color:var(--red);background:#e0525226}.badge-gray{background:var(--card2);color:var(--text3);border:1px solid var(--border2)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-gold{background:var(--gold);color:#0f0f0f;margin-right:4px}.btn-gold:hover{background:var(--gold2)}.btn-outline{border:1px solid var(--border);color:var(--text2);background:0 0}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost{color:var(--text2);background:0 0}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:5px 10px;font-size:12px}.stretch{width:100%}.toolbar-line{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.form{gap:12px;display:grid}.form-input{background:var(--card2);border:1px solid var(--border2);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.form-input:focus{border-color:var(--gold)}.form-input::placeholder{color:var(--text3)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236A6A6A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}textarea.form-input{resize:vertical;min-height:82px}.tabs{border-bottom:1px solid var(--border2);gap:0;margin-bottom:24px;display:flex}.tab{cursor:pointer;color:var(--text3);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 16px;font-size:13px;transition:all .15s}.tab:hover{color:var(--text2)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.integration-card{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;min-width:0;padding:20px;transition:all .15s;display:flex}.integration-card:hover{border-color:var(--border)}.integration-icon{background:var(--gold-dim);width:48px;height:48px;color:var(--gold);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.integration-name{color:var(--text);margin-bottom:4px;font-size:14px}.integration-status{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.toggle{background:var(--border2);border-radius:11px;width:40px;height:22px;transition:background .2s;position:relative}.toggle.on{background:var(--gold)}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(18px)}.timeline-item{border-bottom:1px solid var(--border2);gap:12px;padding:12px 0;display:flex}.timeline-item:last-child{border-bottom:none}.tl-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.tl-dot.green{background:var(--green)}.timeline-item div div{color:var(--text);margin-bottom:3px;font-size:13px}.stat-row{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-meta{justify-content:flex-end;align-items:center;gap:10px;min-width:168px;display:flex}.stat-meta .gold,.gold{color:var(--gold)}.stat-meta .green,.green{color:var(--green)}.stat-meta .blue,.blue{color:var(--blue)}.stat-meta .red,.red{color:var(--red)}.stat-bar-track{background:var(--border2);border-radius:2px;width:120px;height:4px;overflow:hidden}.stat-bar-fill{background:var(--gold);border-radius:2px;height:100%}.stat-bar-fill.green{background:var(--green)}.stat-bar-fill.blue{background:var(--blue)}.upload-zone{border:1.5px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--gold);place-items:center;gap:8px;padding:40px 24px;transition:all .2s;display:grid}.upload-zone:hover{border-color:var(--gold);background:var(--gold-dim)}.upload-zone span{color:var(--text);font-size:14px}.upload-zone input{width:100%;max-width:220px;color:var(--text2);margin-top:8px;font-size:12px}.auth-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg{background:radial-gradient(60% 60% at 50% 0,#d4af370f,#0000);position:absolute;inset:0}.auth-card{background:var(--card);border:1px solid var(--border);z-index:1;border-radius:16px;width:min(400px,100%);padding:40px;position:relative}.auth-logo{color:var(--gold);text-align:center;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600}.auth-tagline{text-align:center;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px;font-size:12px}.auth-divider{color:var(--text3);align-items:center;gap:12px;margin:8px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border2);flex:1;height:1px}.grad-text{background:linear-gradient(135deg, var(--gold), #f5e17a, var(--gold2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.review-card p{color:var(--text2);margin-bottom:14px;line-height:1.5}.rating{color:var(--gold);letter-spacing:.12em;margin-bottom:10px}.scrim{display:none}.chart-bars{align-items:flex-end;gap:6px;height:140px;padding-top:8px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.bar-wrap{justify-content:center;align-items:flex-end;width:100%;height:100px;display:flex}.bar{background:var(--border2);border-radius:4px 4px 0 0;width:70%;max-width:28px;min-height:4px;transition:height .3s}.bar.active{background:linear-gradient(180deg, var(--gold2), var(--gold))}.bar-label{color:var(--text3);font-size:10px}.donut-panel{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut-wrap{flex-shrink:0;width:120px;height:120px;position:relative}.donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-val{color:var(--text);font-size:22px;font-weight:600}.donut-sub{color:var(--text3);text-transform:uppercase;font-size:10px}.legend-item{color:var(--text2);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.legend-item strong{color:var(--text);margin-left:auto}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-dot.gold{background:var(--gold)}.legend-dot.blue{background:var(--blue)}.legend-dot.green{background:var(--green)}.legend-dot.gray{background:var(--text3)}.payment-calendar{margin-bottom:16px}.payment-calendar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.payment-calendar-nav{background:var(--card2);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;font-size:18px}.payment-calendar-nav:hover{border-color:var(--gold);color:var(--gold)}.payment-calendar-title{font-size:14px;font-weight:500}.payment-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.payment-calendar-weekday{text-align:center;color:var(--text3);padding:4px;font-size:10px}.payment-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.payment-calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--card2);color:var(--text2);cursor:pointer;border:1px solid #0000;font-size:12px;transition:all .15s}.payment-calendar-day.other-month{opacity:.4}.payment-calendar-day.today{border-color:var(--gold);color:var(--gold)}.payment-calendar-day.selected{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.payment-rhythm-day{margin-top:8px}.payment-rhythm-loading{color:var(--text3);padding:12px 0;font-size:13px}.payment-rhythm-meta{color:var(--text2);gap:24px;margin-bottom:12px;font-size:13px;display:flex}.payment-rhythm-meta strong{color:var(--text);margin-top:4px;font-size:16px;display:block}.reason-textarea{border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--card2);width:100%;min-height:80px;color:var(--text);resize:vertical;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px}.reason-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.reason-textarea::placeholder{color:var(--text3);opacity:.6;font-style:italic}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.lead-cell{min-width:140px}.text-xs{font-size:11px}.font-medium{color:var(--text);font-weight:500}.text-gold{color:var(--gold)}.text-muted{color:var(--text3)}.text-center{text-align:center}.integration-marketplace{margin-top:28px}.marketplace-header{margin-bottom:20px}.section-title{color:var(--gold);margin:0 0 8px;font-family:Cormorant Garamond,serif;font-size:22px}.section-subtitle{max-width:720px;margin:0}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.marketplace-card{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius);padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s}.marketplace-card:hover{border-color:#d4af3759;transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.marketplace-card-top{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.marketplace-card-copy{flex:1;min-width:0}.marketplace-name{color:var(--text);margin-bottom:6px;font-size:15px}.marketplace-desc{margin:0;font-size:12px;line-height:1.45}.marketplace-icon{background:var(--gold-dim);width:44px;height:44px;color:var(--gold);border:1px solid #d4af3733;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.marketplace-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.marketplace-sync{font-size:11px}.marketplace-actions{margin-bottom:0}.modal-scrim{z-index:200;cursor:default;background:#000000b8;border:0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.integration-modal{background:var(--card);border:1px solid var(--border);border-radius:14px;width:min(440px,100%);padding:24px;box-shadow:0 24px 60px #00000080}.integration-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.integration-modal-header h3{color:var(--gold);margin:0;font-family:Cormorant Garamond,serif;font-size:20px}.integration-modal-close{padding:4px 10px;font-size:22px;line-height:1}.integration-modal-desc{margin:0 0 12px;font-size:13px}.integration-modal-badge{margin-bottom:16px;display:inline-block}.integration-modal-body{margin-top:8px}.integration-scope-list{color:var(--text2);margin:12px 0 16px;padding-left:18px;font-size:12px}.integration-modal-error{color:var(--red);margin-top:12px;font-size:12px}.integration-modal-hint{margin-top:12px;font-size:11px}.integration-empty-state{color:var(--text2);padding:8px 0 4px;font-size:13px;line-height:1.5}.lead-source-total{margin:0 0 12px;font-size:12px}.analytics-skeleton{gap:10px;padding:8px 0;display:grid}.skeleton-row{background:linear-gradient(90deg, var(--border2) 25%, var(--card2) 50%, var(--border2) 75%);background-size:200% 100%;border-radius:6px;height:28px;animation:1.2s ease-in-out infinite skeleton-shimmer}.stat-bar-animate{transition:width .6s cubic-bezier(.4,0,.2,1)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-7-5,.grid-5-7{grid-template-columns:1fr}}@media (max-width:900px){body{overflow:auto}.app{height:auto;min-height:100vh;overflow:visible}.main,.content{min-height:auto;overflow:visible}.sidebar{height:auto;max-height:none;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-100%);box-shadow:0 24px 60px #0006}.sidebar.open{transform:translate(0)}.scrim{z-index:90;cursor:pointer;background:#0000009e;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:flex}.grid-2,.kpi-grid,.kpi-grid.three{grid-template-columns:1fr}}@media (max-width:600px){.marketplace-grid{grid-template-columns:1fr}.marketplace-actions{flex-direction:column;align-items:stretch}.marketplace-actions .btn{width:100%}}