@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#0b5cff;--navy:#061a31;--bg:#f5f7fb;--card:#fff;--text:#151b2b;--muted:#687386;--line:#e6eaf0;--success:#12a150;--danger:#e33b54;--warning:#f39014;--radius:14px;--shadow:0 4px 18px rgba(18,38,63,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:238px;background:linear-gradient(160deg,#071c33,#001325);color:#fff;padding:22px 14px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;padding:0 10px 22px}.brand>span{width:36px;height:36px;display:grid;place-items:center;background:#0b5cff;border-radius:11px}.brand small{display:block;font-size:9px;font-weight:500;color:#aab8c9}.side-user{display:flex;align-items:center;gap:10px;padding:14px 10px;margin-bottom:10px;border-top:1px solid #163048;border-bottom:1px solid #163048}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dceaff;color:#0757cf;font-weight:800}.side-user strong,.side-user small{display:block;font-size:12px}.side-user small{color:#9eb0c3;margin-top:3px}.side-user b{color:#24cf68}.sidebar nav{display:grid;gap:3px}.sidebar nav a,.logout{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#d9e2ed;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--primary);color:white}.sidebar nav i{font-size:15px}.plan-card{margin-top:auto;background:linear-gradient(135deg,#4932b7,#1727a4);border:1px solid #6150df;padding:13px;border-radius:11px;display:grid;gap:4px}.plan-card small{text-transform:uppercase;font-size:9px}.plan-card strong{font-size:14px}.plan-card span{font-size:9px;color:#d7d4ff}.plan-card button{border:0;border-radius:6px;background:#1768ef;color:#fff;padding:7px;margin-top:5px;font-size:11px}.logout{margin-top:8px}.app-main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:20}.topbar h1{font-size:18px;margin:1px 0}.eyebrow{font-size:10px;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.global-search{width:260px;height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.global-search input{border:0;outline:0;width:100%}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.icon-btn.primary{background:var(--primary);color:#fff;border:0}.user-chip{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.user-chip>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe1bd;color:#783700}.page-content{padding:18px 20px 95px;max-width:1600px;margin:auto}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:17px 15px;display:flex;gap:13px;align-items:flex-start}.kpi>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:19px}.purple{color:#6d4bd7;background:#eee9ff}.orange{color:#f07800;background:#fff0df}.blue{color:#1769d2;background:#e5f0ff}.green{color:#0a9a44;background:#e2f7ea}.pink{color:#c83ddb;background:#f7e4fb}.kpi span,.kpi small{display:block;color:var(--muted);font-size:10px}.kpi strong{display:block;font-size:20px;margin:3px 0}.kpi .up{color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;margin-top:12px}.panel{padding:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{font-size:14px;margin:0}.panel-head a{font-size:10px;color:var(--primary);font-weight:600}.follow-row,.booking-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid #eef1f5}.activity-icon,.package-thumb{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eee9ff;color:#6c4ed6}.follow-row>div,.booking-row>div:nth-child(2){flex:1}.follow-row strong,.follow-row small,.booking-row strong,.booking-row small{display:block;font-size:11px}.follow-row small,.booking-row small{color:var(--muted);margin-top:3px;font-size:9px}.badge{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:600}.badge.danger{background:#ffedf0;color:var(--danger)}.badge.success{background:#e6f8eb;color:var(--success)}.badge.status{background:#e9f1ff;color:#145fc8}.booking-row>div:last-child{text-align:right}.booking-row b,.booking-row span{display:block;font-size:10px}.funnel{padding:2px}.funnel-row{height:34px;display:flex;align-items:center;gap:12px}.funnel-row>span{height:28px;clip-path:polygon(8% 0,92% 0,84% 100%,16% 100%);margin-left:auto}.funnel-row label{width:110px;font-size:10px}.funnel-row label b{float:right}.quick-panel{margin-top:12px}.desktop-quick{display:grid;grid-template-columns:repeat(8,1fr)}.desktop-quick a{padding:12px 5px;text-align:center;border-right:1px solid #edf0f4;font-size:10px}.desktop-quick i{display:grid;place-items:center;margin:auto auto 7px;width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:var(--primary);font-size:18px}.page-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.filter-bar{display:flex;gap:8px}.filter-bar label{min-width:280px;display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding:0 11px}.filter-bar label input{border:0;outline:0;padding:10px;width:100%}.filter-bar select,.crm-form input,.crm-form select,.crm-form textarea,.form-sheet input,.form-sheet select,.form-sheet textarea{border:1px solid #dce1e8;border-radius:8px;background:#fff;padding:10px;outline:none;width:100%}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-light{background:#fff;border:1px solid var(--line)}.btn-success{background:#e6f8eb;color:#087a38}.btn-danger{background:var(--danger);color:#fff}.btn-danger-outline{background:#fff2f3;color:var(--danger)}.btn-small{padding:6px 10px}.btn-block{width:100%}.desktop-table table{width:100%;border-collapse:collapse}.desktop-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line)}.desktop-table td{padding:12px 10px;border-bottom:1px solid #edf0f4;font-size:11px}.desktop-table td strong,.desktop-table td small{display:block}.desktop-table td small{margin-top:4px;color:var(--muted)}.mobile-cards{display:none}.pager{text-align:center;margin-top:14px}.pager ul{list-style:none;display:flex;justify-content:center;gap:4px;padding:0}.pager a,.pager li.active{padding:6px 9px;background:#fff;border:1px solid var(--line);border-radius:6px}.crm-form{max-width:920px;margin:auto;padding:20px}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.form-head h2{margin:0 0 5px;font-size:18px}.form-head p{margin:0;color:var(--muted);font-size:11px}.form-head span{font-size:9px;color:var(--danger)}.form-section{margin-top:18px}.form-section h3{font-size:12px;margin:0 0 11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-form label,.form-sheet label{display:grid;gap:6px;font-size:10px;font-weight:600}.span-2{grid-column:span 2}.sticky-form-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:14px 0 0;margin-top:18px;display:flex;justify-content:flex-end;gap:8px}.alert{border-radius:8px;padding:10px 12px;margin:12px 0}.alert.error{background:#fff0f2;color:#b9283d}.detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-head h2{margin:7px 0 3px;font-size:22px}.detail-head p{margin:0;color:var(--muted);font-size:11px}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.detail-grid section{display:grid;gap:12px}.contact-card{display:flex;align-items:center;gap:12px}.avatar.large{width:54px;height:54px;font-size:18px}.contact-card h3{margin:0 0 4px}.contact-card small,.contact-card a{display:block;font-size:10px;margin-top:3px}.contact-card>div:nth-child(2){flex:1}.contact-actions{display:flex;gap:8px}.contact-actions a{width:68px;padding:8px;border:1px solid var(--line);border-radius:9px;text-align:center}.contact-actions i,.contact-actions span{display:block}.contact-actions i{font-size:16px}.contact-actions .whatsapp{color:#079341}.info-panel dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.info-panel dl div{padding:12px;border-top:1px solid #edf0f4}.info-panel dt{font-size:9px;color:var(--muted)}.info-panel dd{font-size:11px;margin:5px 0 0}.info-panel .wide{grid-column:span 2}.timeline-item{display:flex;gap:10px;padding:7px 0}.timeline-item>span{width:10px;height:10px;border-radius:50%;background:var(--warning);margin-top:3px;box-shadow:0 0 0 4px #fff0dd}.timeline-item.done>span{background:var(--success)}.timeline-item strong,.timeline-item small{display:block;font-size:10px}.timeline-item small,.timeline-item p{color:var(--muted);font-size:9px;margin:3px 0}.follow-tabs nav{display:flex;background:#eaf0f8;padding:3px;border-radius:9px}.follow-tabs nav a{padding:8px 12px;font-size:10px;border-radius:7px}.follow-tabs nav a.active{background:#fff;color:var(--primary);box-shadow:0 2px 5px #d5deea}.follow-card{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #edf0f4}.follow-main{flex:1}.follow-main h3{margin:0;font-size:12px}.follow-main a,.follow-main p{font-size:9px;color:var(--muted);margin:3px 0}.follow-when{text-align:right}.follow-when strong,.follow-when small{display:block;font-size:10px}.follow-when small{color:var(--muted);margin-top:3px}.row-actions{display:flex;gap:5px}.empty{text-align:center;padding:35px 15px;color:var(--muted)}.empty i,.module-empty>span{font-size:26px;color:var(--primary)}.empty h3{color:var(--text);margin:8px 0 3px}.empty p{margin:0}.empty.small{padding:20px}.module-empty{text-align:center;max-width:570px;margin:8vh auto;padding:45px}.module-empty>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e9f1ff;margin:auto}.module-empty h2{margin-bottom:8px}.module-empty p{color:var(--muted);line-height:1.6;margin:0 auto 18px;max-width:430px}.bottom-sheet,.confirm-card{background:#fff;border-radius:18px;padding:18px}.sheet-backdrop,.modal-backdrop{position:fixed;inset:0;background:#061a3166;z-index:80;display:none;align-items:flex-end;justify-content:center}.sheet-backdrop.show,.modal-backdrop.show{display:flex}.bottom-sheet{width:min(560px,100%);margin:12px}.bottom-sheet header{display:flex;justify-content:space-between;align-items:center}.bottom-sheet header small{color:var(--muted)}.bottom-sheet header h3{margin:3px 0 12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid a{border:1px solid var(--line);border-radius:12px;padding:15px 8px;text-align:center}.quick-grid i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin:auto auto 8px;font-size:17px}.quick-grid span{font-size:10px;font-weight:600}.form-sheet form{display:grid;gap:12px}.confirm-card{text-align:center;width:330px;margin:auto}.confirm-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffeaed;color:var(--danger);font-size:19px;margin:auto}.confirm-card h3{margin:12px 0 5px}.confirm-card p{color:var(--muted);font-size:11px}.toast-area{position:fixed;right:20px;top:75px;z-index:100;display:grid;gap:8px}.toast{background:#fff;border:1px solid var(--line);border-left:4px solid var(--success);box-shadow:0 8px 30px #1a2a3d22;border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:9px;min-width:280px}.toast.error{border-left-color:var(--danger)}.toast.error i{color:var(--danger)}.toast i{color:var(--success)}.toast span{font-size:11px;flex:1}.toast button{border:0;background:none;color:var(--muted)}.mobile-nav,.mobile-only,.mobile-contact-bar{display:none}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.auth-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;background:#fff}.auth-visual{background:linear-gradient(135deg,#04172cdd,#0754c7bb),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1400&q=80') center/cover;color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-size:20px;font-weight:800}.auth-visual h1{font-size:44px;line-height:1.08;max-width:620px;margin:12px 0}.auth-visual p{color:#d8e8ff}.eyebrow.light{color:#80bcff}.auth-card{width:min(420px,85%);margin:auto}.auth-card h2{font-size:26px;margin:8px 0}.auth-card>p{color:var(--muted);margin-bottom:25px}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:7px;font-size:11px;font-weight:600}.auth-card input{border:1px solid var(--line);padding:13px;border-radius:9px}.demo-note{margin-top:18px;background:#eef5ff;padding:10px;border-radius:8px;color:#37618e;font-size:10px}.mobile-auth-brand{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.recent-panel{grid-column:span 2}.desktop-quick{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){body{font-size:13px}.sidebar{display:none}.app-main{margin:0;width:100%}.topbar{height:58px;padding:0 14px}.topbar .eyebrow,.global-search,.user-chip{display:none}.topbar h1{font-size:17px}.top-actions{gap:8px}.mobile-only{display:grid;margin-right:10px}.page-content{padding:12px 11px 88px}.kpi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.kpi{min-width:145px;padding:13px;scroll-snap-align:start}.kpi>i{width:34px;height:34px}.kpi strong{font-size:17px}.dashboard-grid{display:grid;grid-template-columns:1fr}.recent-panel{grid-column:auto}.pipeline-panel{display:none}.desktop-quick{grid-template-columns:repeat(4,1fr)}.desktop-quick a:nth-child(n+5){display:none}.page-actions{align-items:center}.filter-bar{flex:1}.filter-bar label{min-width:0}.filter-bar select,.filter-bar .btn{display:none}.page-actions>.btn{font-size:0;width:40px;height:40px;padding:0}.page-actions>.btn i{font-size:15px}.desktop-table{display:none}.mobile-cards{display:grid;gap:10px;background:var(--bg)}.table-panel{border:0;background:transparent;box-shadow:none;padding:0}.lead-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.lead-card header{display:flex;justify-content:space-between}.lead-card h3{font-size:13px;margin:0 0 3px}.lead-card header a,.lead-card p,.lead-card small{font-size:10px;color:var(--muted)}.lead-card p{color:var(--text);margin:12px 0 7px}.lead-card footer{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px;margin-top:12px}.lead-card footer a{border:1px solid var(--line);border-radius:7px;padding:8px 4px;text-align:center;font-size:9px;color:var(--primary)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.crm-form{padding:14px}.form-head p{max-width:250px}.detail-grid{grid-template-columns:1fr}.detail-head h2{font-size:18px}.contact-actions{display:none}.info-panel dl{grid-template-columns:1fr 1fr}.mobile-contact-bar{position:fixed;z-index:24;bottom:63px;left:10px;right:10px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #1a2a3d30;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);padding:7px}.mobile-contact-bar a{text-align:center;padding:7px;font-size:9px;border-right:1px solid var(--line)}.mobile-contact-bar a:last-child{border:0}.follow-tabs{display:block}.follow-tabs nav{overflow:auto;margin-bottom:9px}.follow-tabs>.btn{width:100%;font-size:11px;height:auto;padding:10px}.follow-card{display:grid;grid-template-columns:auto 1fr auto;align-items:start;padding:12px 3px}.follow-when{grid-column:3}.row-actions{grid-column:2/4}.row-actions .btn{padding:7px 10px}.mobile-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(6,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;color:#637083}.mobile-nav i{font-size:17px}.mobile-nav .nav-plus{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;margin-top:-14px;align-self:start;justify-self:center;box-shadow:0 5px 14px #0b5cff55}.mobile-nav .nav-plus i{font-size:22px}.toast-area{top:65px;left:10px;right:10px}.toast{min-width:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.bottom-sheet{margin:0;border-radius:18px 18px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.auth-page{display:block;background:linear-gradient(160deg,#eff5ff,#fff)}.auth-visual{display:none}.auth-card{width:auto;margin:0;padding:40px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.mobile-auth-brand{display:block;font-size:21px;font-weight:800;color:var(--primary);margin-bottom:50px}}