:root{--olive:#4a5c2a;--olive-dark:#2e3a18;--olive-light:#6b7d40;--gold:#c9a227;--gold-light:#e8c04a;--cream:#f5f2e8;--cream-dark:#ede8d6;--white:#fff;--gray:#888;--text:#1a1a1a;--text-muted:#666;--success:#2d7a3a;--warning:#c9a227;--danger:#b03030;--sidebar-w:240px;--radius:10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,sans-serif;background:#1a1e0f;color:var(--text);min-height:100vh}.app-shell{width:100%;position:relative}.app-shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--olive-dark);flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;border-right:1px solid rgba(201,162,39,.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(201,162,39,.15)}.logo-mark{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:28px;color:var(--gold);letter-spacing:-1px}.logo-sub{font-size:10px;color:hsla(0,0%,100%,.4);margin-top:2px}.logo-sub,.nav-section{text-transform:uppercase;letter-spacing:2px}.nav-section{padding:16px 12px 8px;font-size:9px;color:hsla(0,0%,100%,.25);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:hsla(0,0%,100%,.6);cursor:pointer;border-radius:8px;margin:1px 8px;font-size:13.5px;font-weight:500;transition:all .15s;border:1px solid transparent}.nav-item:hover{background:rgba(201,162,39,.08);color:var(--gold-light)}.nav-item.active{background:rgba(201,162,39,.15);color:var(--gold);border-color:rgba(201,162,39,.2)}.nav-icon{font-size:15px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(201,162,39,.15)}.agent-card-mini{background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.15);border-radius:8px;padding:12px}.agent-name-mini{font-size:13px;font-weight:600;color:var(--cream)}.agent-level-mini{font-size:11px;color:var(--gold);background:rgba(201,162,39,.15);display:inline-block;padding:1px 8px;border-radius:20px;margin-top:4px}.main{margin-left:var(--sidebar-w);flex:1 1;background:var(--cream);min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid #e5e0d0;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;color:var(--olive-dark);letter-spacing:.5px}.topbar-right{display:flex;align-items:center;gap:16px}.badge-pill{background:var(--gold);color:var(--olive-dark);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;font-family:Barlow Condensed,sans-serif;letter-spacing:.5px}.page-content{padding:28px 32px}.tab-page{display:none}.tab-page.active{display:block}.card{background:var(--white);border:1px solid #e5e0d0;border-radius:var(--radius);padding:20px}.card-title{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--olive-dark);margin-bottom:14px;display:flex;align-items:center;gap:8px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:16px;gap:16px}.stat-card{background:var(--white);border:1px solid #e5e0d0;border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600}.stat-value{font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:700;color:var(--olive-dark);line-height:1.1;margin:6px 0 4px}.stat-sub{font-size:12px;color:var(--text-muted)}.stat-change{font-size:12px;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.progress-wrap{margin:10px 0}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:5px;font-weight:500}.progress-bar{height:8px;background:var(--cream-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:4px;transition:width .8s ease}.progress-fill.green{background:var(--success)}.progress-fill.olive{background:var(--olive)}.checklist{list-style:none}.checklist li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f0ead8;font-size:13.5px;color:var(--text);cursor:pointer}.checklist li:last-child{border-bottom:none}.check-box{width:18px;height:18px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .15s}.checklist li.done .check-box{background:var(--success);border-color:var(--success);color:#fff;font-size:11px}.checklist li.done .check-text{text-decoration:line-through;color:var(--text-muted)}.roadmap{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.roadmap-step{flex-direction:column;gap:6px;text-align:center;cursor:pointer}.roadmap-step,.step-icon{display:flex;align-items:center}.step-icon{width:56px;height:56px;background:var(--olive);border-radius:10px;justify-content:center;font-size:22px;transition:transform .15s;border:2px solid transparent;position:relative}.roadmap-step:hover .step-icon{transform:translateY(-3px)}.roadmap-step.done .step-icon{background:var(--success);border-color:#1a5225}.roadmap-step.current .step-icon{background:var(--gold);border-color:#a07a10;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(201,162,39,.4)}50%{box-shadow:0 0 0 8px rgba(201,162,39,0)}}.step-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--olive-dark);max-width:60px}.step-arrow{color:#ccc;font-size:18px;margin-top:18px}.promo-level,.step-arrow{display:flex;align-items:center}.promo-level{gap:12px;padding:10px 14px;border-radius:8px;margin-bottom:8px;border:1px solid #e5e0d0;cursor:pointer;transition:all .15s}.promo-level:hover{border-color:var(--gold);background:rgba(201,162,39,.04)}.promo-level.achieved{border-color:var(--success);background:rgba(45,122,58,.06)}.promo-level.current{border-color:var(--gold);background:rgba(201,162,39,.1)}.promo-pct{width:52px;height:52px;border-radius:50%;background:var(--olive);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:15px;color:#fff;flex-shrink:0}.promo-level.achieved .promo-pct{background:var(--success)}.promo-level.current .promo-pct{background:var(--gold);color:var(--olive-dark)}.promo-info{flex:1 1}.promo-name{font-size:13px;font-weight:600;color:var(--text)}.promo-req{font-size:11px;color:var(--text-muted);margin-top:2px}.promo-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.promo-level.achieved .promo-status{background:rgba(45,122,58,.15);color:var(--success)}.promo-level.current .promo-status{background:rgba(201,162,39,.2);color:#7a5f00}.script-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.script-tab{padding:6px 14px;border-radius:6px;border:1px solid #ddd;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text-muted)}.script-tab:hover{border-color:var(--olive);color:var(--olive)}.script-tab.active{background:var(--olive);color:#fff;border-color:var(--olive)}.script-content{display:none}.script-content.active{display:block}.script-box{background:var(--cream);border:1px solid var(--cream-dark);border-left:4px solid var(--olive);border-radius:0 8px 8px 0;padding:16px;font-size:13.5px;line-height:1.7;color:var(--text);white-space:pre-line}.script-note{background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.25);border-radius:6px;padding:10px 14px;font-size:12px;color:#5a4200;margin-top:10px}.team-table{width:100%;border-collapse:collapse}.team-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:0 12px 10px;border-bottom:2px solid #e5e0d0;font-weight:600}.team-table td{padding:11px 12px;font-size:13.5px;border-bottom:1px solid #f0ead8;vertical-align:middle}.team-table tr:last-child td{border-bottom:none}.team-table tr:hover td{background:rgba(201,162,39,.04)}.member-name{font-weight:600;color:var(--text)}.member-level{font-size:11px;background:rgba(74,92,42,.12);color:var(--olive-dark);padding:2px 8px;border-radius:20px;font-weight:600;display:inline-block}.mini-bar{height:6px;background:#eee;border-radius:3px;min-width:80px}.mini-fill{height:100%;background:var(--gold);border-radius:3px}.input-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.form-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:Barlow,sans-serif;color:var(--text);background:#fff;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--olive)}.form-select{padding:8px 12px;border:1px solid #ddd;background:#fff;color:var(--text)}.btn,.form-select{border-radius:6px;font-size:13px;font-family:Barlow,sans-serif;cursor:pointer}.btn{padding:9px 18px;font-weight:600;border:none;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--olive);color:#fff}.btn-primary:hover{background:var(--olive-dark)}.btn-gold{background:var(--gold);color:var(--olive-dark)}.btn-gold:hover{background:var(--gold-light)}.btn-sm{padding:5px 12px;font-size:12px}.btn-danger{background:#f8ecec;color:var(--danger);border:1px solid #ecc}.btn-danger:hover{background:#fde}.call-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.call-card{background:var(--olive-dark);color:#fff;border-radius:10px;padding:16px;text-align:center}.call-day{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:hsla(0,0%,100%,.5)}.call-name{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;margin:8px 0 4px;color:var(--gold-light)}.call-time{font-size:12px;color:hsla(0,0%,100%,.6)}.call-id{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.4);margin-top:6px;font-family:monospace}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px}.day-header{font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding-bottom:8px}.day-header,.time-block{font-size:11px;text-align:center}.time-block{border-radius:6px;padding:8px;margin-bottom:6px;font-weight:500;cursor:pointer;transition:opacity .15s}.time-block:hover{opacity:.85}.tb-dials{background:rgba(74,92,42,.15);color:var(--olive-dark);border:1px solid rgba(74,92,42,.2)}.tb-appts{background:rgba(201,162,39,.15);color:#5a4200;border:1px solid rgba(201,162,39,.25)}.tb-training{background:rgba(45,100,200,.1);color:#1a3a80;border:1px solid rgba(45,100,200,.15)}.tb-followup{background:rgba(176,48,48,.08);color:#6b1a1a;border:1px solid rgba(176,48,48,.12)}.tb-leads{background:rgba(74,92,42,.1);color:var(--olive);border:1px dashed rgba(74,92,42,.3)}.tb-empty{background:#fafaf6;color:#bbb;border:1px dashed #e5e0d0;font-size:10px}.bucket-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.bucket-card{border:2px solid var(--olive);border-radius:10px;overflow:hidden}.bucket-header{background:var(--olive);color:#fff;padding:12px 16px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bucket-body{padding:14px 16px}.bucket-tag{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;margin-top:10px}.carrier-pill{display:inline-block;background:var(--cream-dark);border:1px solid #ddd;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;margin:3px 3px 3px 0;color:var(--text)}.carrier-pill.first{background:rgba(74,92,42,.12);border-color:rgba(74,92,42,.3);color:var(--olive-dark)}.rev-month-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0ead8}.rev-month-row:last-child{border-bottom:none}.rev-month{font-size:12px;font-weight:600;color:var(--text-muted);width:36px}.rev-bar-wrap{flex:1 1;height:8px;background:#eee;border-radius:4px;overflow:hidden}.rev-fill{height:100%;background:var(--gold);border-radius:4px}.rev-amount{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;color:var(--olive-dark);width:80px;text-align:right}.rev-input-small{width:90px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:Barlow,sans-serif;text-align:right}.rev-input-small:focus{outline:none;border-color:var(--olive)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;color:var(--olive-dark);text-transform:uppercase;letter-spacing:1px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mt-16{margin-top:16px}.gap-8{gap:8px}.tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:3px}.tag-olive{background:rgba(74,92,42,.12);color:var(--olive-dark)}.tag-gold{background:rgba(201,162,39,.15);color:#5a4200}.tag-green{background:rgba(45,122,58,.12);color:var(--success)}.info-row{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f5f0e5;font-size:13px}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-muted);width:130px;flex-shrink:0;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-val{color:var(--text)}@media (max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .25s ease;z-index:200}.sidebar.mob-open{transform:translateX(0)}.mob-menu-btn{display:flex!important}.mob-overlay{display:block!important;opacity:0;pointer-events:none;transition:opacity .25s}.mob-overlay.mob-open{opacity:1;pointer-events:auto}.main{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.call-grid{grid-template-columns:1fr 1fr}.bucket-grid,.week-grid{grid-template-columns:1fr}}