:root{--navy:#0a2540;--navy2:#102e52;--blue:#1469e8;--teal:#10cbb5;--green:#44a73d;--ink:#10233f;--muted:#6d7d92;--line:#e3ebf5;--bg:#f5f8fc;--white:#fff;--red:#ef5b5b;--amber:#f3a61f;--shadow:0 14px 40px rgba(15,40,75,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#071d35 0%,#0b294a 100%);color:#dce8f5;padding:22px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.3px}.brand span:last-child{display:flex;align-items:baseline}.brand strong{color:#fff}.brand em{font-style:normal;color:#55d276}.brand-mark{width:38px;height:38px;border:2px solid #2b76d8;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset -8px -6px 0 rgba(44,190,144,.15)}.nav-list{display:grid;gap:5px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#c9d7e7;font-size:14px;font-weight:650}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(135deg,#1469e8,#0c5cce);color:#fff;box-shadow:0 8px 20px rgba(20,105,232,.25)}.nav-icon{width:21px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto}.workspace-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:12px;padding:13px;display:grid;gap:3px}.workspace-card small{color:#90a7bd}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#7f90a5}.sidebar .eyebrow{color:#7491ad}.main-area{margin-left:248px;min-height:100vh}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar h1{font-size:21px;margin:2px 0 0}.user-chip{display:flex;align-items:center;gap:9px;padding-left:10px}.user-chip span:last-child{display:grid}.user-chip strong{font-size:13px}.user-chip small{font-size:11px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e5eefc,#d8fff7);color:#1762bb;font-weight:850}.avatar.soft{width:34px;height:34px;background:#edf4ff}.icon-btn{border:0;background:#f1f5fa;color:#31506f;width:38px;height:38px;border-radius:10px;cursor:pointer}.menu-toggle{display:none}.content{padding:26px 30px 46px;max-width:1600px;margin:auto}.hero-strip{background:linear-gradient(130deg,#0c2a4e 0%,#0f4f8d 62%,#0b9f8e 140%);color:#fff;border-radius:18px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:20px}.hero-strip h2{margin:5px 0 5px;font-size:26px}.hero-strip p{margin:0;color:#cfe0f3}.hero-strip .eyebrow{color:#9bdacb}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#1469e8,#0b5ac9);color:#fff;box-shadow:0 8px 18px rgba(20,105,232,.18)}.btn-soft{background:#eef5ff;color:#155eb9}.btn-ghost{background:#fff;border:1px solid var(--line);color:#3b5571}.btn-lg{padding:13px 18px}.stat-grid{display:grid;gap:14px;margin-bottom:18px}.stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 5px 20px rgba(16,42,78,.04)}.stat-card div{display:grid}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:25px;line-height:1.15;margin:3px 0}.stat-card em{font-style:normal;font-size:10px;color:#92a0b2}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900}.stat-icon.blue{background:#eaf2ff;color:#1469e8}.stat-icon.teal{background:#e6fbf7;color:#0aa996}.stat-icon.red{background:#fff0f0;color:#e85555}.stat-icon.amber{background:#fff6e5;color:#e39a17}.stat-icon.green{background:#eef9ec;color:#3a9633}.dashboard-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 22px rgba(15,40,75,.04)}.panel-head{padding:18px 20px 12px;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:2px 0 0;font-size:17px}.panel-head a{font-size:12px;color:#1469e8;font-weight:750}.lead-list,.timeline-list{padding:0 10px 10px}.lead-row,.timeline-item{display:flex;align-items:center;gap:11px;padding:12px 10px;border-top:1px solid #eff3f8}.lead-row:hover,.timeline-item:hover{background:#fafcff}.lead-main{display:grid;flex:1}.lead-main strong,.timeline-item strong{font-size:13px}.lead-main small,.timeline-item small{font-size:11px;color:var(--muted);margin-top:2px}.badge{font-size:10px;font-weight:800;text-transform:uppercase;padding:5px 8px;border-radius:999px}.badge.hot{background:#ffeded;color:#d74242}.badge.warm{background:#fff3d9;color:#b87a09}.badge.cold{background:#eaf5ff;color:#367aa5}.timeline-item span:nth-child(2){display:grid}.timeline-dot{width:9px;height:9px;border:2px solid #13b6a3;border-radius:50%}.empty-state{padding:30px 20px;display:grid;place-items:center;text-align:center;gap:7px;color:var(--muted)}.empty-state strong{color:var(--ink)}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.module-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;align-items:center;gap:11px}.module-card>span{width:38px;height:38px;border-radius:11px;background:#edf5ff;color:#1469e8;display:grid;place-items:center;font-weight:900}.module-card div{display:grid;flex:1}.module-card strong{font-size:13px}.module-card small{color:var(--muted);font-size:10px;margin-top:3px}.module-card b{color:#1469e8}.page-actions{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.page-actions h2{font-size:25px;margin:3px 0}.page-actions p{margin:0;color:var(--muted)}.filter-bar{display:flex;gap:10px;margin-bottom:14px}.filter-bar input{flex:1}.filter-bar input,.filter-bar select,.form-grid input,.form-grid select,.form-grid textarea,.form-stack input{background:#fff;border:1px solid #dce5f0;border-radius:10px;padding:11px 12px;color:var(--ink);outline:none}.filter-bar input:focus,.filter-bar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:#5b9aed;box-shadow:0 0 0 3px rgba(20,105,232,.08)}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1040px}th{background:#f8fafd;color:#708096;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:12px 14px;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #eef3f8;font-size:12px;vertical-align:middle}td>small,td>strong{display:block}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell span:last-child{display:grid}.customer-cell small,td>small{color:var(--muted);font-size:10px;margin-top:3px}.status-badge{padding:5px 8px;background:#eef3f8;border-radius:999px;color:#52677d;font-size:10px;font-weight:750}.table-action{font-weight:750;color:#1469e8;font-size:11px}.pagination-wrap{padding:14px 18px}.form-panel{padding:0 22px}.form-section{display:grid;grid-template-columns:260px 1fr;gap:34px;padding:25px 0;border-bottom:1px solid var(--line)}.form-section h3{margin:4px 0;font-size:17px}.form-section p{color:var(--muted);font-size:12px;margin:0}.section-number{display:inline-grid;place-items:center;width:32px;height:22px;border-radius:999px;background:#edf5ff;color:#1469e8;font-size:10px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label,.form-stack label{display:grid;gap:6px}.form-grid label>span,.form-stack label>span{font-size:11px;font-weight:750;color:#465d75}.form-grid textarea{resize:vertical}.span-2{grid-column:1/-1}.error{color:#d64040}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 24px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px;font-weight:650}.alert.success{background:#eafaf0;color:#277844;border:1px solid #c9efd7}.coming-card{max-width:680px;margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px;text-align:center;box-shadow:var(--shadow)}.coming-card h2{font-size:29px;margin:12px 0 8px}.coming-card p{color:var(--muted);line-height:1.65}.coming-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#e8f2ff,#e2fff9);display:grid;place-items:center;margin:0 auto 15px;font-size:25px;color:#1469e8}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e9f4ff;color:#155fae;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.coming-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.auth-body{background:#081f38;min-height:100vh}.auth-grid{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-story{padding:46px 6vw;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 18%,rgba(17,204,181,.2),transparent 26%),linear-gradient(145deg,#071c33,#0c3259);color:#fff}.brand-light{width:max-content}.story-copy{max-width:640px;margin:auto 0}.story-copy .pill{background:rgba(255,255,255,.1);color:#a7eadd}.story-copy h1{font-size:clamp(38px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.story-copy p{font-size:17px;line-height:1.6;color:#bfd0e0;max-width:580px}.story-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.story-metrics div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:13px;padding:15px;display:grid}.story-metrics strong{font-size:20px}.story-metrics span{font-size:10px;color:#a8bfd4;margin-top:4px}.auth-footer{color:#7995ae}.auth-panel{background:#f7faff;display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 22px 60px rgba(8,31,56,.12)}.login-card h2{font-size:27px;margin:7px 0}.login-card>p{color:var(--muted);margin:0 0 24px}.form-stack{display:grid;gap:15px}.password-wrap{display:flex;border:1px solid #dce5f0;border-radius:10px;overflow:hidden}.password-wrap input{border:0!important;border-radius:0!important;flex:1}.password-wrap button{border:0;background:#f4f7fb;color:#46627f;padding:0 12px;cursor:pointer;font-size:11px;font-weight:750}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important}.check-row input{width:16px;height:16px}.login-note{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}@media(max-width:1200px){.stat-grid.five{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0);box-shadow:30px 0 70px rgba(0,0,0,.2)}.main-area{margin-left:0}.menu-toggle{display:grid;place-items:center}.topbar{padding:0 16px}.content{padding:20px 16px}.topbar-right .user-chip{display:none}.dashboard-grid{grid-template-columns:1fr}.form-section{grid-template-columns:1fr;gap:16px}.auth-grid{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}}@media(max-width:640px){.stat-grid.five{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.hero-strip,.page-actions{align-items:flex-start;flex-direction:column;gap:15px}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar-right>.btn{display:none}.login-card{padding:25px}.stat-card{padding:13px}.stat-card strong{font-size:21px}}
.simple-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:11px}.simple-pagination span{padding:0 4px}
/* TravelGrowth360 CRM Pro v1.1 */
.page-action-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn-whatsapp{background:#e9fbf2;color:#128c56;border:1px solid #c9efd9}.btn-whatsapp:hover{background:#ddf7e9}.crm-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.crm-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 15px;display:grid;box-shadow:0 5px 20px rgba(16,42,78,.035);transition:.18s}.crm-stat:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(16,42,78,.07)}.crm-stat small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:800}.crm-stat strong{font-size:24px;margin:3px 0}.crm-stat span{font-size:10px;color:#8b9aac}.crm-stat.hot-card{background:linear-gradient(145deg,#fff,#fff7f7);border-color:#f6dede}.crm-stat.overdue-card{background:linear-gradient(145deg,#fff,#fff8e9);border-color:#f4e5bc}.crm-stat.won-card{background:linear-gradient(145deg,#fff,#f2fbf0);border-color:#d9edd5}.row-actions{display:flex;gap:10px}.table-action.muted{color:#77889b}.fw-bold{font-weight:800}.text-danger{color:#d94747!important}.status-badge.status-won{background:#eaf8e8;color:#31842c}.status-badge.status-lost{background:#fff0f0;color:#c64646}.status-badge.status-quoted{background:#f0ebff;color:#6f50c6}.status-badge.status-follow_up{background:#fff5df;color:#a9720c}.status-badge.status-contacted{background:#eaf4ff;color:#3d6f9d}.edit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:15px;overflow:hidden}.edit-summary>div{padding:14px 18px;border-right:1px solid var(--line);display:grid;gap:4px}.edit-summary>div:last-child{border-right:0}.edit-summary small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.edit-summary strong{font-size:13px}.field-help{font-size:10px!important;color:#8291a4!important;font-weight:500!important}.sticky-form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:5;border-top:1px solid var(--line);margin:0 -22px;padding:14px 22px}.lead-hero{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;background:linear-gradient(145deg,#fff,#fbfdff)}.lead-hero-main{display:flex;align-items:center;gap:15px;min-width:0}.lead-avatar-lg{width:58px;height:58px;flex:0 0 58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f1ff,#dcfff7);color:#145eaf;font-size:21px;font-weight:900}.lead-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lead-title-line h2{font-size:25px;margin:0}.lead-hero-main p{margin:5px 0;color:var(--muted);font-size:12px}.lead-meta-inline{display:flex;gap:14px;flex-wrap:wrap;color:#607389;font-size:11px}.lead-hero-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.lead-pipeline{padding:17px 20px;margin-bottom:16px}.pipeline-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.pipeline-head h3{margin:3px 0 0;font-size:16px}.pipeline-hint{font-size:11px;color:var(--muted)}.pipeline-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.pipeline-stages form{margin:0}.pipeline-stage{width:100%;border:1px solid #dce6f2;background:#f8fafe;border-radius:10px;color:#667a90;padding:9px 8px;font-size:11px;font-weight:760;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.18s}.pipeline-stage span{width:20px;height:20px;border-radius:50%;background:#e8eef6;display:grid;place-items:center;font-size:9px}.pipeline-stage:hover{border-color:#8db9ef;color:#155da9}.pipeline-stage.active{background:#eaf3ff;border-color:#8bb8ed;color:#125eb7;box-shadow:0 5px 16px rgba(20,105,232,.08)}.pipeline-stage.active span{background:#1469e8;color:#fff}.pipeline-stage.final.active{background:#edf9eb;border-color:#9fd199;color:#317d2b}.pipeline-stage.final.active span{background:#48a641}.lead-workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.lead-left-column,.lead-right-column{display:grid;gap:16px;align-content:start}.detail-panel{overflow:hidden}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 18px}.detail-grid>div{padding:13px 0;border-bottom:1px solid #eef3f8;display:grid;gap:4px}.detail-grid>div:nth-child(odd){padding-right:20px}.detail-grid>div:nth-child(even){padding-left:20px;border-left:1px solid #eef3f8}.detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.detail-grid strong{font-size:13px;word-break:break-word}.lead-note-box{margin:0 20px 20px;padding:14px;border-radius:12px;background:#f8fbff;border:1px solid #e5edf7}.lead-note-box p{margin:7px 0 0;color:#445a70;font-size:12px;line-height:1.6}.activity-count{font-size:10px;color:var(--muted);background:#f0f4f9;padding:5px 8px;border-radius:999px}.activity-timeline{padding:0 20px 18px}.activity-item{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:13px 0;border-top:1px solid #edf2f7}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef5ff;color:#1663b9;font-weight:900}.activity-icon.type-call{background:#eff7ff;color:#2f73a9}.activity-icon.type-whatsapp{background:#e9fbf2;color:#168b56}.activity-icon.type-note{background:#fff5df;color:#a77313}.activity-icon.type-status{background:#f2ecff;color:#7755c5}.activity-icon.type-quote{background:#f1edff;color:#7357bb}.activity-body{min-width:0}.activity-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-title strong{font-size:12px}.activity-title time{font-size:10px;color:#93a1b1;white-space:nowrap}.activity-body p{font-size:12px;line-height:1.55;color:#52677c;margin:5px 0}.activity-body small{font-size:10px;color:#93a1b1}.quick-panel{padding-bottom:18px}.activity-form{display:grid;gap:12px;padding:0 18px}.activity-form label{display:grid;gap:6px}.activity-form label>span{font-size:10px;font-weight:800;color:#53697f}.activity-form select,.activity-form textarea{border:1px solid #dce5f0;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.activity-form textarea{resize:vertical}.activity-form select:focus,.activity-form textarea:focus{border-color:#5b9aed;box-shadow:0 0 0 3px rgba(20,105,232,.08)}.next-action-card{padding:18px}.next-action-card h3{margin:7px 0;font-size:16px}.next-action-card p{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 13px}.mini-actions{overflow:hidden}.mini-actions>a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:13px 15px;border-top:1px solid #edf2f7}.mini-actions>a:first-child{border-top:0}.mini-actions>a:hover{background:#fbfdff}.mini-actions>a>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef5ff;color:#1469e8}.mini-actions div{display:grid}.mini-actions strong{font-size:12px}.mini-actions small{font-size:10px;color:var(--muted);margin-top:2px}.mini-actions b{color:#1469e8}.crm-form .form-section{scroll-margin-top:100px}
@media(max-width:1250px){.crm-stat-grid{grid-template-columns:repeat(3,1fr)}.lead-workspace-grid{grid-template-columns:1fr}.lead-right-column{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-actions{grid-column:1/-1}}@media(max-width:900px){.lead-hero{align-items:flex-start;flex-direction:column}.lead-hero-actions{justify-content:flex-start}.pipeline-stages{grid-template-columns:repeat(3,1fr)}.edit-summary{grid-template-columns:repeat(2,1fr)}.lead-right-column{grid-template-columns:1fr}.mini-actions{grid-column:auto}}@media(max-width:640px){.crm-stat-grid{grid-template-columns:repeat(2,1fr)}.pipeline-stages{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-grid>div:nth-child(odd),.detail-grid>div:nth-child(even){padding:12px 0;border-left:0}.lead-meta-inline{display:grid;gap:4px}.lead-hero-actions .btn{flex:1}.edit-summary{grid-template-columns:1fr}.edit-summary>div{border-right:0;border-bottom:1px solid var(--line)}.edit-summary>div:last-child{border-bottom:0}.activity-title{align-items:flex-start;flex-direction:column;gap:3px}.page-action-buttons{width:100%}.page-action-buttons .btn{flex:1}}
